/* CSS Document */
* { margin: 0; padding: 0; }

html { font-size: 62.5%; height: 100%; }

body { margin: 0 auto; font-family: 'LatoRegular'; 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: 'LatoRegular'; 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; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #666666; }

:-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666666; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666666; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666666; }

.sou::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }

.sou:-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }

.sou::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }

.sou:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }

.cuxin ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }

.cuxin :-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }

.cuxin ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }

.cuxin :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }

.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(../img/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("fonts/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: #011e9e; }

@media screen and (min-width: 768px) { .container, .nav { display: none !important; } }

/***********  lunbo  *************/
* { margin: 0; padding: 0; }

li { list-style: none; }

.slide { position: relative; }

.slide .carouse { width: 100%; overflow: hidden; position: relative; }

.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; bottom: 65px; text-align: center; left: 27%; }

.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: 60px; height: 60px; z-index: 999; margin-top: -30px; }



.slide .carousel-control.left:hover { background-image: url("../img/prev2.png"); }


.slide .carousel-control.right:hover { background-image: url("../img/next2.png"); }

.slide .dotList ul li { cursor: pointer; background: url(../img/dian1.png) no-repeat center center; font-size: 0px; margin-left: 3px; margin-right: 3px; border: none; outline: none; width: 24px; height: 24px; }

.slide .dotList ul li.active { background: url(../img/dian2.png) no-repeat center center; }

.slide .slidedetail { display: none; }

@media screen and (max-width: 999px) { .slide .carousel-control { display: none; } }

@media screen and (max-width: 767px) { .slide .dotList ul li { width: 15px; height: 15px; -webkit-background-size: 100% 100% !important; background-size: 100% !important; }
  .slide .dotList { bottom: 35px; left: 24%; } }

@media screen and (max-width: 400px) { .slide .dotList ul li { width: 8px; height: 8px; -webkit-background-size: 100% 100% !important; background-size: 100% !important; }
  .slide .dotList { bottom: 20px; } }

/***********  toplx  ************/
.headbox { position: relative; }

.headfu { position: absolute; width: 100%; z-index: 999; left: 0; top: 0; }

@font-face { font-family: 'OswaldBold'; src: url("../fonts/OswaldBold.eot"); src: url("../fonts/OswaldBold.eot") format("embedded-opentype"), url("../fonts/OswaldBold.woff2") format("woff2"), url("../fonts/OswaldBold.woff") format("woff"), url("../fonts/OswaldBold.ttf") format("truetype"), url("../fonts/OswaldBold.svg#OswaldBold") format("svg"); }

@font-face { font-family: 'OswaldRegular'; src: url("../fonts/OswaldRegular.eot"); src: url("../fonts/OswaldRegular.eot") format("embedded-opentype"), url("../fonts/OswaldRegular.woff2") format("woff2"), url("../fonts/OswaldRegular.woff") format("woff"), url("../fonts/OswaldRegular.ttf") format("truetype"), url("../fonts/OswaldRegular.svg#OswaldRegular") format("svg"); }

@font-face { font-family: 'LatoRegular'; src: url("../fonts/LatoRegular.eot"); src: url("../fonts/LatoRegular.eot") format("embedded-opentype"), url("../fonts/LatoRegular.woff2") format("woff2"), url("../fonts/LatoRegular.woff") format("woff"), url("../fonts/LatoRegular.ttf") format("truetype"), url("../fonts/LatoRegular.svg#LatoRegular") format("svg"); }

.toplx { padding-top: 9px; padding-bottom: 12px; }

.toplx ul { float: left; }

.toplx p, .toplx a { color: #fff; }

.toplx ul li { float: left; line-height: 30px; margin-right: 20px; }

.toplx ul li p { padding-left: 22px; }

.topli1 { background: url(../img/topi1.png) no-repeat left center; }

.topli2 { background: url(../img/topi2.png) no-repeat left center; }

.toplx a:hover { color: #ff8800; }

.toplx .bsjj { padding-top: 5px; }

.toplx .bsjj a { margin-left: 10px; }

/***********  head  ************/
.head .wp { background: #fff; }

.logo { padding-top: 13px; padding-left: 17px; }

.logo img { max-width: 100%; }

.logo2 { display: none; padding-top: 13px; padding-left: 17px; }

.logo2 img { max-width: 100%; }

.navlist { padding-top: 37px; }

.navlist2 { display: none; }

.navlist > li { float: left; margin-right: 17px; margin-left: 23px; position: relative; padding-bottom: 26px; }

.navlist > li > a { font-size: 18px; font-size: 1.8rem; display: block; padding-bottom: 10px; font-family: 'OswaldRegular'; font-weight: bold; }

.navlist > li:hover > a { background: url(../img/navbg.jpg) no-repeat center bottom; color: #011e9e; }

.navlist > li.currentnav > a { background: url(../img/navbg.jpg) no-repeat center bottom; color: #011e9e; }

.search { position: relative; margin-right: 8px; }

.search > img { cursor: pointer; }

.sou { width: 270px; height: 24px; line-height: 24px; padding-left: 2px; border-bottom: 1px solid #d0d0d0; background: transparent; }

.suo { position: absolute; right: 0px; bottom: 5px; width: 19px; height: 19px; background: url(../img/sousuo.png) no-repeat center center; cursor: pointer; }

@media screen and (max-width: 1219px) { .navlist > li { margin-left: 18px; }
  .logo img { width: 330px; }
  .navlist { padding-top: 20px; }
  .navlist > li { padding-bottom: 15px; } }

@media screen and (max-width: 999px) { .logo { display: none; }
  .logo2 { display: block; padding-top: 6px; }
  .headfu { position: static; background: #fff; }
  .toplx ul li p { color: #333; }
  .toplx ul li p a { color: #333; }
  .navlist > li { margin-left: 17px; }
  .logo { margin-right: 15px; }
  .topli1 { background: url(../img/topi1h.png) no-repeat left center; }
  .topli2 { background: url(../img/topi2h.png) no-repeat left center; } }

@media screen and (max-width: 880px) { .sou { width: 190px; } }

@media screen and (max-width: 767px) { .logo { display: block; margin-right: 0; padding-left: 0; padding-top: 0; }
  .logo img { width: 410px; }
  .logo2 { display: none; padding-top: 6px; }
  .toplx ul { display: none; }
  .search { float: left; margin-right: 0; width: 90%; }
  .sou { width: 100%; }
  .navlist { width: 100%; }
  .navlist2 { display: block; }
  .navlist1 { display: none; }
  .navlist { padding-top: 10px; }
  .navlist > li { width: 25%; margin: 0; text-align: center; }
  .navlist > li > a { padding-bottom: 10px; }
  .navlist > li { padding-bottom: 10px; } }

@media screen and (max-width: 500px) { .logo img { width: 300px; }
  .navlist > li > a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 350px) { .navlist > li > a { font-size: 12px; font-size: 1.2rem; } }

/*************  bottom  ************/
.bottom { background: url(../img/sybg2.jpg) repeat-y center top; padding-top: 38px; }

.bottom p, .bottom li, .bottom a, .bottom span { color: #e0e0e0; }

.bottom a:hover { color: #ff8800; }

.div > a, .div > span { display: block; font-size: 26px; font-size: 2.6rem; margin-bottom: 15px; text-transform: uppercase; }

.div3 { width: 304px; }

.div3 > span { margin-bottom: 23px; }

.div1 { margin-right: 83px; width: 344px; background: #fff; padding-bottom: 20px; margin-top: -98px; }

.div1 > span { line-height: 60px; background: #ff8800; padding-left: 32px; color: #fff; margin-bottom: 0; }

.div1 ul { padding-left: 31px; padding-right: 25px; }

.div1 li { line-height: 30px; font-size: 16px; font-size: 1.6rem; padding-left: 20px; color: #333; }

.div1 li a { color: #333; }

.logo3 { display: inline-block; padding-top: 21px; padding-bottom: 4px; padding-left: 30px; }

.div2 li { line-height: 30px; font-size: 16px; font-size: 1.6rem; }

.bli1 { background: url(../img/bi1.png) no-repeat left 9px; }

.bli2 { background: url(../img/bi2.png) no-repeat left 9px; }

.bli3 { background: url(../img/bi3.png) no-repeat left 9px; }

.bli4 { background: url(../img/bi4.png) no-repeat left 9px; }

.bli5 { background: url(../img/bi5.png) no-repeat left 9px; }

.bli6 { background: url(../img/bi6.png) no-repeat left 9px; }

.bottom .bsjj a { margin-left: 19px; position: relative; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; top: 0; }

.bottom .bsjj { padding-top: 8px; padding-bottom: 14px; }

.bottom .bsjj a:hover { top: -10px; }

.copyright { line-height: 30px; font-size: 15px; font-size: 1.5rem; }

.cnzz { padding-left: 10px; }

.link { padding-top: 5px; padding-bottom: 28px; line-height: 30px; min-height: 30px; margin-top: 50px; font-size: 16px; font-size: 1.6rem; }

.link a { padding: 0 20px; }

.link a:hover { color: #ff8800; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .div1 { width: 295px; margin-right: 33px; }
  .logo3 { padding-left: 15px; }
  .div1 ul { padding-left: 20px; padding-right: 20px; }
  .div3 { width: 250px; }
  .bottom .bsjj a { margin-left: 6px; } }

@media screen and (max-width: 999px) { .div1 { width: 45%; margin-top: 0; margin-right: 5%; }
  .div2 { width: 50%; }
  .div3 { width: 50%; margin-top: 20px; }
  .bottom .bsjj a { margin-left: 0; margin-right: 5px; }
  .div > a, .div > span { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .div1, .div2 { display: none; }
  .div3 { width: 100%; margin-top: 0; }
  .div3 p { padding-left: 0; }
  .div3 > span { display: none; }
  .bsjj { display: none; }
  .bottom { padding-top: 20px; padding-bottom: 20px; }
  .link { font-size: 16px; font-size: 1.6rem; }
  .copyright, .support { line-height: 30px; }
  .link a, .link span { display: none; }
  .link { margin-top: 8px; } }

/***********  syform  ***********/
.syform { width: 392px; height: 527px; background: url(../img/formbg.png) no-repeat; position: absolute; right: 0; bottom: -25px; }

.sybiao { position: relative; }

.syform form { padding-top: 27px; padding-left: 24px; padding-right: 53px; padding-bottom: 30px; }

.syform form p { text-align: center; font-family: 'OswaldRegular'; font-weight: bold; font-size: 26px; font-size: 2.6rem; text-transform: uppercase; margin-bottom: 20px; }

.syintbox { padding-left: 8px; background: url(../img/syxing.png) no-repeat left 17px; margin-bottom: 22px; }

.syintbox2 { padding-left: 8px; background: url(../img/syxing.png) no-repeat left 17px; margin-bottom: 34px; }

.syint1, .syint2 { width: 270px; height: 38px; line-height: 38px; padding-left: 37px; }

.syint3 { width: 270px; height: 126px; line-height: 38px; padding-left: 37px; background: #f0f0f0 url(../img/fbiao3.png) no-repeat left top; }

.syint1 { background: #f0f0f0 url(../img/fbiao1.png) no-repeat left center; }

.syint2 { background: #f0f0f0 url(../img/fbiao2.png) no-repeat left center; }

.syint4 { width: 152px; background: #f0f0f0; height: 38px; line-height: 38px; padding-left: 11px; }

.syintbox2 img { float: right; cursor: pointer; }

.syintbox3 { text-align: center; }

.syintbox3 input { width: 165px; height: 38px; line-height: 38px; background: #011e9e; color: #fff; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }

/**************  sya  **************/
@font-face { font-family: 'LatoBold'; src: url("../fonts/LatoBold.eot"); src: url("../fonts/LatoBold.eot") format("embedded-opentype"), url("../fonts/LatoBold.woff2") format("woff2"), url("../fonts/LatoBold.woff") format("woff"), url("../fonts/LatoBold.ttf") format("truetype"), url("../fonts/LatoBold.svg#LatoBold") format("svg"); }

.sya { padding-top: 97px; padding-bottom: 91px; }

.sybt { text-align: center; font-family: 'OswaldRegular'; font-weight: bold; text-transform: uppercase; font-size: 38px; font-size: 3.8rem; }

.sya .sybt { margin-bottom: 60px; }

.syazuo { width: 573px; padding-left: 21px; padding-bottom: 25px; background: url(../img/spbg.png) no-repeat left bottom; }

.vitu { position: relative; padding-bottom: 72.42%; height: 0; overflow: hidden; }

.vitu video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.vitu video body { margin: 0px !important; }

.syayou { width: 554px; }

.syayou a { display: block; }

.syap1 { font-family: 'OswaldRegular'; font-weight: bold; font-size: 38px; font-size: 3.8rem; text-transform: uppercase; }

.syap2 { font-size: 18px; font-size: 1.8rem; line-height: 30px; margin-top: 11px; }

.syap3 {text-indent:20px; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-top: 21px; margin-bottom: 39px; text-indent:20px　!important;}

.syap4 { width: 155px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #011e9e; border: 1px solid #011e9e; font-family: 'LatoBold'; }

.syap1:hover, .syap2:hover, .syap3:hover { color: #011e9e; }

.syap4:hover { background: #011e9e; color: #fff; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .syform { -webkit-background-size: 100% 100%; background-size: 100%; width: 290px; height: 390px; }
  .syint1, .syint2 { width: 168px; }
  .syint3 { width: 168px; }
  .syform form p { font-size: 20px; font-size: 2rem; }
  .syintbox { margin-bottom: 10px; }
  .syint4 { width: 80px; }
  .syint3 { height: 80px; }
  .syintbox2 { margin-bottom: 15px; }
  .syazuo { width: 475px; -webkit-background-size: 95% 95%; background-size: 95%; padding-top: 46px; }
  .syayou { width: 455px; }
  .syap1 { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 999px) { .syform { position: static; width: 100%; background: #fff; height: auto; }
  .syint1, .syint2 { width: -webkit-calc(100% - 37px); width: -moz-calc(100% - 37px); width: calc(100% - 37px); }
  .syint3 { width: -webkit-calc(100% - 37px); width: -moz-calc(100% - 37px); width: calc(100% - 37px); }
  .syint4 { width: 80%; }
  .syform form { padding: 20px; }
  .syintbox { margin-bottom: 11px; }
  .syintbox2 { margin-bottom: 21px; }
  .sya { padding-top: 45px; }
  .syazuo { float: none; max-width: 573px; margin: 0 auto; width: auto; }
  .syayou { width: 100%; margin-top: 20px; }
  .sya .sybt { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .syint4 { width: 70%; }
  .syform form p { font-size: 20px; font-size: 2rem; }
  .sybt { font-size: 30px; font-size: 3rem; }
  .syap1 { font-size: 30px; font-size: 3rem; }
  .sya { padding-top: 25px; }
  .syazuo { -webkit-background-size: 95% 95%; background-size: 95%; }
  .syform form { padding: 0; } }

@media screen and (max-width: 550px) { .syap1 { font-size: 24px; font-size: 2.4rem; }
  .syap3 { font-size: 14px; font-size: 1.4rem; margin-top: 15px; margin-bottom: 20px; }
  .syint4 { width: 50%; } }

@media screen and (max-width: 450px) { .sybt { font-size: 24px; font-size: 2.4rem; } }

/*************  syhistory  ************/
.syhistory { height: 208px; background: url(../img/sybg1.jpg) no-repeat center top; }

.syhistory .wp { position: relative; }

.hisnr { padding-left: 236px; padding-right: 280px; }

.hisp1 { display: block; font-family: 'OswaldRegular'; font-weight: bold; font-size: 38px; font-size: 3.8rem; text-transform: uppercase; padding-top: 35px; }

.hisp2 { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 7px; }

.lm { display: block; width: 161px; height: 44px; line-height: 44px; background: #fff; text-align: center; font-family: 'LatoBold'; font-size: 16px; font-size: 1.6rem; position: absolute; right: 0; top: 86px; }

.lm:hover { background: #011e9e; color: #fff; }

@media screen and (max-width: 1219px) { .hisnr { padding-left: 115px; padding-right: 200px; }
  .hisp1 { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 999px) { .sya { padding-bottom: 60px; }
  .syhistory { background: #ff8800; height: auto; padding-bottom: 30px; }
  .hisnr { padding-left: 0; } }

@media screen and (max-width: 767px) { .hisp1 { padding-top: 20px; }
  .hisnr { padding-right: 0px; }
  .lm { position: static; margin-top: 15px; }
  .sya { padding-bottom: 35px; } }

@media screen and (max-width: 550px) { .hisp1 { font-size: 20px; font-size: 2rem; }
  .hisp2 { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .syhistory { padding-bottom: 20px; } }

/*************  syp  ***********/
.syp { padding-top: 65px; padding-bottom: 28px; background: url(../img/sypbg.jpg) repeat; }

.we { text-align: center; display: block; max-width: 910px; margin: 0 auto; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 18px; margin-bottom: 50px; }

.sypbox { width: 280px; float: left; margin-left: 26px; margin-bottom: 60px; }

.sypcon { position: relative; overflow: hidden; }

.sypcover { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: url(../img/customerbg.png); -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.syptu { display: block; }

.syptu img { display: block; width: 100%; max-width: 498px; max-height: 498px; }

.sypcover p a { display: block; text-align: center; color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 30px; height: 60px; overflow: hidden; }

.sypcover p { padding: 0 15px; padding-top: 88px; }

.sypcover > a { display: block; width: 111px; height: 38px; line-height: 38px; text-align: center; background: #fff; margin: 0 auto; margin-top: 35px; }

.sypp1 { display: block; font-size: 16px; font-size: 1.6rem; line-height: 24px; height: 48px; overflow: hidden; margin-top: 10px; text-align: center; }

.sypbox:hover .sypcover { top: 0; }

@media screen and (max-width: 1219px) { .sypbox { width: 225px; } }

@media screen and (max-width: 999px) { .sypbox { width: 23%; margin: 0 1%; margin-bottom: 30px; }
  .sypcover { position: static; background: none; }
  .sypcover p { padding: 0; padding-top: 10px; }
  .sypcover p a { color: #333; line-height: 24px; height: 48px; }
  .sypcover > a { display: none; }
  .sypp1 { font-size: 14px; font-size: 1.4rem; }
  .syp { padding-top: 40px; } }

@media screen and (max-width: 767px) { .we { font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-bottom: 20px; }
  .sypbox { width: 31.333%; } }

@media screen and (max-width: 550px) { .sypbox { width: 48%; } }

/*********  sywhy  **********/
.sywhy { padding-top: 62px; padding-bottom: 64px; }

.whybox { width: 315px; float: left; margin-left: 127px; background: #f6f6f6; text-align: center; -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1); -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.whycon { padding-top: 38px; padding-left: 10px; padding-right: 10px; padding-bottom: 28px; }

.whybox span, .whybox a { color: #666666; display: block; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.whyp1 { font-size: 18px; font-size: 1.8rem; line-height: 30px; padding-top: 70px; }

.whyp1 span { padding-bottom: 18px; background: url(../img/whyxian1.png) no-repeat center bottom; }

.whyp2 { line-height: 30px; margin-top: 30px; height: 60px; overflow: hidden; }

.whybox1 .whyp1 { background: url(../img/why1.png) no-repeat center top; }

.whybox2 .whyp1 { background: url(../img/why2.png) no-repeat center top; }

.whybox3 .whyp1 { background: url(../img/why3.png) no-repeat center top; }

.whybox:hover { background: #ff8800; }

.whybox:hover .whyp1 span { background: url(../img/whyxian2.png) no-repeat center bottom; }

.whybox:hover a { color: #fff; }

.whybox:hover span { color: #fff; }

.whybox1:hover .whyp1 { background: url(../img/why1h.png) no-repeat center top; }

.whybox2:hover .whyp1 { background: url(../img/why2h.png) no-repeat center top; }

.whybox3:hover .whyp1 { background: url(../img/why3h.png) no-repeat center top; }

@media screen and (max-width: 1219px) { .whybox { margin-left: 30px; width: 306px; } }

@media screen and (max-width: 999px) { .whybox { width: 31.333%; margin: 0 1%; } }

@media screen and (max-width: 767px) { .whyp2 { height: 90px; } }

@media screen and (max-width: 550px) { .whyp2 { height: auto; margin-top: 12px; }
  .whybox { width: 98%; margin-bottom: 20px; }
  .whycon { padding-top: 15px; padding-bottom: 15px; } }

/*************  sycus  ************/
.cusbox { width: 19.2%; margin-left: 1%; position: relative; overflow: hidden; float: left; }

.cusbox img { display: block; width: 100%; max-width: 370px; max-height: 310px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.cuscover { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: url(../img/customerbg.png); }

.cuscover span { display: block; color: #fff; font-size: 18px; font-size: 1.8rem; color: #e0e0e0; text-align: center; padding-top: 39%; }

.cusbox:hover .cuscover { top: 0; }

.cusbox:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.lantiao { background: #011e9e; padding-top: 17px; padding-bottom: 17px; text-align: center; }

.lantiao a { color: #fff; font-family: 'OswaldRegular'; font-weight: bold; font-size: 26px; font-size: 2.6rem; }

@media screen and (max-width: 999px) { .lantiao a { font-size: 20px; font-size: 2rem; }
  .cuscover { position: static; background: none; }
  .cuscover span { color: #333; padding-top: 10px; font-size: 14px; font-size: 1.4rem; }
  .cusbox { width: 18%; margin: 0 1%; margin-bottom: 20px; }
  .sywhy { padding-bottom: 40px; } }

@media screen and (max-width: 767px) { .cusbox { width: 31.333%; }
  .sywhy { padding-bottom: 15px; } }

@media screen and (max-width: 400px) { .cusbox { width: 48%; }
  .lantiao a { font-size: 18px; font-size: 1.8rem; } }

/*************  syn  ************/
.syn { padding-top: 57px; padding-bottom: 138px; }

.syn .sybt { margin-bottom: 53px; }

.synbox { width: 369px; float: left; margin-left: 46px; }

.syncon { padding-right: 13px; padding-bottom: 13px; background: none; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.synbox img { display: block; width: 100%; max-width: 356px; max-height: 210px; }

.synxia { background: #f6f6f6; padding-left: 22px; padding-right: 22px; padding-top: 8px; padding-bottom: 24px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.synp1 { display: block; font-size: 18px; font-size: 1.8rem; line-height: 30px; height: 60px; overflow: hidden; }

.synp2 { display: block; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; height: 90px; overflow: hidden; margin-top: 7px; margin-bottom: 12px; }

.synbox:hover .syncon { background: url(../img/synbg.jpg) no-repeat right bottom; }

.synbox:hover .synxia { background: #fff; }

@media screen and (max-width: 1219px) { .synbox { margin-left: 20px; width: 313px; }
  .synbox:hover .syncon { -webkit-background-size: 95% 95%; background-size: 95%; } }

@media screen and (max-width: 999px) { .synbox { width: 31.333%; margin: 0 1%; }
  .synp1 { font-size: 16px; font-size: 1.6rem; }
  .synp2 { font-size: 14px; font-size: 1.4rem; }
  .syn { padding-bottom: 50px; } }

@media screen and (max-width: 767px) { .syn { padding-top: 35px; }
  .syn .sybt { margin-bottom: 30px; }
  .synxia { padding-left: 10px; padding-right: 10px; }
  .sywhy { padding-top: 35px; } }

@media screen and (max-width: 600px) { .syncon { padding-right: 0; }
  .synbox:hover .syncon { background: none; } }

@media screen and (max-width: 550px) { .synbox { width: 98%; margin-bottom: 20px; text-align: center; }
  .synbox img { display: inline-block; }
  .syn { padding-bottom: 10px; }
  .syp { padding-bottom: 5px; } }

/************  bread  *************/
.mianbao { font-size: 14px; font-size: 1.6rem; line-height: 26px; color: #666666; padding-top: 13px; }

.mianbao a { color: #666666; }

.mianbao a:hover { color: #011e9e; }

.co00 { color: #011e9e !important; }

.fymain { padding-top: 28px; padding-bottom: 160px; }

/***************  about  ***************/
.about .sya { padding-top: 0; padding-bottom: 42px; }

.about .sya .sybt { margin-bottom: 45px; }

.about .syap1:hover { color: #333; }

.about .syap2:hover { color: #333; }

.about .syap3:hover { color: #666; }

.about .syap3 { margin-bottom: 35px; }

.ap1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.licheng .sybt { margin-bottom: 40px; }

.ls { background: url(../img/lsxian.png) repeat-y 9px top; position: relative; }

.ls:before { content: ''; width: 3px; height: 30px; background: #ffff; position: absolute; left: 9px; top: 0; }

.ls li { padding-left: 42px; background: url(../img/lsyuan.jpg) no-repeat left center; position: relative; margin-bottom: 32px; }

.ls li span { font-family: 'LatoBold'; font-size: 34px; font-size: 3.4rem; color: #011e9e; line-height: 34px; position: absolute; top: 50%; margin-top: -17px; left: 42px; }

.ls li div { border: 1px solid #e0e0e0; margin-left: 120px; position: relative; border-radius: 5px; -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); }

.ls li div p { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; min-height: 60px; padding-left: 18px; padding-right: 18px; padding-top: 9px; padding-bottom: 8px; }

.ls li div img { position: absolute; left: -14px; top: 50%; margin-top: -8px; }

@media screen and (max-width: 767px) { .ls li span { font-size: 24px; font-size: 2.4rem; }
  .ls li div { margin-left: 85px; }
  .fymain { padding-bottom: 40px; } }

@media screen and (max-width: 550px) { .ls li div p { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .ls li { margin-bottom: 15px; } }

@media screen and (max-width: 400px) { .ls li span { left: 25px; font-size: 20px; font-size: 2rem; }
  .ls li div { margin-left: 50px; } }

.zspart { padding-top: 74px; }

.oc { font-size: 38px; font-size: 3.8rem; color: #333; font-family: 'OswaldRegular'; font-weight: bold; text-transform: uppercase; }

.zspart .img-scroll { position: relative; z-index: 9; }

.zspart .ab1nav { width: 65px; height: 29px; position: absolute; right: 9px; top: -44px; z-index: 999; }

.zspart .img-scroll .prev, .zspart .img-scroll .next { position: absolute; display: block; width: 29px; height: 28px; z-index: 9999; }

.zspart .img-scroll .prev { left: 0; cursor: pointer; background: url(../img/zss.png); }

.zspart .img-scroll .next { right: 0; cursor: pointer; background: url(../img/zsx.png); }

.zspart .img-scroll .prev:hover { left: 0; cursor: pointer; background: url(../img/zss2.png); }

.zspart .img-scroll .next:hover { right: 0; cursor: pointer; background: url(../img/zsx2.png); }

.zspart .img-list { position: relative; width: auto; overflow: hidden; z-index: 99; }

.zspart .img-list ul { width: 9999px; }


.zspart .img-list li { float: left; display: inline; width: 246px; margin-right: 72px;  margin-top: 26px; }
.zspart .img-list li > p { text-align: center; line-height: 34px; }

.zspart .zhengshu { max-width: 246px; width: 100%; position: relative; overflow: hidden; z-index: 9; }

.zspart .zhengtu { max-width: 246px; width: 100%; }

.zspart .zhengtu img { width: 100%; max-width: 246px; max-height: 334px; }

.zspart .zhengfu { margin: 5px; background: url(../img/fdcover.png); position: absolute; width: 96%; height: 96%; top: 100%; left: 0px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.zspart .fangda2 { display: block; position: absolute; width: 100%; height: 100%; z-index: 99; }

.zspart .fangda2 img { width: 32px; height: 32px; position: absolute; left: 50%; margin-left: -16px; top: 50%; margin-top: -16px; }

.zspart .zhengfu p { position: absolute; width: 80%; left: 10%; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #fff; top: 50%; z-index: 10; margin-top: -9px; font-family: Arial, Helvetica, sans-serif; }

.zspart .img-list li:hover .zhengfu { top: 0px; }

/*********************fangdaxiaoguo**********************/
#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-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, 0.6); box-shadow: 0 0 8px rgba(0, 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, 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,-webkit-transform .4s ease; -o-transition: left .4s ease,-o-transform .4s ease; -moz-transition: left .4s ease,transform .4s ease,-moz-transform .4s ease; transition: left .4s ease,transform .4s ease; transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease,-o-transform .4s ease; }

#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }

#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; }

.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; }

.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }

.baguetteBox-button#next-button { right: 2%; }

.baguetteBox-button#previous-button { left: 2%; }

.baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); 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%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; -moz-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; }

.double-bounce2 { -webkit-animation-delay: -1s; -moz-animation-delay: -1s; animation-delay: -1s; }

@-webkit-keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

@-moz-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; } }

@-moz-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); } }

@-moz-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); } }

@keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@media screen and (max-width: 1219px) { .zspart .img-list li { margin-right: 30px; width: 222px; } }

@media screen and (max-width: 999px) { .zspart .img-list ul { width: 10000%; }
  .oc { font-size: 40px; font-size: 4rem; margin-bottom: 15px; }
  .zspart .img-list li { width: 0.23%; margin: 0 0.01%; margin-top: 20px; }
  .zspart .img-list li:hover .zhengfu { display: none; } }

@media screen and (max-width: 767px) { .oc { font-size: 30px; font-size: 3rem; }
  .zspart { padding-top: 40px; } }

@media screen and (max-width: 600px) { .zspart .img-list li { width: 0.31333%; margin: 0 0.01%; margin-top: 20px; } }

@media screen and (max-width: 400px) { .zspart .img-list li { width: 0.48%; margin: 0 0.01%; margin-top: 20px; }
  .oc { font-size: 24px; font-size: 2.4rem; } }

.gallery { padding-top: 42px; }

.huibg { background: #f7f7f7; margin-top: 30px; padding-top: 37px; padding-bottom: 98px; }

/*******************  fenye lunbo  ********************/
#box { position: relative; width: 1038px; height: 373px; margin: 0 auto; }

#box ul { position: relative; width: 1038px; height: 373px; }

#box li { position: absolute; list-style: none; background: #000; width: 0; height: 0; top: 146px; left: 377px; z-index: 0;  border-radius: 3px; }

#box li img { width: 100%; height: 100%; vertical-align: top; }

#box li div { width: 100%; height: 60px; line-height: 60px; filter: alpha(opacity=70); color: #333; text-align: center; font-size: 18px; font-size: 1.8rem; }

#box li div h4 { margin: 0 10px; font: 12px/24px arial; border-bottom: 1px #333 solid; }

#box li div h4 span { color: red; margin-left: 10px; }

#box li div p { margin: 5px 10px 0; text-indent: 2em; }

#box .prev, #box .next { position: absolute; top: 50%; width: 40px; height: 104px; margin-top: -40px; overflow: hidden; text-indent: -999px; cursor: pointer; }

#box .prev { left: -80px; background: url(../img/lbs.png) no-repeat; }

#box .next { right: -80px; background-position: -39px 0; background: url(../img/lbx.png) no-repeat; }

#copyright { padding-top: 10px; text-align: center; }

#box2 { display: none; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .huibg { background: #fff; margin-top: 0; padding-top: 12px; padding-bottom: 20px; }
  #box2 { display: block; padding-top: 20px; }
  #box { display: none; }
  #box2 li { float: left; margin-left: 20px; width: 307px; margin-left: 29px; margin-bottom: 20px; }
  #box2 li img { width: 100%; max-width: 510px; max-height: 373px; }
  #box2 li div { text-align: center; font-size: 16px; font-size: 1.6rem; margin-top: 10px; } }

@media screen and (max-width: 999px) { .huibg { background: #fff; margin-top: 0; padding-top: 12px; padding-bottom: 0px; }
  #box2 { display: block; }
  #box { display: none; }
  #box2 { display: block; padding-top: 20px; }
  #box { display: none; }
  #box2 li { float: left; width: 31.3333%; margin: 0 1%; margin-bottom: 20px; }
  #box2 li img { width: 100%; max-width: 510px; max-height: 373px; }
  #box2 li div { text-align: center; font-size: 16px; font-size: 1.6rem; margin-top: 10px; } }

@media screen and (max-width: 750px) { #box2 li { width: 48%; margin: 0 1%; margin-bottom: 10px; } }

@media screen and (max-width: 470px) { #box2 li { width: 100%; margin: 0; margin-bottom: 10px; } }

/**********  product1  **********/
/* prnav start */
.prnav { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 20; }

.prnav .img-scroll { position: relative; z-index: 21; }

.prnav .img-scroll .prev, .prnav .img-scroll .next { position: absolute; display: block; width: 14px; height: 24px; z-index: 22; top: 13px; }

.prnav .img-scroll .prev { left: 0; cursor: pointer; background: url(../img/prev2.png) no-repeat center; }

.prnav .img-scroll .next { right: 0; cursor: pointer; background: url(../img/next2.png) no-repeat center; }

.prnav .img-scroll .prev:hover { background: url(../img/prev2_1.png) no-repeat center; }

.prnav .img-scroll .next:hover { background: url(../img/next2_1.png) no-repeat center; }

.prnav .img-list { position: relative; margin-right: 28px; margin-left: 31px; z-index: 22; overflow: hidden; }

.prnav .img-list ul { width: 9999px; }

.prnav .img-list li { float: left; display: inline; width: 261px; margin-right: 32px; height: 50px; position: relative; z-index: 99; }

.prnav .img-list li > a { display: block; height: 48px; background-color: #fff; border: solid 1px #B1B1B1; text-align: center; border-radius: 24px; font-size: 16px; font-size: 1.6rem; color: #333; }

.prnav .img-list li > a > span { display: table-cell; width: 259px; height: 48px; vertical-align: middle; text-align: center; color: inherit; }

.pryiji { position: absolute; width: 100%; top: -9999px; background: #97590B; background: rgba(255, 255, 255, 0.95); z-index: 99999; }

.pryijin { max-height: 279px; overflow: auto; text-align: center; }

.pryiji a { display: block; line-height: 43px; background-color: #FFFFFF; color: #333; }

.pryiji a:hover { background-color: #011e9e; color: #FFFFFF; }

.prnav .img-list li:hover > a { background: #011e9e; color: #fff; border-color: #011e9e; }


.prnav .img-list li:hover .pryiji { top: 50px; }

.prnav .img-scroll:hover .img-list { height:90px;}

@media only screen and (max-width: 1219px) { .prnav .img-list li { margin-right: 69px; } }

@media only screen and (max-width: 999px) { .prnav { display: none; }
  .pro1-list { padding-top: 0; } }

.product1 { padding-top: 40px; }

.fyplist { padding-top: 99px; }

.fyplist .syptu { border: 1px solid #ececec; }

.fypp1 { text-align: center; margin-top: 13px; }

.fypp1 input { cursor: pointer; margin-right: 10px; }

.fypp1 a { display: inline-block; width: 104px; height: 28px; line-height: 28px; text-align: center; border-radius: 14px; color: #666666; border: 1px solid #c1c1c1; }

/* smallkinds-list */
.smallkinds-list { margin: 30px auto 0; display: none; }

.smallkinds-list li a:hover { background-color: #011e9e; color: #FFFFFF; }

.smallkinds-list li { width: 100%; border: solid 1px #d2d2d2; line-height: 24px; margin-bottom: 10px; }

.smallkinds-list li a { display: block; background-color: #EEEEEE; padding: 8px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.smallkinds-erji { padding: 10px 0 18px; }

.smallkinds-erji li { border: 0; background-color: #FFFFFF; margin-bottom: 0; }

.smallkinds-erji { background-color: #FFFFFF; }

.smallkinds-erji li a { background-color: #FFFFFF; margin-bottom: 0; border: 0; padding: 0 0 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 28px; color: #666666; }

.smallkinds-erji li a:hover { color: #011e9e; background-color: #FFFFFF; }

.smallkinds-active { background-color: #011e9e !important; color: #FFFFFF; }

.smallkinds-active2 { color: #011e9e !important; }

@media only screen and (max-width: 999px) { .smallkinds-list { display: block; }
  .fyplist { padding-top: 0; } }

/*smallkinds end*/
.ms_ye { position: relative; text-align: center; margin-top: 53px; }

.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_sx { width: 59px !important; background: none !important; color: #333 !important; }

.ms_sx:hover { color: #fff !important; border: 1px solid #011e9e !important; background: #011e9e !important; }

.ms_ye .ms_current_ye { color: #fff; border: 1px solid #011e9e; background: #011e9e; }

.ms_ye a:hover { color: #fff; border: 1px solid #011e9e; background: #011e9e; }

.xiangshang { position: absolute; left: 0; bottom: 0; padding-left: 23px; background: url(../img/xs.jpg) no-repeat left 6px; }

.xiangshang input { width: 168px; height: 30px; line-height: 28px; text-align: center; color: #fff; border: 1px solid #011f9e; cursor: pointer; background: #011f9e; }

.xiangshang input:hover { background: #fff; color: #011f9e; }

.product1 .ms_ye { text-align: right; }

.product1 .syn { padding-top: 80px; padding-bottom: 0; }

@media screen and (max-width: 999px) { .product1 .ms_ye { text-align: center; }
  .product1 .syn { padding-top: 40px; }
  .xiangshang { position: static; display: inline-block; } }

/************  product2  *************/
.chanpinxiangqing { padding-top: 110px; }

#showArea { margin-top: 29px; margin-bottom: 33px; }

#showArea img { cursor: pointer; width: 108px; height: 108px; border: 1px solid #ececec; margin: 0 auto; }

#showArea a { display: inline-block; text-align: left; margin-bottom: 36px; }



#showArea a:hover img { border: 1px solid #011e9e; }



#main_img { cursor: pointer; display: block; }

#gotop { cursor: pointer; display: block; width: 25px; height: 14px; background: url(../img/top.png) no-repeat right center; margin: 0 auto; }

#gobottom { cursor: pointer; display: block; width: 25px; height: 14px; background: url(../img/bottom.png) no-repeat right center; margin: 0 auto; }

#gotop:hover { background: url(../img/topon.png) no-repeat right center; }

#gobottom:hover { background: url(../img/bottomon.png) no-repeat right center; }

#showArea { height: 409px; overflow: hidden; }

.MagicZoomBigImageCont { background: #FFF; }

.MagicZoomBigImageCont img { width: 700px !important; height: 700px !important; display: block; }

.MagicZoomPup { border: 0px solid #aaa; background: #ffffff; }

.left-pro { width: 627px; text-align: left; margin-bottom: 27px; }

.left-pro .t1 { width: 110px; float: left; text-align: right; }

.left-pro .t2 { width: 498px; text-indent: 0; float: right; border: 1px solid #ececec; }

.left-pro .t2 a { display: block; margin-bottom: 0px; }

.left-pro .t2 img { text-indent: 0; display: block; }

.title { margin-bottom: 16px; }

.title h1 { font-size: 24px; font-size: 2.4rem; padding-bottom: 17px; line-height: 28px; color: #333333; border-bottom: 1px solid #482a04; }

.content { padding-top: 1px; width: 519px; }

.cpxx { line-height: 30px; color: #666666; font-size: 16px; font-size: 1.6rem; height: 120px;}

.cpxx p, .cpxx li, .cpxx span, .cpxx b { color: #666666; }

.cpxx a { color: #011e9e; }

.cpxx img, .cpxx iframe { max-width: 100%; }

.btn { padding-top: 204px; }

.btn a { display: inline-block; width: 156px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; color: #fff; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; font-size: 16px; font-size: 1.6rem; background: #ff8800; }

.btn a:hover { background: #011e9e; color: #fff; }

.btn1 { margin-right: 73px; }

.share { padding-top: 48px; }

.share1 { display: inline-block; position: relative; top: -8px; padding-right: 6px; color: #666666; }

.share2 { display: inline-block; }

.chanpinx { line-height: 30px; padding-top: 3px; font-size: 16px; font-size: 1.6rem; }

.chanpinx a { color: #011e9e; }

.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: 38px; font-size: 3.8rem; margin-top: 24px; color: #333333; margin-bottom: 17px; background: url(../img/desbg.png) repeat-x center center; text-align: center; text-transform: uppercase; font-family: 'OswaldRegular'; font-weight: bold; }

.des span, .des a { background: #fff; }

.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("../img/sbs.png") no-repeat; }

.img980 .next { right: 0; cursor: pointer; background: url("../img/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; }

.zjpbox { width: 280px; float: left; margin-left: 26px; margin-top: 16px; }

.zjpbox img { display: block; width: 100%; max-width: 498px; max-height: 498px; }

.zjptu { display: block; border: 1px solid #ececec; }

.zjpp { display: block; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 24px; height: 48px; overflow: hidden; margin-top: 9px; }

@media screen and (max-width: 1219px) { .MagicZoomPup { background: rgba(0, 0, 0, 0) !important; }
  .MagicZoomBigImageCont { display: none !important; }
  .left-pro { float: none; margin: 0 auto; }
  .content { width: 100%; padding-top: 30px; }
  .share { padding-top: 40px; }
  .btn { padding-top: 50px; }
  .zjpbox { width: 225px; }
  .des { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 999px) { .img980 { display: block; }
  .left-pro { display: none; }
  .chanpinxiangqing { padding-top: 0; }
  .zjpbox { width: 23%; margin: 0 1%; margin-top: 15px; }
  .fymain { padding-bottom: 40px; }
  .ms_ye a { margin-bottom: 10px; } }

@media screen and (max-width: 767px) { .zjpp { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 500px) { .img980 .img-list li { width: 0.48%; }
  .btn a { margin-bottom: 10px; }
  .zjpbox { width: 48%; margin: 0 1%; margin-top: 20px; }
  .des { font-size: 24px; font-size: 2.4rem; } }

  @media screen and (max-width: 410px) {  .btn a { margin-bottom: 10px; float: left; } }

/************  service1  ************/
.downbox { position: relative; padding-bottom: 27px; background: url("../img/downxu.png") repeat-x left bottom; margin-bottom: 24px; }

.dtu { position: absolute; left: 0; top: 8px; }

.dnr { padding-left: 83px; padding-right: 170px; padding-top: 12px; }

.da1 { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; font-size: 1.8rem; line-height: 36px; }

.da2 { display: block; line-height: 30px; margin-top: 2px; overflow: hidden; color: #666666; }

.dbtn { display: block; width: 112px; height: 40px; line-height: 40px; padding-left: 29px; text-align: center; border: 1px solid #011e9e; background: url("../img/down1.png") no-repeat 21px center; position: absolute; right: 0; bottom: 35px; color: #011e9e; border-radius: 20px; font-family: Arial, Helvetica, sans-serif; }

.da1:hover { color: #011e9e; }

.da2:hover { color: #011e9e; }

.dbtn:hover { background: #011e9e url("../img/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; }
  .da1 { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 400px) { .dnr { padding-left: 0; padding-top: 85px; }
  .downbox { margin-bottom: 15px; } }

/*********  service2  *********/
.subNav1 { height: 42px; line-height: 42px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; background: #f3f3f3 url("../img/jia.png") no-repeat 98.2% center; margin-bottom: 27px; }

.subNav1 a { padding-left: 15px; display: block; height: 42px; line-height: 42px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 35px; font-size: 18px; font-size: 1.8rem; }

.subNav1.currentDt1 { background: #f3f3f3 url("../img/jian.jpg") no-repeat 98.2% center; }

.navContent1 { height:50px; display: none; line-height: 30px; padding-bottom: 18px; padding-left: 15px; padding-right: 20px; border: 1px solid #ececec; font-size: 16px; font-size: 1.6rem; color: #666666; padding-top: 16px; margin-top: -27px; margin-bottom: 33px; }

.navContent1 p { color: #666666; }

.navContent1 a { padding-left: 32px; background: url(../img/yun.png) no-repeat left center; font-size: 16px; font-size: 1.6rem; color: #011e9e; text-decoration: underline; font-family: 'LatoBold'; display: inline-block; line-height: 20px; margin-left: 72px; }

/**********  news1  **********/
.news1 { padding-top: 40px; }

.news1 .synbox { margin-bottom: 63px; }

.news1 .zjp { padding-top: 35px; }

@media screen and (max-width: 999px) { .news1 .synbox { margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .ms_ye { margin-top: 25px; }
  .news1 .zjp { padding-top: 10px; } }

/********************  news2  *********************/
.nzuo { width: 890px; }

.nyou { width: 255px; padding-right: 11px; padding-left: 12px; border: 1px solid #dcdcdc; padding-top: 11px; }

.xwh1 { font-size: 20px; font-size: 2rem; line-height: 30px; margin-bottom: 19px; }

.nxsj { float: left; }

.nxsj span { color: #666666; padding-left: 24px; background: url(../img/rili.png) no-repeat left center; }

.nshare { float: left; }

.nshare div { float: left; }

.nshare1 { font-size: 16px; font-size: 1.6rem; color: #666666; padding-right: 5px; line-height: 26px; }

.nxsj span { color: #666666; padding-right: 27px; line-height: 26px; }

.nex2 { line-height: 30px; padding-top: 13px; border-top: 1px solid #d9d9d9; margin-top: 17px; padding-bottom: 50px; font-size: 16px; font-size: 1.6rem; }

.nex2 img, .nex iframe { max-width: 100%; }

.xwsx { line-height: 32px; color: #666666; }

.xwsx1 { background: url(../img/xwxu.png) repeat-x center bottom; }

.xwsx span { padding-left: 23px; color: #666666; }

.xwsx a { color: #666666; }

.xwsx a:hover { color: #011e9e; }

.xws { background: url(../img/xws.png) no-repeat left center; }

.xwx { background: url(../img/xwx.png) no-repeat left center; }

.cenlist li { margin-bottom: 22px; }

.centu img { width: 100%; max-width: 357px; max-height: 257px; }

.centu { display: block; }

.cenlist li a.cewen { display: block; line-height: 20px; margin-top: 9px; color: #333333; font-size: 18px; font-size: 1.8rem; }

.cenlist li a.cewen2 { display: block; line-height: 30px; margin-top: 6px; color: #666666; }

.cenlist li a.cewen:hover { color: #011e9e; }

.cenlist li a.cewen2:hover { color: #011e9e; }

.zjn { font-size: 24px; font-size: 2.4rem; display: block; margin-bottom: 16px; font-weight: bold; padding-left: 12px; background: url(../img/lanshu.png) no-repeat left center; color: #011e9e; }

.zjn:hover { color: #011e9e; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .nzuo { width: 680px; } }

@media screen and (max-width: 999px) { .xwh1 { font-size: 18px; font-size: 1.8rem; }
  .nzuo { width: 68%; }
  .nyou { width: 28%; } }

@media screen and (max-width: 767px) { .nzuo { width: 100%; padding-right: 0; border-right: none; float: none; }
  .nyou { margin-top: 30px; float: none; width: auto; }
  .cenlist li { text-align: center; } }

@media screen and (max-width: 600px) { .xwh1 { font-size: 16px; font-size: 1.6rem; line-height: 24px; }
  .nex2 { font-size: 14px; font-size: 1.4rem; } }

/***********  contact  ***********/
.chui { background: #f5f5f5; padding-left: 22px; padding-right: 22px; padding-top: 24px; padding-bottom: 16px; margin-bottom: 47px; border-radius: 10px; }

.chui > p { text-align: center; font-size: 24px; font-size: 2.4rem; line-height: 30px; margin-bottom: 42px; }

.chui li { width: 495px; font-size: 16px; font-size: 1.6rem; line-height: 30px; padding-left: 27px; margin-bottom: 16px; }

.chui li a:hover { color: #011e9e; }

.cli1 { background: url(../img/ci1.png) no-repeat left 5px; }

.cli2 { background: url(../img/ci5.png) no-repeat left 5px; }

.cli3 { background: url(../img/ci2.png) no-repeat left 5px; }

.cli4 { background: url(../img/ci6.png) no-repeat left 5px; }

.cli5 { background: url(../img/ci3.png) no-repeat left 5px; }

.cli6 { background: url(../img/ci7.png) no-repeat left 5px; }

.cli7 { background: url(../img/ci4.png) no-repeat left 5px; }

.cli8 { background: url(../img/ci8.png) no-repeat left 5px; }

.cp1 { font-size: 30px; font-size: 3rem; text-transform: uppercase; line-height: 36px; float: left; }

.cp2 { font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 36px; float: left; }

.cuxin { margin-top: 22px; }

.xinl { width: 462px; float: left; }

.xinr { width: 660px; float: right; }

.cuxin .int1 { padding-left: 18px; margin-top: 19px; }

.cuxin .xing { background: url(../img/xing.jpg) no-repeat left 22px; }

.cuxin .int1 input { width: 402px; height: 48px; border: 1px solid #bbbbbb; padding-left: 40px; line-height: 48px; font-size: 16px; font-size: 1.6rem; }

.cuxin .curen { background: #fff url(../img/coren.jpg) no-repeat left center; }

.cuxin .cuxinfeng2 { background: #fff url(../img/coxinfeng.jpg) no-repeat left center; }

.cuxin .cudianhua2 { background: #fff url(../img/codianhua.jpg) no-repeat left center; }

.cuxin .cufangzi2 { background: #fff url(../img/cofang.jpg) no-repeat left center; }

.cuxin .int2 { padding-left: 18px; margin-top: 19px; }

.cuxin .int3 { padding-left: 18px; margin-top: 18px; }

.cuxin textarea { width: 598px; height: 186px; border: 1px solid #bbbbbb; padding-left: 40px; line-height: 48px; background: #fff url(../img/cobiji.jpg) no-repeat left top; font-size: 16px; font-size: 1.6rem; }

.cuxin .int4 { width: 229px; height: 48px; border: 1px solid #bbbbbb; padding-left: 11px; line-height: 48px; float: left; font-size: 16px; font-size: 1.6rem; }

.cuxin .cuyanzheng { width: 161px; height: 50px; float: left; margin-left: 8px; cursor: pointer; }

.cuxin .int5 { width: 184px; height: 50px; border: none; background: #011e9e; float: right; cursor: pointer; color: #fff; padding-left: 0; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; }

.ditu  { width: 100%; max-width: 1198px; max-height: 483px; margin-top: 51px; }

.ditu img { width: 100%; max-width: 1198px; max-height: 483px; }
.cuxin .int5:hover { background: #041c88; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .xinl { width: 400px; }
  .xinr { width: 564px; }
  .cuxin .int1 input { width: 337px; }
  .cuxin textarea { width: 503px; }
  .cuxin .int4 { width: 179px; }
  .cuxin .int5 { width: 150px; }
  .ditu { margin-left: auto; width: 100%; height: auto; max-width: 1198px; max-height: 483px; }
  .chui li { width: 425px; } }

@media screen and (max-width: 999px) { .xinl { width: 100%; }
  .xinr { width: 100%; }
  .cuxin .int1 input { width: 92.3%; }
  .cuxin textarea { width: 92.3%; }
  .cuxin .int4 { width: 30%; }
  .cuxin .int5 { width: 30%; float: left; margin-left: 10px; }
  .ditu { margin-left: auto; width: 100%; height: auto; max-width: 1181px; max-height: 512px; }
  .chui li { width: 42%; }
  .cp2 { line-height: 30px; } }

@media screen and (max-width: 767px) { .chui li { width: -webkit-calc(50% - 27px); width: -moz-calc(50% - 27px); width: calc(50% - 27px); }
  .chui > p { font-size: 20px; font-size: 2rem; margin-bottom: 25px; } }

@media screen and (max-width: 639px) { .cuxin .int1 input { width: 88.5%; }
  .cuxin textarea { width: 88.5%; }
  .cuxin .int4 { width: 30%; }
  .cuxin .cuyanzheng { float: left; margin-left: 10px; }
  .cuxin .int5 { width: 100%; margin-top: 20px; margin-left: auto; }
  .ditu { margin-left: auto; }
  .comain { padding-top: 30px; padding-bottom: 30px; } }

@media screen and (max-width: 550px) { .chui li { width: -webkit-calc(100% - 27px); width: -moz-calc(100% - 27px); width: calc(100% - 27px); }
  .ditu img { margin-top: 30px; }
  .chui > p { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 419px) { .cuxin .int1 input { width: 84.5%; }
  .cuxin textarea { width: 84.5%; }
  .chui { margin-bottom: 30px; }
  .cuxin { margin-top: 0; }
  .chui > p { font-size: 16px; font-size: 1.6rem; }
  .chui li { margin-bottom: 10px; } }

/***********  xiala  ***********/
.yiji { position: absolute; z-index: 9999; width: 423px; background: #fff; top: -9999px; left: 50%; margin-left: -211px; }

.yiji li { position: relative; font-size: 16px; font-size: 1.6rem; line-height: 24px; padding-top: 6px; padding-bottom: 6px; }

.yiji li a { display: block; padding-left: 22px; padding-right: 10px; }

.yiji li:hover { background: #1a34a8; }

.yiji li:hover > a { color: #fff; }

.erji { position: absolute; left: 100%; top: -999px; width: 196px; background: #fff; }

.navlist > li:hover .yiji { top: 100%; }

.yiji > li:hover .erji { top: 0px; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .yiji { width: 370px; } }

@media screen and (max-width: 999px) { .yiji { display: none; } }

.ce { position: fixed; right: 1px; top: 30%; width: 69px; z-index: 999; }

.ce li { height: 69px; margin-bottom: 2px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; border-radius: 5px; border-radius: 10px; -webkit-box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.3); }

.ce li a { display: block; height: 53px; }

.ce1 { background: #ff8800 url(../img/cei1.png) no-repeat center center; position: relative; }

.ce2 { background: #ff8800 url(../img/cei2.png) no-repeat center center; }

.ce3 { background: #ff8800 url(../img/cei3.png) no-repeat center center; }

.ce4 { background: #ff8800 url(../img/cei4.png) no-repeat center center; }

.ce1 img { position: absolute; right: 100%; top: -9999px; }

.ce1:hover img { top: 0; }

@media screen and (max-width: 767px) { .ce { bottom: 0; top: auto; width: 100%; }
  .ce li { width: 25%; margin: 0; float: left; height: 40px; border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
  .link { padding-bottom: 10px; }
  .ce1 img { right: auto; left: 0; top: -9999px; }
  .ce1:hover img { top: -155px; } }

.hdtop { position: fixed; right: 20px; bottom: -100px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; cursor: pointer; z-index: 99999; }




.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;}

.n1_pn { width: 59px !important; background: none !important;  color: #000 !important; }

.n1_pn:hover { color: #fff !important;border: 1px solid #e5e5e5 !important; background: #011e9e !important;}
/*.none{ color: #666 !important; background: #fff !important; border-radius: 23px !important;}*/
.no:hover{ color: #666 !important; background: none !important;}

.none { display: inline-block; width: 156px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; color: #fff; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; font-size: 16px; font-size: 1.6rem; background: #ff8800; }

.none:hover { background: #ff8800 !important; color: #fff; }

   
      .fymain1{padding-bottom: 180px !important;}
      .product2{padding-top:60px !important;}
    
/*
font-family: 'OswaldBold';
font-family: 'LatoRegular';
font-family: 'LatoBold';
*/
@media screen and (max-width: 1000px) { .ppp{padding-top:1px !important;} }

/*# sourceMappingURL=index.css.map */

.yy { position: relative; margin-top: 5px; margin-right: 25px; margin-left: 10px; }

.yy img { vertical-align: middle; }

.yy > a { padding-right: 22px; /*background: url(../img/yyxl.png) no-repeat right center;*/ }

.yy ul { position: absolute; left: 0; top: -9999px; width: 100px; z-index: 999; background: #fff; padding-top: 10px; padding-bottom: 10px; }

.yy ul li { padding: 0 10px; line-height: 30px; }

.yy ul li a { display: block; }

.yy:hover ul { top: 100%; }