article, aside, dialog, footer, header, main, section, nav, figure, menu { display: block; }







@font-face { font-family: 'RobotoBold'; src: url("../fonts/RobotoBold.eot"); src: url("../fonts/RobotoBold.eot") format("embedded-opentype"), url("../fonts/RobotoBold.woff2") format("woff2"), url("../fonts/RobotoBold.woff") format("woff"), url("../fonts/RobotoBold.ttf") format("truetype"), url("../fonts/RobotoBold.svg#RobotoBold") format("svg"); }







@font-face { font-family: 'RobotoItalic_0'; src: url("../fonts/RobotoItalic_0.eot"); src: url("../fonts/RobotoItalic_0.eot") format("embedded-opentype"), url("../fonts/RobotoItalic_0.woff2") format("woff2"), url("../fonts/RobotoItalic_0.woff") format("woff"), url("../fonts/RobotoItalic_0.ttf") format("truetype"), url("../fonts/RobotoItalic_0.svg#RobotoItalic_0") format("svg"); }







@font-face { font-family: 'RobotoRegular'; src: url("../fonts/RobotoRegular.eot"); src: url("../fonts/RobotoRegular.eot") format("embedded-opentype"), url("../fonts/RobotoRegular.woff2") format("woff2"), url("../fonts/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular.ttf") format("truetype"), url("../fonts/RobotoRegular.svg#RobotoRegular") format("svg"); }







* { margin: 0px; padding: 0px; }







html { font-size: 62.5%; height: 100%; }







body { margin: 0 auto; max-width: 1920px;width: 100%; overflow-x: hidden; font-family: "RobotoRegular"; font-size: 14px; font-size: 1.4rem; color: black; }







a { color: #333; text-decoration: none; outline: none; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }







a:hover { color: #9e1725; }







ol, ul, li { list-style: none; }







img { max-width: 100%; border: 0px solid #ccc; }







table, embed, video { max-width: 100%; }







input, textarea { border: none; background: none; font-family: inherit; }







input[type="submit"], textarea[type="submit"] { cursor: pointer; }







input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }







input[type="radio"], textarea[type="radio"] { cursor: pointer; }







input:focus, textarea:focus { outline: none; }







textarea { resize: none; }







button { border: none; background: none; cursor: pointer; }







em, i { font-style: normal; }







/* .c-xx start */



.c-fl { float: left; }







.c-fr { float: right; }







.c-cb { clear: both; }







.c-mg { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }







.c-oh { overflow: hidden; }







.c-wd { width: 1200px; }







.c-tsn { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }







.c-bbx { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







.c-pr { position: relative; }







.c-mt-5 { margin-top: 5px; }







.c-mt-10 { margin-top: 10px; }







.c-mt-15 { margin-top: 15px; }







.c-mt-20 { margin-top: 20px; }







.c-mt-25 { margin-top: 25px; }







.c-mt-30 { margin-top: 30px; }







.c-mt-35 { margin-top: 35px; }







.c-mt-40 { margin-top: 40px; }







.c-mt-45 { margin-top: 45px; }







.c-mt-50 { margin-top: 50px; }







.c-nomt { margin-top: 0 !important; }







.c-nomr { margin-right: 0 !important; }







.c-nomb { margin-bottom: 0 !important; }







.c-noml { margin-left: 0 !important; }







.c-nofont { line-height: 0; font-size: 0; }







.c-nobg { background: none !important; }







/* .c-xx end */



/* .f-xx start */



.f-czjz { position: relative; top: 50%; -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); }







.f-box { margin: 0 auto; max-width: 1200px; overflow: hidden; }







@media screen and (min-width: 960px) and (max-width: 1219px) { .f-box { width: 950px; } }







@media screen and (min-width: 768px) and (max-width: 959px) { .f-box { width: 750px; } }







@media screen and (max-width: 767px) { .f-box { padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }







/* .f-xx end */



.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; }







.box { position: relative; }







.mln { margin-left: 0 !important; }







.clear { clear: both; }







.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; } }







/* break */



.break { padding-top: 15px; margin-bottom: 60px; }







.break .wp { border-bottom: 1px solid #9e1725; }







.break p { text-transform: uppercase; font-family: 'GothamBold';  padding-left: 25px; color: #2f6665; font-size: 16px; font-size: 1.6rem; }







.break a { color: #2f6665; line-height: 35px; }







.break a.on, .break a:hover { color: #9e1725; }







/* .m-xx start */



.m-desc { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }







.m-desc a { color: #9e1725; }







.m-desc a:hover { text-decoration: underline; }







.m-desc p { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }







.m-desc span { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }







.m-desc b { font-size: 22px; font-size: 2.2rem; color: #333; line-height: 30px; }







.m-desc a { font-size: 14px; font-size: 1.4rem; color: #9e1725; line-height: 30px; }







.m-desc img { display: block; max-width: 100%; margin: 0 auto; }







.m-desc iframe { display: block; max-width: 100%; margin: 0 auto; }







.m-desc table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; }







.m-desc table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; font-size: 14px; font-size: 1.4rem; }







@media screen and (max-width: 767px) { .m-tt1 { font-size: 24px !important; font-size: 2.4rem !important; }



  .m-tt2 { font-size: 20px !important; font-size: 2rem !important; }



  .m-tt3 { font-size: 18px !important; font-size: 1.8rem !important; }



  .m-desc1 { font-size: 16px !important; font-size: 1.6rem !important; }



  .m-desc2 { font-size: 14px !important; font-size: 1.4rem !important; }



  [class*="-item"] .item-title { font-size: 14px; font-size: 1.4rem; }



  [class*="-item"] .item-desc { font-size: 13px; font-size: 1.3rem; }



  [class*="-item"] .item-link { font-size: 13px; font-size: 1.3rem; }



  [class*="-item"] .item-modal { display: none; } }







/* .m-xx end */



/* .j-xx start */



.j-offset-top { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }







.j-offset-top.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }







.j-offset-left { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); opacity: 0; }







.j-offset-left.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }







.j-offset-right { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; }







.j-offset-right.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }







.j-lazy { min-width: 60%; }







/* .j-xx end */



[class*="-item"] .item-pic { position: relative; display: block; line-height: 0; font-size: 0; text-align: center; overflow: hidden; }







[class*="-item"] .item-pic img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }







[class*="-item"] .item-pic: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); }







[class*="-item"] .item-title { overflow: hidden; }







[class*="-item"] .item-title a:hover { color: #9e1725; }







[class*="-item"] .item-desc { overflow: hidden; }







[class*="-item"] .item-desc a { display: block; }







[class*="-item"] .item-desc a:hover { color: #9e1725; }







.m-crm { margin-top: 21px; margin-bottom: 44px; padding-bottom: 6px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 30px; background: url(../images/crm.png) no-repeat left 4px; border-bottom: 1px solid #cccccc; }







.m-crm a { color: #666; }







.m-crm a:hover { color: #9e1725; }







.m-crm a.active { color: #9e1725; }







@media screen and (max-width: 767px) { .m-crm { margin-bottom: 20px; } }







.m-oths { margin-top: 18px; }







.m-oths .oths-item { padding-left: 22px; height: 20px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: left center; }







.m-oths .oths-item a { color: #666; }







.m-oths .oths-item a:hover { color: #9e1725; }







.m-oths .oths-item-1 { margin-bottom: 12px; background-image: url("../images/oths1.png"); }







.m-oths .oths-item-2 { background-image: url("../images/oths2.png"); }







.m-oths a { color: #666666; }







.m-page { margin-top: 65px; margin-bottom: 100px; letter-spacing: 0; font-size: 0; text-align: center; }







.m-page a { margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; width: 35px; height: 30px; line-height: 28px; font-size: 14px; font-size: 1.4rem; 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; }







.m-page a.big { width: 70px; }







.m-page a:hover { color: white; border-color: #9e1725; background-color: #9e1725; }







.m-page a.active { color: white; border-color: #9e1725; background-color: #9e1725; }







.m-page span { display: inline-block; width: 50px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #333; position: relative; top: 3px; }







.m-page img { display: inline-block; position: relative; top: 5px; margin-left: 15px; margin-right: 8px; }







.m-page .ins { margin-left: 4px; width: 150px; display: inline-block; height: 30px; line-height: 28px; text-align: center; border: none; outline: none; background-color: #9e1725; color: #fff; font-size: 14px; font-size: 1.4rem; cursor: pointer; }







.m-page2 { position: relative; }







@media screen and (max-width: 767px) { .m-page { margin-top: 25px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; }



  .m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } }







.m-kf { position: fixed; *position: absolute; z-index: 10; right: 0; top: 20%; background-color: #ebebeb; }







.m-kf .list-item { position: relative; padding-top: 9px; padding-bottom: 13px; padding-left: 10px; padding-right: 10px; cursor: pointer; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }







.m-kf .list-item:first-child .item-line { display: none; }







.m-kf .list-item .img { position: absolute; top: 0; right: 100%; padding: 0 5px; width: 100px; height: 100px; display: none; background-color: #fff; }







.m-kf .item-pic { margin-left: auto; margin-right: auto; display: block; line-height: 0; font-size: 0; width: 49px; }







.m-kf .item-title { margin-top: 3px; font-size: 12px; font-size: 1.2rem; color: #000; text-align: center; }







.m-kf .item-title a { color: #000; }







.m-kf .item-line { position: absolute; left: 50%; top: 0; margin-left: -24px; display: block; width: 49px; height: 1px; background-color: #aaa; }







.m-kf .item-wx { position: absolute; right: 100%; top: 0; width: 150px; line-height: 0; font-size: 0; display: none; }







@media screen and (max-width: 768px) { .m-kf { top: auto; right: auto; left: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; }



  .m-kf .list-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; }



  .m-kf .list-item .img { left: 0; top: auto; right: auto; bottom: 100%; }



  .m-kf .item-line { display: none; }



  .m-kf .item-wx { left: 0; right: auto; top: auto; bottom: 100%; } }







@media screen and (max-width: 767px) { body { padding-bottom: 65px; } }







.returntop { position: fixed; *position: absolute; z-index: 9; right: 6px; bottom: 30px; width: 50px; height: 50px; background: url("../images/gotop.png") no-repeat center; line-height: 0; font-size: 0; display: none; }







@media screen and (max-width: 959px) { .returntop { right: 0; bottom: 65px; width: 36px; height: 36px; background-size: contain; } }







.wap-hd-nav { display: none; }







.wap-nav { 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; }







.wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }







.wap-nav .nav span { font-family: arial, helvetica, sans-serif; }







.wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }







.wap-nav .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; }







.wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url("../images/sch2.png") no-repeat center center; }







.wap-nav .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; }







.wap-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }







.wap-nav .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../images/shizi.png") no-repeat center center; }







.wap-nav .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }







.wap-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }







.wap-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }







.wap-nav .nav > ul > li .c-show { display: none; width: 100%; }







.wap-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; }







.wap-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }







.wap-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }







.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; }







.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }







.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }







.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }







.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }







.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }







.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }







.wap-nav .nav > ul > dl { padding: 20px; }







.wap-nav .nav > ul > dl dd { float: left; margin: 0 2px; }







.wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 30px; 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; }







.wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #9e1725; }







@media screen and (min-width: 960px) { .wap-nav, .menubtn { display: none; } }







@media screen and (max-width: 959px) { .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #9e1725; }



  .wap-hd-nav-item { width: 25%; }



  .wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 20px; font-size: 14px; color: white; text-align: center; background-color: #363636; }



  .wap-hd-nav-item a.active { color: white; background-color: #9e1725; } }







/* search */



/* header_top */



.header_top { margin-top: 13px; margin-bottom: 10px; text-align: right; }







.header_top a.mess { display: inline-block; line-height: 30px; padding-left: 25px; background: url(../images/meile.png) no-repeat left center; margin-right: 34px; }







.header_top a.guoqi { display: inline-block; line-height: 30px; padding-left: 33px; background: url(../images/guoqi.png) no-repeat left center; font-size: 12px; font-size: 1.2rem; }







.header_top span { display: inline-block; line-height: 30px; padding-left: 25px; background: url(../images/tel.png) no-repeat left center; /*margin-right: 51px; */}







.heder_bot { border-top: 1px solid #ccc; padding-top: 20px; }







/* header */



.header .logo { margin-top: 4px; }







.header .logo img { display: block;/* max-width: 90px; max-height: 134px;*/padding-top: 30px; width: 100%; margin: 0 auto; }







.header .header_form { display: inline-block; border: 1px solid #ccc; width: 250px; height: 36px; line-height: 36px; -moz-border-radius: 50px; border-radius: 50px; position: relative;    margin-top: 10px; }







.header .header_form .tex { background: transparent; -moz-border-radius: 50px; border-radius: 50px; text-indent: 10px; width: 100%; height: 36px; line-height: 36px; display: inline-block; color: #999999; font-family: "RobotoItalic_0"; font-size: 12px; font-size: 1.2rem; }







.header .header_form .sub { position: absolute; top: 0px; right: 0px; height: 36px; width: 32px; font-size: 0px; cursor: pointer; z-index: 99; background: url(../images/suosou.png) no-repeat left -1px; }







.header_ul1 > li { float: left; margin-left: 3px; margin-right: 53px; position: relative; padding-bottom: 10px; }







.header_ul1 > li:hover .dan_header { display: block; }







.header_ul1 > li > a { color: #333; line-height: 55px; display: block; border-bottom: 2px solid transparent; font-family: "RobotoBold"; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; padding-bottom: 5px; }







.header_ul1 > li:hover > a, .header_ul1 li.on > a { color: #9e1725; border-color: #9e1725; }







.dan_header { display: none; width: 260px; position: absolute; left: 0px; top: 100%; background: #fff; z-index: 999999; border: 1px solid #d2d2d2; }







.dan_header > ul > li { border-top: 1px solid #d2d2d2; line-height: 42px; position: relative; left: 0px; }







.dan_header > ul > li:first-child { border-top: 0px; }







.dan_header > ul > li > a { padding-left: 17px; position: relative; color: #333; line-height: 42px; display: block; }







.dan_header > ul > li:hover > a { background: #9e1725; color: #fff; }







.dan_header > ul > li:hover .dan_sanheader { display: block; }







.dan_sanheader { display: none; width: 245px; padding-left: 2px; position: absolute; left: 100%; top: 0px; z-index: 999999; border: 1px solid #d2d2d2; }







.dan_sanheader > ul { background: #fff; padding: 10px 0px; }







.dan_sanheader > ul > li { line-height: 28px; position: relative; }







.dan_sanheader > ul > li > a { padding-left: 17px; color: #333; line-height: 28px; display: block; }







.dan_sanheader > ul > li:hover > a { color: #9e1725; }







@media screen and (max-width: 1219px) { .header_ul1 > li { margin-left: 0px; margin-right: 0px; }



  .header_ul1 > li > a { padding: 0px 10px; } }







@media screen and (max-width: 999px) { .header { position: relative; }



  .header_ul1 > li > a { font-size: 14px; font-size: 1.4rem; } }







@media screen and (max-width: 959px) { .header_top .header_form { display: none; }



  .header_top { display: none; }



  .header_right { display: none; }



  .header .logo { float: none; margin: 0 auto; width: 100%; max-width: 90px; margin-top: 10px; margin-bottom: 10px; } }







@media screen and (max-width: 768px) { .slide .carousel-control { display: none; } }







/* footer */



.footer { background: #efefef; padding-top: 41px; text-align: center; }







.footer a { color: #666; }







.footer a:hover { color: #9e1725 !important; }







.footer p { color: #666; }







.footer span { color: #666; }







.footer .dizhi { margin-bottom: 29px; display: inline-block; line-height: 30px; color: #666; padding-left: 39px; background: url(../images/dizhi.png) no-repeat left 5px;margin-left: 0%; }







.footer ul { line-height: 30px; text-align: left; }







.footer ul li { display: block; float: left; padding-left: 30px; margin-left: 10%; color: #666; }







.footer .pspan1 { background: url(../images/foli1.png) no-repeat left 3px; }







.footer .pspan2 { background: url(../images/foli2.png) no-repeat left 3px; margin-left: 0%;}







.footer .pspan3 { background: url(../images/foli3.png) no-repeat left 3px; }







.footer .pspan4 { background: url(../images/foli4.png) no-repeat left 3px; }







.footer .pspan5 { background: url(../images/foli5.png) no-repeat left 8px;margin-left: 0%; }







.footer p.fot_top { margin-top: 60px; font-size: 14px; font-size: 1.4rem; text-transform: uppercase; }







.footer p.fot_top a { display: inline-block; margin-left: 16px; margin-right: 16px; }







.footer p.fot_top span { display: inline-block; margin-left: 16px; margin-right: 16px; }







.footer .shejiao a { display: inline-block; margin-bottom: 24px; margin-left: 12px; margin-right: 12px; }







.footer .shejiao a img { -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; }







.footer .shejiao a:hover img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }







.footer .footer_bot { margin-top: 40px; padding-top: 19px; padding-bottom: 26px; border-top: 1px solid #cbcbcb; color: #666666; }







.footer .footer_bot p { line-height: 40px; }







.footer .Links {  line-height: 26px; color: #666666; }







.footer .Links a { display: inline-block; padding-left: 15px; color: #666666; }







@media screen and (max-width: 1219px) { .footer .pspan5 { margin-left: 5%; } }







@media screen and (max-width: 999px) { .footer ul { line-height: 30px; text-align: left; }



  .footer ul li { width: 47%; margin-left: 1% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }







@media screen and (max-width: 768px) { .footer { padding-top: 20px; }



  .footer .shejiao { display: none; }



  .footer ul { display: none; }



  .footer .dizhi { display: none; }



  .footer p.fot_top { display: none; }



  .footer .Links { display: none; }



  .footer .shejiao a { margin-bottom: 5px; }



  .footer p.fot_top { margin-top: 40px; }



  .footer p.fot_top a { display: block; width: 48%; float: left; line-height: 30px; text-align: left; margin: 0 1%; }



  .footer p.fot_top span { display: none; }



  .footer .footer_bot { margin-top: 0px; padding-top: 0px; border: 0px; padding-bottom: 10px; }



  .footer .footer_bot p { line-height: 30px; } }







/*==========main1==================*/



.main1 { margin-top: 130px; font-family: Georgia; }







.main1 .m1_warpper a { display: block; }







.main1 .m1_warpper img { display: block; }







.main1 .m1_warpper .title { margin-bottom: 32px; font-size: 36px; font-size: 3.6rem; color: #333; text-transform: uppercase; }







.main1 .m1_div { position: relative; border: 1px solid #cccccc; }







.main1 .m1_div .fu { position: absolute; top: 30px; left: 26px; font-size: 24px; font-size: 2.4rem; line-height: 30px; text-transform: uppercase; }







.main1 .m1_div .fu2 { position: absolute; top: 37px; left: 47px; font-size: 30px; font-size: 3rem; line-height: 40px; text-transform: uppercase; }







.main1 .m1_qrap { position: relative; border: 1px solid #cccccc; max-width: 378px; margin: 0 auto; }







.main1 .m1_qrap .fu { position: absolute; top: 15px; right: 26px; font-size: 22px; font-size: 2.2rem; line-height: 30px; text-transform: uppercase; text-align: right;}







.main1 .m1_qrap img { display: block; max-width: 378px; max-height: 399px; width: 100%; margin: 0 auto; }







.main1 .m1_ul { margin-bottom: 92px; }







.main1 .m1_ul li { margin-left: 30px; float: left; margin-top: 42px; }







@media screen and (max-width: 1219px) { .main1 .m1_left { width: 31%; margin-left: 1% !important; margin-right: 1%; }



  .main1 .m1_right { width: 65%; margin-left: 1% !important; margin-right: 1%; }



  .main1 .m1_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; } }







@media screen and (max-width: 999px) { .main1 .m1_qrap .fu { font-size: 16px; font-size: 1.6rem; top: 15px; }



  .main1 .m1_warpper .title { font-size: 24px; font-size: 2.4rem; }



  .main1 .m1_div .fu { font-size: 16px; font-size: 1.6rem; line-height: 25px; left: 10px; }



  .main1 .m1_div .fu2 { font-size: 16px; font-size: 1.6rem; line-height: 25px; left: 10px; } }







@media screen and (max-width: 686px) { .main1 { margin-top: 0px; }



  .main1 .m1_div .fu { font-size: 14px; font-size: 1.4rem; line-height: 20px; top: 2px; }



  .main1 .m1_div .fu2 { font-size: 14px; font-size: 1.4rem; line-height: 20px; top: 2px; }



  .main1 .m1_left { margin: 20px auto !important; }



  .main1 .m1_right { margin: 20px auto !important; }



  .main1 .m1_warpper .title { font-size: 20px; font-size: 2rem; margin-top: 30px; margin-bottom: 10px; }



  .main1 .m1_ul li { max-width: 378px; width: 48%; margin: 10px 1% !important; }



  .main1 .m1_qrap .fu { font-size: 14px; font-size: 1.4rem; }



  .main1 .m1_ul { margin-bottom: 40px; } }







@media screen and (max-width: 480px) { .main1 .m1_div .fu { font-size: 16px; font-size: 1.6rem; line-height: 30px; top: 10px; }



  .main1 .m1_div .fu2 { font-size: 16px; font-size: 1.6rem; line-height: 30px; top: 10px; }



  .main1 .m1_qrap .fu { font-size: 16px; font-size: 1.6rem; }



  .main1 .m1_left { max-width: 378px; width: 99%; float: none; margin: 20px auto !important; }



  .main1 .m1_right { max-width: 768px; width: 99%; float: none; margin-left: 1% !important; margin-right: 1%; }



  .main1 .m1_ul li { max-width: 378px; width: 98%; float: none; margin: 10px auto !important; } }







/*==========m-sd1==================*/



.m-sd1 { float: left; width: 260px; margin-left: -100%; }







@media screen and (max-width: 959px) { .m-sd { float: none; margin-left: 0; margin-right: 0; margin-top: 30px; width: 100%; } }







.m-mn1 { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 320px; }







@media screen and (max-width: 959px) { .m-mn { float: none; padding: 0; } }







.m-sdtt { margin-bottom: 20px; }







.m-sdtt a { text-align: center; text-transform: uppercase; display: block; height: 45px; line-height: 45px; background-color: #9e1725; color: #fff; font-size: 24px; font-size: 2.4rem; font-family: "RobotoBold"; }







.m-sdtt a:hover { background-color: #9e1725; }







.m-sdnav { margin-bottom: 59px; overflow: hidden; }







.m-sdnav .sdnav-btn { position: relative; display: none; width: 100%; padding-top: 10px; padding-left: 15px; padding-right: 40px; font-family: "RobotoBold"; padding-bottom: 10px; line-height: 25px; font-size: 18px; font-size: 1.8rem; color: white; text-transform: uppercase; background-color: #9e1725; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







.m-sdnav .sdnav-btn > p { position: absolute; bottom: 12px; right: 15px; }







.m-sdnav .sdnav-btn > p span { margin-bottom: 2px; display: block; width: 25px; height: 4px; background-color: white; }







.m-sdnav .nav-item { margin-top: 8px; background-color: #fff; border: 1px solid #d2d2d2; }







.m-sdnav .nav-item > a { display: block; padding-left: 16px; padding-right: 0; padding-top: 10px; padding-bottom: 10px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #333; background-color: #eee; }







.m-sdnav .nav-item > a:hover { color: #fff; background-color: #9e1725; }







.m-sdnav .nav-item > a.active { color: #fff; background-color: #9e1725; }







.m-sdnav .sbnav-list { padding: 9px 0; }







.m-sdnav .sbnav-item { display: block; font-size: 14px; font-size: 1.4rem; padding-top: 0; padding-bottom: 0px; color: #333; padding-left: 26px; line-height: 30px; }







.m-sdnav .sbnav-item:hover { color: #9e1725; }







.m-sdnews { margin-bottom: 30px; }







.m-sdnews .box-list { background-color: #eeeeee; border: 1px solid #ccc; padding-bottom: 40px; }







.m-sdnews .list-item { background-color: #eeeeee; padding-bottom: 10px; border-bottom: 1px solid #ccc; padding-left: 8px; padding-right: 8px; padding-top: 22px; }







.m-sdnews .item-title a { display: block; font-size: 16px; font-size: 1.6rem; color: #9e1725; display: block; max-height: 48px; line-height: 24px; overflow: hidden; }







.m-sdnews .item-desc { margin-top: 9px; }







.m-sdnews .item-desc a { font-size: 14px; font-size: 1.4rem; color: #333; max-height: 72px; line-height: 24px; display: block; overflow: hidden; }







.m-sdnews .item-desc a:hover { color: #9e1725; }







@media screen and (max-width: 767px) { .m-sdnav { margin-bottom: 25px; }



  .m-sdnav .nav-name { display: none; }



  .m-sdnav .sdnav-btn { display: block; }



  .m-sdnav .nav-list { display: none; } }







@media screen and (max-width: 999px) { .wap-nav .shejiao a { width: 14%; margin-right: 2%; display: block; float: left; }



  .wap-nav .shejiao a img { display: block; max-width: 100%; } }







/*==========m-prol==================*/



.m-prol { margin-bottom: 0px; overflow: hidden; }







.m-prol .list-item { float: left; margin-right: 1.25%; margin-bottom: 24px; width: 32.5%; padding: 3px; padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







.m-prol .list-item:hover .item-pic { -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.16); }







.m-prol .item-pic { border: 1px solid #ccc; }







.m-prol .item-font { padding: 12px 10px 0 10px; }







.m-prol .item-title { text-align: center; text-transform: uppercase; height: 20px; line-height: 20px; font-size: 16px; font-size: 1.6rem; color: #333; text-overflow: ellipsis; white-space: nowrap; }







.m-prol .item-title a { color: #333; }







.m-prol .item-title a:hover { color: #9e1725; }







.m-prol .item-desc { margin-top: 15px; }







.m-prol .item-desc a { display: block; height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; }







.m-prol .item-desc a:hover { color: #9e1725; }







.m-prol .item-link { position: relative; margin-top: 18px; text-align: center; }







.m-prol .item-link input { display: inline-block; width: 14px; height: 14px; margin-right: 30px; }







.m-prol .item-link a { margin: 0 auto; display: inline-block; width: 141px; height: 32px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #9e1725; text-align: center; border: 1px solid #9e1725; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







.m-prol .item-link a:hover { color: #fff; background-color: #9e1725; }







@media screen and (max-width: 1219px) { .m-prol .item-link input { margin-right: 10px; }



  .m-prol .item-link a { width: 101px; } }







@media screen and (max-width: 640px) { .m-prol .item-link input { margin-right: 5px; }



  .m-prol .item-link a { width: 78%; }



  .m-prol .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; }



  .m-prol .item-title { font-size: 14px; font-size: 1.4rem; }



  .m-prol .item-desc a { font-size: 14px; font-size: 1.4rem; } }







/*==========prob-pic==================*/



.m-prob1 .prob-pic { width: 430px; }







.m-prob1 .prob-pic-big { position: relative; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







.m-prob1 .prob-pic-big-img { display: block; line-height: 0; font-size: 0; }







.m-prob1 .prob-pic-big-img .zoomPad { float: none; z-index: 8; }







.m-prob1 .zoomWrapperImage img { max-width: 1200px; }







.m-prob1 .prob-pic-small { position: relative; margin-top: 13px; padding-left: 29px; padding-right: 29px; overflow: hidden; }







.m-prob1 .prob-pic-btn { position: absolute; top: 0; display: block; width: 11px; height: 100%; background-repeat: no-repeat; background-position: center; }







.m-prob1 .prob-pic-btn.prev { left: 0; background-image: url("../images/jtl1.png"); }







.m-prob1 .prob-pic-btn.prev:hover { background-image: url("../images/jtl2.png"); }







.m-prob1 .prob-pic-btn.next { right: 0; background-image: url("../images/jtr1.png"); }







.m-prob1 .prob-pic-btn.next:hover { background-image: url("../images/jtr2.png"); }







.m-prob1 .prob-pic-list { overflow: hidden; }







.m-prob1 .prob-pic-list ul { width: 1000%; overflow: hidden; }







.m-prob1 .prob-pic-list ul li { position: relative; float: left; margin-right: 0.2%; width: 3.2%; padding-top: 5px; }







.m-prob1 .prob-pic-item .item-pic { border: 1px solid #ccc; overflow: inherit; }







.m-prob1 .prob-pic-item .item-pic:hover { border-color: #9e1725; }







.m-prob1 .prob-pic-item .item-pic:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }







.m-prob1 .prob-pic-item .item-pic.active { border-color: #9e1725; }







.m-prob1 .prob-pic-item .item-pic.active:before { display: block; }







.m-prob1 .prob-info { float: right; width: 400px; }







.m-prob1 .prob-info-title { position: relative; padding-bottom: 10px; line-height: 30px; font-family: "RobotoBold"; text-transform: uppercase; font-size: 24px; font-size: 2.4rem; border-bottom: 1px solid #ccc; }







.m-prob1 .prob-info-desc { margin-top: 13px; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #666666; }







.m-prob1 .prob-info-desc .item-table { display: table; }







.m-prob1 .prob-info-desc .item-cell { display: table-cell; }







.m-prob1 .prob-info-desc .item-cell:first-child { width: 120px; }







.m-prob1 .prob-share { margin-top: 24px; }







.m-prob1 .prob-share .font { float: left; margin-right: 10px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; }







.m-prob1 .prob-share .img { float: left; height: 26px; }







.m-prob1 .prob-info-link { margin-top: 26px; margin-bottom: -20px; overflow: hidden; }







.m-prob1 .prob-info-link a { float: left; margin-bottom: 20px; display: block; width: 140px; height: 32px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #9e1725; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #9e1725; }







.m-prob1 .prob-info-link a:hover { color: white; background-color: #9e1725; border-color: #9e1725; }







.m-prob1 .prob-info-link a:first-child { float: left; margin-right: 52px; }







@media screen and (max-width: 1219px) { .zoomPad { cursor: default !important; }



  .zoomPup { display: none !important; }



  .zoomWindow { display: none !important; }



  .zoomPreload { display: none !important; }



  .m-prob1 .prob-pic { float: none; margin: 0 auto; }



  .m-prob1 .prob-info { margin-top: 20px; width: 100%; height: auto; } }







@media screen and (max-width: 767px) { .m-prob1 .prob-pic { width: 100%; }



  .m-prob1 .prob-pic-big { display: none; }



  .m-prob1 .prob-pic-small { margin-top: 0; }



  .m-prob1 .prob-info-link a { width: 100%; }



  .m-prob1 .prob-pic-list ul li { margin-right: .2%; width: 4.9%; }



  .m-prob1 .prob-pic-item .item-pic:before { display: none !important; }



  .m-prob1 .prob-info-title { margin-top: 25px; }



  .m-prob1 .prob-share { margin-top: 20px; } }







.m-prob2 { margin-top: 50px; }







.m-prob2 .box-title { padding-bottom: 7px; line-height: 30px; font-size: 26px; font-size: 2.6rem; font-weight: bold; color: #9e1725; border-bottom: 1px solid #ccc; }







.m-prob2 .box-desc { margin-top: 25px; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #666666; }







.m-prob2 .box-desc p { line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #666666; }







.m-prob2 .box-desc span { line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #666666; }







@media screen and (max-width: 767px) { .m-prob2 { margin-top: 30px; }



  .m-prob2 .box-title { font-size: 20px; font-size: 2rem; } }







.m-mpro { margin-top: 30px; }







.m-mpro .box-hd { position: relative; padding-bottom: 7px; line-height: 30px; font-size: 26px; font-size: 2.6rem; font-weight: bold; color: #9e1725; border-bottom: 1px solid #ccc; }







.m-mpro .box-title { color: #9e1725; }







.m-mpro .box-btn { position: absolute; top: 6px; width: 11px; height: 18px; background-repeat: no-repeat; background-position: center; }







.m-mpro .box-btn.prev { right: 26px; background-image: url("../images/jtl1.png"); }







.m-mpro .box-btn.prev:hover { background-image: url("../images/jtl2.png"); }







.m-mpro .box-btn.next { right: 0; background-image: url("../images/jtr1.png"); }







.m-mpro .box-btn.next:hover { background-image: url("../images/jtr2.png"); }







.m-mpro .box-bd { margin-top: 23px; padding-bottom: 44px; overflow: hidden; }







.m-mpro .box-list { width: 1000%; overflow: hidden; }







.m-mpro .list-item { float: left; margin-right: 0.125%; margin-bottom: 49px; width: 3.25%; padding: 3px; padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







.m-mpro .list-item:hover .item-pic { -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); }







.m-mpro .item-pic { border: 1px solid #ccc; }







.m-mpro .item-font { padding: 15px 10px 0 10px; }







.m-mpro .item-title { text-transform: uppercase; height: 20px; line-height: 20px; font-size: 18px; font-size: 1.8rem; color: #333; text-overflow: ellipsis; white-space: nowrap; text-align: center;}







.m-mpro .item-title a { color: #333; }







.m-mpro .item-title a:hover { color: #9e1725; }







.m-mpro .item-desc { margin-top: 11px; }







.m-mpro .item-desc a { display: block; height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; }







.m-mpro .item-desc a:hover { color: #9e1725; }







@media screen and (max-width: 640px) { .m-mpro .list-item { margin-bottom: 0px; margin-left: .1%; margin-right: .1% !important; width: 4.8%; }



  .m-mpro .item-title { font-size: 14px; font-size: 1.4rem; }



  .m-mpro .item-desc a { font-size: 14px; font-size: 1.4rem; } }







@media screen and (max-width: 480px) { .m-mpro .list-item { margin-left: 0%; margin-right: 0% !important; width: 10%; } }







/* new1 */



.new1 { padding-bottom: 0px; }







.new1 .fwp { padding-bottom: 28px; 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: 314px; max-height: 205px; border: 1px solid #b7b7b7; width: 100%; margin: 0 auto; }







.new1 .zi { padding-left: 354px; min-height: 207px; padding-right: 0px; }







.new1 .zi .time { padding-bottom: 20px; padding-top: 5px; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #333; }







.new1 .zi .title { color: #333; display: block; padding-top: 22px; margin-bottom: 29px; line-height: 30px; font-size: 16px; font-size: 1.6rem; font-family: "RobotoBold"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }







.new1 .zi .p { display: block; max-height: 56px; overflow: hidden; margin-bottom: 39px; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 28px; }







.new1 .zi .more { display: block; font-size: 14px; font-size: 1.4rem; height: 34px; line-height: 34px; color: #9e1725; }







.new1 .zi .title:hover { color: #9e1725; }







.new1 .zi .p:hover { color: #9e1725; }







@media screen and (max-width: 700px) { .new1 .fwp { padding-bottom: 20px; }



  .new1 .swp { position: relative; top: 0; left: 0; padding: 0px; }



  .new1 .zi { padding-left: 0px; min-height: auto; padding-right: 0px; }



  .new1 .zi .time { padding-bottom: 0px; padding-top: 0px; margin-bottom: 10px; }



  .new1 .zi .title { margin-bottom: 0px; }



  .new1 .zi .p { margin-bottom: 10px; } }







/*==========news==================*/



.news { position: relative; }







.news .title1 { text-align: center; }







.news .title1 h1 { font-size: 24px; font-size: 2.4rem; font-family: "RobotoBold"; color: #333; font-weight: normal; }







.news .time { text-align: center; margin-top: 24px; margin-bottom: 18px; }







.news .time span.sapn1 { font-size: 14px; font-size: 1.4rem; color: #666; font-weight: normal; display: inline-block; line-height: 26px; height: 26px; }







.news .time .share1 { display: inline-block; position: relative; top: 9px; margin-left: 10px; width: 234px; }







.news .time .share1 .span { padding-right: 5px; font-size: 14px; font-size: 1.4rem; color: #9e1725; height: 26px; line-height: 26px; }







.news .at-resp-share-element .at-icon { width: 26px !important; height: 26px !important; }







.news .at-style-responsive .at-share-btn { padding: 0 !important; -moz-border-radius: 2px !important; border-radius: 2px !important; }







.news .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 26px !important; height: 26px !important; }







.news .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }







.news .news2x { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 24px; margin-top: 20px; }







.news .news2x a { color: #9e1725; line-height: 24px; }







.news .news2x img { display: block; max-width: 100%; margin: 0 auto; }







.news .news2x iframe { display: block; max-width: 100%; margin: 0 auto; }







.news .news2x table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; }







.news .news2x table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; }







.news .updown { margin-top: 20px; padding-top: 31px; border-top: 1px solid #cccccc; margin-bottom: 91px; }







.news .updown .up { margin-top: 0px; margin-bottom: 0px; }







.news .updown p { line-height: 32px; font-size: 16px; font-size: 1.6rem; color: #333333; }







.news .updown p .img { display: inline-block; }







.news .updown p .img img { display: inline-block; position: relative; top: 6px; margin-right: 5px; }







.news .updown p .on { color: #9e1725; }







.news .updown p span { font-size: 16px; font-size: 1.6rem; color: #333333; }







.news .updown p a { font-size: 16px; font-size: 1.6rem; color: #333333; }







.news .updown p a:hover { color: #9e1725; }







@media screen and (max-width: 768px) { .news .time { margin-top: 10px; }



  .news .title1 h1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; } }







/*==========m-ctusinfo ==================*/



.m-ctusinfo { width: 38.5%; }







.m-ctusinfo .box-title { line-height: 26px; font-size: 18px; font-size: 1.8rem; color: #333333; }







.m-ctusinfo .list-item { padding-left: 32px; line-height: 35px; font-size: 14px; font-size: 1.4rem; color: #333333; background-repeat: no-repeat; background-position: left 12px; }







.m-ctusinfo .list-item a { color: #333; }







.m-ctusinfo .list-item a:hover { color: #9e1725; }







.m-ctusinfo .list-item-1 { background: url("../images/cicon1.png") no-repeat left center; }







.m-ctusinfo .list-item-2 { background: url("../images/cicon2.png") no-repeat left center; }







.m-ctusinfo .list-item-3 { background: url("../images/cicon3.png") no-repeat left center; }







.m-ctusinfo .list-item-4 { background: url("../images/cicon4.png") no-repeat left center; }







.m-ctusinfo .list-item-5 { background: url("../images/cicon5.png") no-repeat left center; }







.m-ctusinfo .list-item-6 { background: url("../images/cicon6.png") no-repeat left 7px; }





.m-ctusinfo .list-item-7 { background: url("../images/youbian.png") no-repeat left 7px; }

@media screen and (max-width: 959px) { .m-ctusinfo { float: none; width: 100%; }



  .m-ctusinfo .list-item { padding-top: 10px; padding-bottom: 10px; line-height: 24px; } }







.m-ctusform { float: right; width: 55.83333%; overflow: hidden; }







.m-ctusform .form-item { float: left; position: relative; margin-bottom: 22px; padding-left: 22px; line-height: 0; font-size: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }







.m-ctusform .form-item.important { background: url("../images/xing.png") no-repeat 8px 22px; }







.m-ctusform .form-item-1 { width: 50%; }







.m-ctusform .form-item-2 { width: 100%; }







.m-ctusform .form-item-2.important { background: url("../images/xing.png") no-repeat 8px 18px; }







.m-ctusform .form-item-3 { margin-right: 3.28358%; width: 29.85075%; }







.m-ctusform .form-item-4 { width: 26.26866%; height: 54px; padding-left: 0; line-height: 52px; text-align: center; background-color: transparent; -moz-border-radius: 0; border-radius: 0; background-color: #fff; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d2d2d2; }







.m-ctusform .form-item-4 img { max-height: 52px; vertical-align: middle; }







.m-ctusform .form-item-5 { float: right; border: none; width: 37.31343%; padding-left: 0; }







.m-ctusform .item-btn1 { width: 100%; height: 54px; padding-left: 0; line-height: 54px; color: #ffffff; font-size: 14px; font-size: 1.4rem; text-align: center; text-transform: uppercase; background-color: #9e1725; }







.m-ctusform .item-text { width: 100%; height: 54px; line-height: 52px; padding-left: 14px; padding-right: 14px; font-size: 14px; font-size: 1.4rem; color: #666666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d2d2d2; }







.m-ctusform .item-text2 { height: 193px; line-height: 40px; }







@media screen and (max-width: 959px) { .m-ctusform { float: none; margin-top: 30px; width: 100%; } }







@media screen and (max-width: 767px) { .m-ctusform .form-item { margin-bottom: 15px; width: 100%; }



  .m-ctusform .form-item.important { background-position: 5px 13px; }



  .m-ctusform .item-text { height: 35px; line-height: 35px; font-size: 14px; font-size: 1.4rem; }



  .m-ctusform .item-text2 { height: 140px; } }







.m-ctusmap { margin-top: 32px; margin-bottom: 102px; }







@media screen and (max-width: 767px) { .m-ctusmap { margin-top: 30px; margin-bottom: 30px; } }







/*==========about==================*/



.m-abt .box-img { float: left; margin-left: -10px; margin-right: 2.08333%; width: 50.08333%; }







.m-abt .box-title { padding-left: 29px; overflow: hidden; line-height: 30px; font-size: 26px; font-size: 2.6rem; font-family: "RobotoBold"; color: #9e1725; background: url("../images/bd1.png") no-repeat left 5px; }







.m-abt .box-name { text-transform: uppercase; margin-top: 8px; line-height: 1.2; font-size: 41px; font-size: 4.1rem; font-family: "RobotoBold"; color: #9e1725; }







.m-abt .box-desc { margin-top: 18px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; }







@media screen and (max-width: 1219px) { .m-abt .box-name { font-size: 24px; font-size: 2.4rem; } }







@media screen and (max-width: 959px) { .m-abt .box-img { max-width: 601px; margin: 0 auto; float: none; width: 100%; } }







@media screen and (max-width: 767px) { .m-abt .box-title { font-size: 24px; font-size: 2.4rem; }



  .m-abt .box-name { font-size: 20px; font-size: 2rem; }



  .m-abt .box-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; } }







.m-show { margin-top: 20px; margin-bottom: -20px; overflow: hidden; }







.m-show .list-item { position: relative; float: left; margin-right: 0.5%; margin-bottom: 20px; width: 24.48333%; overflow: hidden; }







.m-show .list-item:hover .item-modal { top: 0; }







.m-show .item-modal { position: absolute; left: 0; top: 100%; display: block; width: 100%; height: 100%; background: url("../images/fd1.png") no-repeat center; background-color: rgba(58, 168, 253, 0.7); }







.m-show .item-title { position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 52px; line-height: 52px; padding: 0 10px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.5); background-color: #000 \9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }







@media screen and (max-width: 959px) { .m-show .item-modal { top: 0; background-color: transparent; background: none; }



  .m-show .item-title { height: 30px; line-height: 30px; } }







@media screen and (max-width: 640px) { .m-show .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } }







.m-sd1 { float: left; width: 260px; margin-left: -100%; }







@media screen and (max-width: 959px) { .m-sd { float: none; margin-left: 0; margin-right: 0; margin-top: 30px; width: 100%; } }







.m-mn1 { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 320px; }







@media screen and (max-width: 959px) { .m-mn { float: none; padding: 0; } }







.m-sdtt { margin-bottom: 20px; }







.m-sdtt a { text-align: center; text-transform: uppercase; display: block; height: 45px; line-height: 45px; background-color: #9e1725; color: #fff; font-size: 24px; font-size: 2.4rem; font-weight: bold; }







.m-sdtt a:hover { background-color: #9e1725; }







.m-sdnav { overflow: hidden; }







.m-sdnav .sdnav-btn { position: relative; display: none; width: 100%; padding-top: 10px; padding-left: 15px; padding-right: 40px; padding-bottom: 10px; line-height: 25px; font-size: 18px; font-size: 1.8rem; color: white; text-transform: uppercase; background-color: #9e1725; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







.m-sdnav .sdnav-btn > p { position: absolute; bottom: 12px; right: 15px; }







.m-sdnav .sdnav-btn > p span { margin-bottom: 2px; display: block; width: 25px; height: 4px; background-color: white; }







.m-sdnav .nav-item { margin-top: 8px; background-color: #fff; border: 1px solid #d2d2d2; }







.m-sdnav .nav-item > a { display: block;/* padding-left: 45px;*/ padding-right: 0; padding-top: 10px; padding-bottom: 10px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #333;  background-color: #eee; }







.m-sdnav .nav-item > a:hover { color: #fff; background-color: #9e1725; }







.m-sdnav .nav-item > a.active { color: #fff;  background-color: #9e1725; }







.m-sdnav .sbnav-list { padding: 9px 0; }







.m-sdnav .sbnav-item { display: block; font-size: 14px; font-size: 1.4rem; padding-top: 0; padding-bottom: 0px; color: #333; padding-left: 47px; line-height: 30px; }







.m-sdnav .sbnav-item:hover { color: #9e1725; }







.m-sdnews .box-list { border: 1px solid #ccc; }







.m-sdnews .list-item { background-color: #eeeeee; padding-bottom: 10px; border-bottom: 1px solid #ccc; padding-left: 8px; padding-right: 8px; padding-top: 22px; }







.m-sdnews .item-title a { display: block; font-size: 16px; font-size: 1.6rem; color: #9e1725; display: block; max-height: 48px; line-height: 24px; overflow: hidden; }







.m-sdnews .item-desc { margin-top: 9px; }







.m-sdnews .item-desc a { font-size: 14px; font-size: 1.4rem; color: #333; max-height: 72px; line-height: 24px; display: block; overflow: hidden; }







.m-sdnews .item-desc a:hover { color: #9e1725; }







@media screen and (max-width: 767px) { .m-sdnav { margin-bottom: 25px; }



  .m-sdnav .nav-name { display: none; }



  .m-sdnav .sdnav-btn { display: block; }



  .m-sdnav .nav-list { display: none; } }







/*==========about2==================*/



.about { padding-bottom: 63px; }







.about2 { background: #f6f6f6; padding-top: 68px; padding-bottom: 61px; margin-bottom: 50px; }







.about2 .about2_p { max-width: 790px; margin: 0 auto; margin-top: 24px; margin-bottom: 10px; font-size: 16px; font-size: 1.6rem; line-height: 30px; text-align: center; }







.about2 .img img { display: block; width: 100%; max-width: 908px; max-height: 50px; margin: 0 auto; }







.about2 .img-scroll { position: relative; width: 100%; margin-top: 70px; }







.about2 .img-scroll .hot { position: relative; max-width: 65px; width: 100%; height: 28px; margin: 0 auto; }







.about2 .img-scroll .prev { position: absolute; display: block; width: 28px; height: 28px; z-index: 99; }







.about2 .img-scroll .next { position: absolute; display: block; width: 28px; height: 28px; z-index: 99; }







.about2 .img-scroll .prev { left: 0; cursor: pointer; background: url(../images/arrowleft.png) no-repeat center; }







.about2 .img-scroll .next { right: 0; cursor: pointer; background: url(../images/arrowright.png) no-repeat center; }







.about2 .img-scroll .prev:hover { background: url(../images/arrowlefton.png) no-repeat center; }







.about2 .img-scroll .next:hover { background: url(../images/arrowrighton.png) no-repeat center; }







.about2 .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; }







.about2 .img-list ul { width: 1000%; }







.about2 .ab2_ul { padding-bottom: 72px; }







.about2 .ab2_ul li { float: left; margin-right: 31px; }







.about2 .ab2_ul li .dan_wrap { position: relative; max-width: 214px; width: 100%; margin: 0 auto; overflow: hidden; }







.about2 .ab2_ul li .fu { position: absolute; top: 100%; width: 100%; height: 100%; left: 0; }







.about2 .ab2_ul li img { display: block; max-width: 214px; max-height: 305px; width: 100%; }







.about2 .ab2_ul li:hover .fu { top: 0px; }







@media screen and (max-width: 1219px) { .about2 .img-list li { width: 3%; margin-right: .5%; } }







@media screen and (max-width: 999px) { .about2 { margin-bottom: 30px; padding-bottom: 30px; }



  .about2 .ab2_ul { padding-bottom: 30px; }



  .about2 .img-list li { width: 3%; margin-right: .5%; }



  .about2 .ab2_ul li .fu { top: 0px; opacity: 0; } }







@media screen and (max-width: 768px) { .about2 { padding-top: 30px; }



  .about2 .about2_p { font-size: 14px; font-size: 1.4rem; }



  .about2 .img-scroll { margin-top: 20px; }



  .about2 .img-list li { width: 4.5%; margin-right: 1%; } }







@media screen and (max-width: 400px) { .about2 .img-list { width: 191px; margin: 0 auto; }



  .about2 .img-list li { width: 191px; margin-right: .487%; } }







/*==========ab2_ul==================*/



.about3_ttile { font-family: "RobotoBold"; line-height: 40px; font-size: 36px; font-size: 3.6rem; text-transform: uppercase; color: #9e1725; text-align: center; }







@media screen and (max-width: 767px) { .about { padding-bottom: 30px; }



  .about3_ttile { font-size: 24px; font-size: 2.4rem; } }







/*==========about3==================*/



.abmain6 .top { margin-top: 41px; }







.abmain6 .top .m6box { width: 595px; position: relative; }







.abmain6 .top .m6box .m6tu a { display: block; }







.abmain6 .top .m6box .m6tu a img { display: block; max-width: 595px; width: 100%; margin: 0 auto; }







.abmain6 .top .m6box { overflow: hidden; }







.abmain6 .top .m6box .m6tuzz { position: absolute; top: 100%; left: 0; background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }







.abmain6 .top .m6box:hover .m6tuzz { top: 0; }







.abmain6 .top .m6box .m6tuzz .tuhezi .hang1 { text-align: center; margin-top: 23.7%; margin-bottom: -2px; }







.abmain6 .top .m6box .m6tuzz .tuhezi .hang1 a { text-transform: uppercase; font-size: 20px; font-size: 2rem; line-height: 50px; color: #fff; }







.abmain6 .top .m6box .m6tuzz .tuhezi .hang2 { margin: 0 auto; width: 71px; height: 1px; background-color: #fff; }







.abmain6 .top .m6box .m6tuzz .tuhezi .hang3 { margin: 3px auto 23px; text-align: center; width: 95%; }







.abmain6 .top .m6box .m6tuzz .tuhezi .hang3 a { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #fff; }







.abmain6 .top .m6box .m6tuzz .tuhezi .hang4 a { font-size: 14px; font-size: 1.4rem; display: block; width: 118px; height: 28px; border: 1px solid #fff; color: #fff; line-height: 28px; text-align: center; margin: 0 auto; }







.abmain6 .bottom { margin-top: 8px; margin-bottom: 97px; }







.abmain6 .bottom .m6box { width: 394px; position: relative; }







.abmain6 .bottom .m6box .m6tu a { display: block; }







.abmain6 .bottom .m6box .m6tu a img { display: block; max-width: 100%; }







.abmain6 .bottom .m6box { overflow: hidden; }







.abmain6 .bottom .m6box .m6tuzz { position: absolute; top: 100%; left: 0; background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }







.abmain6 .bottom .m6box:hover .m6tuzz { top: 0; }







.abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 { text-align: center; margin-top: 16.7%; margin-bottom: -2px; }







.abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 a { text-transform: uppercase; font-size: 20px; font-size: 2rem; line-height: 50px; color: #fff; }







.abmain6 .bottom .m6box .m6tuzz .tuhezi .hang2 { margin: 0 auto; width: 71px; height: 1px; background-color: #fff; }







.abmain6 .bottom .m6box .m6tuzz .tuhezi .hang3 { margin: 3px auto 23px; text-align: center; width: 95%; }







.abmain6 .bottom .m6box .m6tuzz .tuhezi .hang3 a { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #fff; }







.abmain6 .bottom .m6box .m6tuzz .tuhezi .hang4 a { font-size: 14px; font-size: 1.4rem; display: block; width: 118px; height: 28px; border: 1px solid #fff; color: #fff; line-height: 28px; text-align: center; margin: 0 auto; }







.abmain6 .bottom .m6box.m6boxz { margin-left: 10px; }







@media screen and (max-width: 1219px) { .abmain6 .top .m6box { width: 48%; }



  .abmain6 .bottom .m6box { width: 30%; }



  .abmain6 .bottom .m6box.m6boxz { margin-left: 5%; } }







@media screen and (max-width: 999px) { .abmain6 { height: auto; }



  .abmain6 .top .m6box .m6tuzz .tuhezi .hang3 { max-height: 50px; overflow: hidden; }



  .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang3 { max-height: 60px; overflow: hidden; }



  .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang3 { margin-top: 10px; margin-bottom: 10px; } }







@media screen and (max-width: 979px) and (min-width: 640px) { .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang3 { width: 100%; max-height: 35px; }



  .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 { margin-bottom: 5px; margin-top: 15%; }



  .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 a { font-size: 14px; font-size: 1.4rem; line-height: 16px; }



  .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang3 a { font-size: 12px; font-size: 1.2rem; line-height: 16px; margin-top: 0; margin-bottom: 5px; }



  .abmain6 .top .m6box .m6tuzz .tuhezi .hang3 { width: 100%; max-height: 35px; margin-top: 0; margin-bottom: 5px; }



  .abmain6 .top .m6box .m6tuzz .tuhezi .hang1 { margin-bottom: 5px; margin-top: 8%; }



  .abmain6 .top .m6box .m6tuzz .tuhezi .hang1 a { font-size: 14px; font-size: 1.4rem; line-height: 16px; }



  .abmain6 .top .m6box .m6tuzz .tuhezi .hang3 a { font-size: 12px; font-size: 1.2rem; line-height: 16px; } }







@media screen and (max-width: 720px) { .abmain6 .bottom { margin-bottom: 40px; }



  .abmain6 .top { margin-top: 10px; }



  .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 { margin-bottom: 5px; margin-top: 5%; }



  .abmain6 { background-attachment: fixed; } }







@media screen and (max-width: 700px) { .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 { margin-bottom: 5px; margin-top: 5%; } }







@media screen and (max-width: 640px) { .abmain6 .top .m6box { width: 100%; margin-bottom: 25px; }



  .abmain6 .top .m6box .m6tuzz { position: relative; top: 0px; height: 110px; }



  .abmain6 .bottom .m6box .m6tuzz { position: relative; top: 0px; height: 110px; }



  .abmain6 .top .m6box .m6tuzz { position: relative; top: 0px; }



  .abmain6 .bottom .m6box { width: 100%; max-width: 373px; float: none; margin: 10px auto !important; }



  .abmain6 .top .m6box .m6tuzz .tuhezi .hang3 { margin-top: 0% !important; padding-top: 5%; }



  .abmain6 .top .m6box .m6tuzz .tuhezi .hang1 a { line-height: 16px; }



  .abmain6 .top .m6box .m6tuzz .tuhezi .hang1 { margin-top: 0% !important; padding-top: 5%; }



  .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 { margin-top: 0% !important; padding-top: 5%; }



  .abmain6 .bottom .m6box .m6tuzz .tuhezi .hang1 a { line-height: 16px; } }







/* .j-xx start */



.j-offset-top { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }







.j-offset-top.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }







.j-offset-left { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); opacity: 0; }







.j-offset-left.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }







.j-offset-right { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; }







.j-offset-right.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }







/*# sourceMappingURL=style.css.map */















.ppp{line-height: 30px;}







.listcart{ width:100%; margin-top:40px;}



.listcart a{ display:inline-block;height: 30px; width:150px; line-height: 30px;cursor: pointer;border: none;overflow: hidden;color: #9e1725;cursor: pointer;  border:1px solid #9e1725; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;}



.listcart a:hover{  border:#9e1725 solid 1px; background:#9e1725; color:#fff}



@media screen and (max-width:999px){



.listcart a{ width:40% ; margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px }



.listcart{ width:100%; margin-top:2rem }



}



@media screen and (max-width:420px){



.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}



}















.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;}















.m-page a.no:hover{



      color: #333!important;



    background: #fff!important;



    border: 1px solid #e5e5e5!important;



}







.prob-info-link a.no:hover{



  border: 1px solid #9e1725;



  background: #fff;



  color:#9e1725;



}







.up a.no:hover{



      color: #333333!important;



 }











 .box-desc strong{color: #9e1725;}











@media screen and (max-width: 999px){



.carousel ol {



    position: absolute;



    z-index: 2;



    width: 115px!important;



    height: 5px;



    bottom: 13px;



    left: 52%;



    -webkit-transform: translate3d(-50%, 0, 0);



}}





.box-desc p img{    display: block;}





.form-item-4{background: #f3fbfe!important;}

@media screen and (max-width: 1220px){
  .main1 {
    margin-top: 80px;
    font-family: Georgia;
}
}



.m-ctusinfo .list-item-8 {

    background: url("../images/s99.png") no-repeat left center;

}