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



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



* { margin: 0px; padding: 0px; }



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



body { width: 100%; overflow-x: hidden; font-family: 'OPENSANSREGULAR_0'; font-size: 14px; font-size: 1.4rem; color: #333; max-width: 1920px; margin: 0 auto; }



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: #0B5181; }



ol, ul, li { list-style: none; }



 



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



/* .m-xx start */

.m-desc { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }



.m-desc a { color: #0B5181; }



.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: #0B5181; 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-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: #0B5181; }



[class*="-item"] .item-desc { overflow: hidden; }



[class*="-item"] .item-desc a { display: block; }



[class*="-item"] .item-desc a:hover { color: #0B5181; }



.m-crm { padding: 5px 0px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; background: #f7f7f7; margin-bottom: 37px; }



.m-crm a { color: #333333; }



.m-crm a:hover { color: #0B5181; }



.m-crm a.active { color: #0B5181; }



.m-page { margin-bottom: 86px; letter-spacing: 0; font-size: 0; text-align: center; font-family: Verdana; }



.m-page a { margin: 0 4px; display: inline-block; *display: inline; *zoom: 1; width: 26px; height: 26px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; -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; -moz-border-radius: 50%; border-radius: 50%; background: #333333; }



.m-page a:hover { color: white; border-color: #0B5181; background-color: #0B5181; }



.m-page a.active { color: white; border-color: #0B5181; background-color: #0B5181; }



.m-page a.big { width: 61px; border: 0px; background: #fff; color: #333; font-size: 12px; font-size: 1.2rem; }



.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: 1px; margin-left: 10px; margin-right: 0px; }



.m-page .ins { margin-left: 4px; width: 148px; display: inline-block; height: 30px; line-height: 28px; text-align: center; border: none; outline: none; background-color: #0B5181; color: #fff; font-size: 12px; font-size: 1.2rem; cursor: pointer; }



.m-page2 { position: relative; }



@media screen and (max-width: 767px) { .m-page { margin-bottom: 40px; 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; }

  .m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } }



/**********************  ce  ************************/

.ce { position: fixed; top: 20%; z-index: 99999; width: 69px; background: #f2f2f2; right: 0px; padding: 5px 0px; font-family: Verdana; }



.ce li { margin: 0px 10px;  padding-bottom: 5px; text-align: center; }



.ce li.noborder { border: none; }



.ce li a { display: block; }



.ce li span { display: block; margin-top: 1px; font-size: 12px; font-size: 1.2rem; color: #000000; }



.ce li img { margin-top: 6px; }



.weixin { position: relative; }



.ewm { position: absolute; right: 100%; bottom: -99999px; width: 100px; max-width: 100px; max-height: 100px; }



.ewm2 { position: absolute; right: 100%; bottom: -99999px; width: 100px; max-width: 100px; max-height: 100px; }



.ce li.weixin:hover .ewm2 { bottom: 0; display: block !important; }



@media screen and (max-width: 767px) { .ce { bottom: 0; top: auto; width: 100%; padding: 0; -moz-border-radius: 0; border-radius: 0; right: 0; }

  .ce li { border: none; float: left; width: 25%; margin: 0; }

  body { padding-bottom: 61px; }

  .ewm { right: auto; left: 0; }

  .weixin:hover .ewm { bottom: 100%; }

  .ewm.active { display: none; }

  .ewm2 { display: none; } }



.returntop { position: fixed; *position: absolute; z-index: 999; right: 6px; bottom: 30px; width: 72px; height: 72px; background: url("/img/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; display: none\0; }



.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("/img/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("/img/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: 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; display: none\0; }



.wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #0B5181; }



@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: #0B5181; }

  .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: #0B5181; } }



/* search */

/* header */

.header .header_right { padding-top: 35px; }



.header .shejiao { margin-top: 10px; }



.header .shejiao a { display: block; float: left; margin-left: 14px; }



.header .shejiao img { display: block; margin: 0 auto; }



.header .header_form { width: 232px; height: 30px; line-height: 30px; position: relative; border: 1px solid #666666; -moz-border-radius: 50px; border-radius: 50px; }



.header .header_form .tex { background: transparent; -moz-border-radius: 50px; border-radius: 50px; text-indent: 15px; width: 100%; height: 30px; line-height: 30px; display: inline-block; color: #999999; font-size: 14px; font-size: 1.4rem; }



.header .header_form .sub { position: absolute; top: 0px; right: 0px; height: 30px; width: 27px; font-size: 0px; cursor: pointer; z-index: 99; background: url(/img/suosou.png) no-repeat left ; }



/* header */

.header { padding-bottom: 5px; }



.header .logo { padding-top: 7px;

    padding-bottom: 5px; }



.header .logo img { display: block; max-width: 517px; max-height: 91px; width: 100%; margin: 0 auto; }



.he_bot { background: #B28950;}



.header_ul1 > li { float: left; position: relative; margin-right: 5px; }



.header_ul1 > li:hover .dan_header { display: block; }



.header_ul1 > li > a { color: #fff; line-height: 60px; display: block; font-family: "OPENSANSBOLD"; padding: 0px 30px; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; }



.header_ul1 > li:hover > a, .header_ul1 li.on > a { color: #fff;  }



.dan_header { display: none; width: 311px; position: absolute; left: -115px; top: 100%; background: url(/img/dan_header.png) repeat center top; z-index: 999999; }



.dan_header > ul { padding: 17px 0px 0px; }



.dan_header > ul > li { line-height: 40px; position: relative; left: 0px; }



.dan_header > ul > li > a { padding-left: 19px; position: relative; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 40px; display: block; }



.dan_header > ul > li:hover > a { background: #fff; color: #0B5181; }



.dan_header > ul > li:hover .dan_sanheader { display: block; }



.dan_sanheader { display: none; width: 237px; padding-left: 2px; position: absolute; left: 100%; top: -17px; z-index: 999999; }



.dan_sanheader > ul { background: url(/img/dan_header.png) repeat center top; padding: 17px 0px 17px; }



.dan_sanheader > ul > li { line-height: 40px; position: relative; left: 0px; }



.dan_sanheader > ul > li > a { padding-left: 19px; position: relative; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 40px; display: block; }



.dan_sanheader > ul > li:hover > a { background: #fff; color: #0B5181; }



.dan_sanheader > ul > li:hover .dan_sanheader { display: block; }



@media screen and (max-width: 1219px) { .header_ul1 > li { margin-right: 0px; }

  .header_ul1 > li > a { padding: 0px 15px; }

  .header .logo { width: 400px; }

  .header_right { padding-top: 24px; } }



@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 .header_form { width: 100%; margin: 0 auto; }

  .header_ul1 { display: none; }

  .header_top { display: none; }

  .header .header_right { width: 100%; padding-top: 10px; }

  .header_right .shejiao { display: none; }

  .header { padding: 15px 0px; }

  .header .logo { float: none; margin: 0 auto; width: 100%; max-width: 376px; padding: 0px; } }



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



/* footer */

.footer { background: #0B5181; padding-top: 44px; }



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



.footer .title { font-size: 24px; font-size: 2.4rem; color: #fff; line-height: 30px; font-family: "OPENSANSBOLD"; text-transform: uppercase; }



.footer .title a { color: #fff; }



.footer_left { float: left; width: 278px; }



.footer_center { float: left; width: 330px; }



.footer_right { float: right; width: 534px; }



.footer p { color: #fff; line-height: 24px; }



.footer p a { line-height: 24px; color: #fff; }



.footer ul { margin-top: 19px; }



.footer ul li { line-height: 30px; color: #fff; }



.footer ul li a { color: #fff; }



.ftx_ul li { padding-left: 30px; }



.ftx_ul li.li1 { background: url(/img/fli1.png) no-repeat left 5px; }



.ftx_ul li.li2 { background: url(/img/fli2.png) no-repeat left 5px; }



.ftx_ul li.li3 { background: url(/img/fli3.png) no-repeat left 5px; }



.ftx_ul li.li4 { background: url(/img/fli4.png) no-repeat left 5px; }



.ftx_ul li.li5 { background: url(/img/fli5.png) no-repeat left 5px; }



.ftx_ul li.li6 { background: url(/img/fli6.png) no-repeat left 5px; }



.ftx_ul li.li7 { background: url(/img/fli7.png) no-repeat left 5px; }



.ftx_ul li.li8 { background: url(/img/fli8.png) no-repeat left 0px; line-height: 24px; }



.footer .shejiao a { display: block; margin-left: 16px; float: left; margin-bottom: 16px; }



.shejiao a img { -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; }



.shejiao a:hover img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }



.footer_right form { margin-top: 25px; font-family: "OPENSANSREGULAR_0"; }



.footer_right .c_div { margin-top: 0px; margin-bottom: 10px; }



.footer_right .c_div2 { margin-top: 10px; }



.footer_right .c_input, .footer_right .c_captcha { font-size: 12px; font-size: 1.2rem; color: #aaaaaa; height: 37px; line-height: 37px; font-family: "OPENSANSREGULAR_0"; }



.footer_right .c_input { width: 250px; padding-left: 6px; display: block; background-color: transparent; border: 1px solid #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



.footer_right .c_textarea { font-family: "OPENSANSREGULAR_0"; font-size: 12px; font-size: 1.2rem; color: #aaaaaa; line-height: 37px; background-color: transparent; padding-left: 6px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 71px; border: 1px solid #ffffff; }



.footer_right .c_yzm { display: block; float: left; cursor: pointer; }



.footer_right .c_captcha { display: block; float: left; padding-left: 6px; width: 242px; margin-right: 37px; background-color: transparent; border: 1px solid #ffffff; font-size: 12px; font-size: 1.2rem; }



.footer_right .c_send { font-family: "OPENSANSREGULAR_0"; float: right; width: 106px; background: #0d7ed2; color: #fff; height: 37px; line-height: 37px; cursor: pointer; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }



.footer_right .c_send:hover { background: #aaa; }



.footer_bot { margin-top: 30px; border-top: 1px solid #656565; color: #fff; padding-top: 10px; padding-bottom: 11px; }



.footer_bot p { color: #fff; line-height: 26px; font-size: 14px; font-size: 1.4rem; }



.footer_bot p a { color: #fff; }



.footer_bot .tech { display: inline-block; margin-left: 10px; margin-right: 10px; }



.Links { height: 16px; line-height: 4px; color: #bbbbbb; }



.Links a { display: inline-block; padding-right: 20px; color: #bbbbbb; }



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

  .footer_center { width: 342px; }

  .footer_right { width: 414px; }

  .footer_right .c_nr { width: -webkit-calc(  48% - 6px); width: -moz-calc(  48% - 6px); width: calc(  48% - 6px); }

  .footer_right .c_captcha { width: -webkit-calc(  28% - 6px); width: -moz-calc(  28% - 6px); width: calc(  28% - 6px); }

  .footer_right .c_input { width: -webkit-calc(  100% - 6px); width: -moz-calc(  100% - 6px); width: calc(  100% - 6px); }

  .footer_right .c_textarea { width: -webkit-calc(  100% - 6px); width: -moz-calc(  100% - 6px); width: calc(  100% - 6px); } }



@media screen and (max-width: 999px) { .footer_left { width: 40%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

  .footer_center { width: 60%; float: right; margin-left: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

  .footer_right { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 20px; }

  .footer_bot p { float: none; }

  .footer .shejiao { display: block; float: none; margin-top: 10px; } }



@media screen and (max-width: 768px) { .footer { padding: 0px; }

  .footer_left, .footer_center, .footer_right { display: none; }

  .Links { display: none; }

  .footer_bot { border: 0px; padding: 20px 0px; margin: 0 auto; }

  .footer_bot span { display: none; }

  .footer p { float: none; } }



.main1 { margin-top: -52px; position: relative; z-index: 999; }



.main1 .m1_title { font-size: 40px; font-size: 4rem; line-height: 40px; text-transform: uppercase; font-family: "OPENSANSBOLD"; }



.main1 .m1_title span { color: #0B5181; }



.main1 .m1_title2 { max-width: 724px; margin-top: 10px; }



.main1 .m1_title2 a { color: #999999; font-size: 14px; font-size: 1.4rem; line-height: 24px; }



.main1 .m1_title3 { margin-top: 65px; margin-bottom: 6px; font-size: 40px; font-size: 4rem; line-height: 40px; text-transform: uppercase; font-family: "OPENSANSBOLD"; text-align: center; }



.main1 .m1_title3 a { color: #0B5181; }



.main1 .m1_title4 { font-size: 14px; font-size: 1.4rem; line-height: 30px; text-align: center; margin-bottom: 26px; }



.main1 .m1_title4 a { color: #999999; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.main1 .img-scroll { position: relative; width: 100%; }



.main1 .img-scroll .hot { width:100px; margin: 0 auto; height: 40px; padding-top: 20px }



.main1 .img-scroll .prev {  display: block; width: 43px; height: 43px;  float: left }



.main1 .img-scroll .next {  display: block; width: 43px; height: 43px; float: right }



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



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



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



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



.main1 .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; }



.main1 .img-list ul { width: 1000%; }



.main1 .img-list li { float: left; width: 283px; margin-right: 22px; }



.main1 .img-list .m4fu { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; }



.main1 .img-list img { display: block; max-width: 283px; max-height: 283px; width: 100%; margin: 0 auto; }



.main1 .img-list .m4zi { position: absolute; bottom: 0%; left: 0px; background: #f9f9f9; height: 45px; line-height: 45px; text-align: left; display: block; margin: 0 auto; max-width: 283px; width: 100%; padding-left: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-size: 1.6rem; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.main1 .img-list .m3lien { max-width: 283px; text-align: center; position: relative; margin: 0 auto; overflow: hidden;box-shadow: 0 0 15px #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



.main1 .img-list .m3lien:hover .m4fu { top: 0; }



.main1 .img-list .m3lien:hover .m4zi { background: none; }



@media screen and (max-width: 1219px) { .main1 .img-list li { margin-right: 20px; width: 230px; }

  .main1 .img-list .m4zi { font-size: 14px; font-size: 1.4rem; } }



@media screen and (max-width: 999px) { .main1 { margin-top: 10px; }

  .main1 .img-list li .m3lien .m4fu { top: 0px; display: none; }

  .main1 .img-list { width: 100%; }

  .main1 .img-scroll .hot { position: absolute; top: 50%; max-width: 100%; width: 100%; height: 43px; margin-bottom: 0px; margin-top: -25px; }

  .main1 .img-list li { width: 3%; margin-right: .5%; }

  .main1 .img-list .m3lien:hover .m4zi { background: #0B5181; }

  .main1 .m1_title { font-size: 30px; font-size: 3rem; line-height: 30px; }

  .main1 .m1_title2 { margin-bottom: 20px; } }



@media screen and (max-width: 768px) { .main1 .img-scroll { margin-top: 20px; }

  .main1 .img-list li { width: 4.5%; margin-right: 1%; } }



@media screen and (max-width: 400px) { .main1 .img-list li { width: 10%; margin-right: .487%; } }



/*==========m1_ul==================*/

.m1_ul { background: #0B5181; border: 3px solid #0B5181; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 63px; }



.m1_ul li { float: left; width: 108px; padding: 0px 5px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(/img/condli.png) no-repeat left center; }



.m1_ul li:first-child { background: none; }



.m1_ul li:hover { background: #fff; }



.m1_ul li:hover span { color: #0B5181; }



.m1_ul a { display: block; padding-top: 63px; font-size: 14px; font-size: 1.4rem; line-height: 18px; color: #fff; min-height: 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



.m1_ul span { color: #fff; }



.m1_ul .li1 a { background: url(/img/m1tu.png) no-repeat center 17px; }



.m1_ul .li1:hover a { background: url(/img/m1tuon.png) no-repeat center 17px; }



.m1_ul .li2 a { background: url(/img/m1tu2.png) no-repeat center 17px; }



.m1_ul .li2:hover a { background: url(/img/m1tu2on.png) no-repeat center 17px; }



.m1_ul .li3 a { background: url(/img/m1tu3.png) no-repeat center 17px; }



.m1_ul .li3:hover a { background: url(/img/m1tu3on.png) no-repeat center 17px; }



.m1_ul .li4 a { background: url(/img/m1tu4.png) no-repeat center 17px; }



.m1_ul .li4:hover a { background: url(/img/m1tu4on.png) no-repeat center 17px; }



.m1_ul .li5 a { background: url(/img/m1tu5.png) no-repeat center 17px; }



.m1_ul .li5:hover a { background: url(/img/m1tu5on.png) no-repeat center 17px; }



.m1_ul .li6 a { background: url(/img/m1tu6.png) no-repeat center 17px; }



.m1_ul .li6:hover a { background: url(/img/m1tu6on.png) no-repeat center 17px; }



.m1_ul .li7 a { background: url(/img/m1tu7.png) no-repeat center 17px; }



.m1_ul .li7:hover a { background: url(/img/m1tu7on.png) no-repeat center 17px; }



.m1_ul .li8 a { background: url(/img/m1tu8.png) no-repeat center 17px; }



.m1_ul .li8:hover a { background: url(/img/m1tu8on.png) no-repeat center 17px; }



.m1_ul .li9 a { background: url(/img/m1tu9.png) no-repeat center 17px; }



.m1_ul .li9:hover a { background: url(/img/m1tu9on.png) no-repeat center 17px; }



.m1_ul .li10 a { background: url(/img/m1tu10.png) no-repeat center 17px; }



.m1_ul .li10:hover a { background: url(/img/m1tu10on.png) no-repeat center 17px; }



.m1_ul .li11 a { background: url(/img/m1tu11.png) no-repeat center 17px; }



.m1_ul .li11:hover a { background: url(/img/m1tu11on.png) no-repeat center 17px; }



@media screen and (max-width: 1219px) { .m1_ul li { width: 9%; } }



@media screen and (max-width: 999px) { .m1_ul { margin-bottom: 30px; }

  .m1_ul li { width: 16%; } }



@media screen and (max-width: 768px) { .m1_ul li { width: 33.33%; } }



/*==========main2==================*/

 



.main2 .img-scroll { position: relative; width: 100%; }



.main2 .img-scroll .hot { position: relative; max-width: 100px; width: 100%; height: 43px; margin: 0 auto; margin-top: 28px; }



.main2 .img-scroll .prev { position: absolute; display: block; width: 43px; height: 43px; z-index: 99; }



.main2 .img-scroll .next { position: absolute; display: block; width: 43px; height: 43px; z-index: 99; }



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



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



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



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



.main2 .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; background: #fff; }



.main2 .img-list ul { width: 1000%; }



.main2 .img-list li { float: left; width: 2.4%; margin-right: 0.13%; }



.main2 .img-list .m4fu { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; }



.main2 .img-list img { display: block; max-width: 470px; max-height: 418px; width: 100%; margin: 0 auto; }



.main2 .img-list .m4zi { display: block; margin: 0 auto; max-width: 470px; width: 100%; background: #f9f9f9; font-size: 16px; font-size: 1.6rem; color: #666; height: 63px; line-height: 63px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.main2 .img-list .m3lien { max-width: 470px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; }



.main2 .img-list .m3lien:hover .m4fu { top: 0; }



@media screen and (max-width: 999px) { .main2 .img-list li .m3lien .m4fu { top: 0px; opacity: 0; }

  .main2 .img-list { width: 100%; }

  .main2 .img-list li { width: 3%; margin-right: .5%; } }



@media screen and (max-width: 768px) { .main2 .img-list li { width: 4.5%; margin-right: 1%; } }



@media screen and (max-width: 400px) { .main2 .img-list li { width: 10%; margin-right: .487%; } }



/*==========main3==================*/

.main3 { background: #f9f9f9; padding-top: 69px; padding-bottom: 70px;  margin: 50px 0 0px 0}



.main3 .wrap { background: url(/img/main3.png) no-repeat left bottom; padding-bottom: 8px; padding-left: 12px; }



.main3 .m3_l { width: 57.91667%; }



.main3 .m3_r { width: 38.58333%; text-align: right; margin-top: 28px; }



.main3 .litop { position: relative; padding-bottom: 61%; max-width: 688px; width: 100%; height: 0; overflow: hidden; }



.main3 .litop iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }



.main3 .litop iframe body { margin: 0px !important; }



.main3 .title { font-size: 40px; font-size: 4rem; font-family: "OPENSANSBOLD"; line-height: 50px; text-transform: uppercase; }



.main3 .title span { display: block; color: #0B5181; }



.main3 p { line-height: 30px; font-size: 16px; font-size: 1.6rem; margin-top: 34px; margin-bottom: 54px; }



.main3 p a { display: block; max-height: 120px; overflow: hidden; }



.main3 a.more { display: block; width: 150px; height: 46px; line-height: 46px; text-align: center; background: #0B5181; color: #fff; text-transform: uppercase; -moz-border-radius: 50px; border-radius: 50px; }



@media screen and (max-width: 1219px) { .main3 .m3_r { margin-top: 0px; } }



@media screen and (max-width: 999px) { .main3 .title { font-size: 30px; font-size: 3rem; line-height: 40px; }

  .main3 p { line-height: 30px; font-size: 14px; font-size: 1.4rem; margin-top: 10px; margin-bottom: 10px; } }



@media screen and (max-width: 768px) { .main3 .wrap { background: none; }

  .main3 .m3_l { width: 100%; float: none; }

  .main3 .m3_r { width: 100%; float: none; text-align: left; margin-top: 28px; }

  .main3 a.more { float: none; }

  .main3 .title { font-size: 24px; font-size: 2.4rem; line-height: 30px; } }



/*==========main4==================*/

.main4 { padding-top: 58px; padding-bottom: 45px; }



.main4 .title { font-size: 34px; font-size: 3.4rem; font-family: "OPENSANSBOLD"; text-transform: uppercase; margin-bottom: 27px; }



.main4 .title a { color: #0B5181; }



.main4 .m4_l { width: 42.41667%; display: none}



.main4 .m4_r { width: 100%; }



.main4 .img-scroll { position: relative; width: 100%; margin-top: 20px; }



.main4 .img-scroll .prev { position: absolute; display: block; width: 43px; height: 43px; top: 50%; margin-top: -58.5px; z-index: 99; }



.main4 .img-scroll .next { position: absolute; display: block; width: 43px; height: 43px; top: 50%; margin-top: -58.5px; z-index: 99; }



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



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



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



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



.main4 .img-list { position: relative; width: 87%; overflow: hidden; margin: 0 auto; }



.main4 .img-list ul { width: 1000%; }



.main4 .img-list li { float: left; width: 210px; margin-right: 62px; }



.main4 .img-list .m4fu { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; }



.main4 .img-list img { display: block; max-width: 199px; max-height: 288px; width: 100%; margin: 0 auto; }



.main4 .img-list .m4zi { display: block; margin: 0 auto; max-width: 199px; width: 100%; margin-top: 10px; color: #333333; line-height: 38px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.main4 .img-list .m3lien { max-width: 199px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; border: 2px solid #1985d4; }



.main4 .img-list .m3lien:hover .m4fu { top: 0; }



@media screen and (max-width: 1219px) { .main4 .img-list li { width: 4.5%; margin-right: 1%; } }



@media screen and (max-width: 999px) { .main4 .m4_l { width: 100%; float: none; }

  .main4 .m4_r { width: 100%; float: none; }

  .main4 .img-list .m4fu { top: 0px; opacity: 0; } }



.main1 .m1_title2 a:hover { color: #0B5181; }



.main1 .m1_title4 a:hover { color: #0B5181; }



.m4_ul li { margin-bottom: 42px; }



.m4_ul .wrap { position: relative; min-height: 132px; }



.m4_ul .img { width: 162px; position: absolute; left: 0px; top: 0px; }



.m4_ul .m4_wrpar { padding-left: 179px; }



.m4_ul .title21 { font-size: 14px; font-size: 1.4rem; line-height: 26px; font-family: "OPENSANSBOLD"; }



.m4_ul .time { margin-top: 3px; margin-bottom: 6px; padding-left: 20px; background: url(/img/time.png) no-repeat left center; color: #666666; font-size: 12px; font-size: 1.2rem; }



.m4_ul p { line-height: 24px; }



.m4_ul p a { color: #666666; display: block; max-height: 48px; overflow: hidden; }



.m4_ul p a:hover { color: #0B5181; }



.m4_ul a.more { margin-top: 15px; display: block; color: #0B5181; }



@media screen and (max-width: 648px) { .m4_ul .img { position: relative; top: 0px; max-width: 162px; width: 100%; margin: 0 auto; margin-bottom: 10px; display: block; }

  .m4_ul .img img { display: block; margin: 0 auto; }

  .m4_ul .m4_wrpar { padding-left: 0px; } }



/*==========product==================*/

.product .goods { width: 837px; }



.product .list { width: 325px; margin-bottom: 50px; position: relative; }



.product .list .title1 { width: 100%; margin-bottom: 5px; }



.product .list .title1 a { display: block; width: 100%; text-align: center; font-size: 24px; font-size: 2.4rem; height: 50px; line-height: 50px; font-family: "OPENSANSBOLD"; color: #0B5181; text-transform: uppercase; background-color: #f7f7f7; }



.product .list .subNavBox { width: 100%; }



.product .list .subNav { cursor: pointer; background: #fff; margin-top: 4px; }



.product .list .subNav.div1 { margin-top: 0px; padding-top: 4px; }



.product .list .subNav a { display: block; line-height: 30px; padding-top: 5px; padding-bottom: 5px; padding-left: 13px; padding-right: 31px; background: #f7f7f7 url(/img/parrow.png) no-repeat right center; font-size: 16px; font-size: 1.6rem; color: #333333; -webkit-transition: 0s; -o-transition: 0s; -moz-transition: 0s; transition: 0s; }



.product .list .subNav:hover a { background: #0B5181 url(/img/parrowon.png) no-repeat right center; color: #fff; }



.product .list .currentDd a { background: #0B5181 url(/img/parrowon.png) no-repeat right center; color: #fff; }



.product .list .navContent { background-color: #fafafa; padding-top: 9px; padding-bottom: 11px; display: none; position: relative; top: 0px; }



.product .list .navContent > li a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #333; padding-left: 40px; background: url(/img/xian.png) no-repeat left top; }



.product .list .navContent > li a:hover { color: #0B5181; }



.product .list .navContent2 { margin-bottom: 2px; background-color: #fff; padding-top: 3px; display: none; position: relative; top: 0px; }



.product .list .navContent2 > li a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #333; padding-left: 51px; }



.product .list .navContent2 > li a:hover { color: #0B5181; }



.product .titlems { position: relative; }



.product .titlems a { text-align: left; line-height: 30px; font-size: 16px; font-size: 1.6rem; }



.product .dan_p { display: none; position: absolute; right: 5px; top: 15px; }



.product .dan_p span { margin-bottom: 2px; display: block; width: 25px; height: 4px; background-color: #0B5181; }



@media screen and (max-width: 999px) { .product .dan_p { display: block; }

  .product .subNavBox { display: none; } }



@media screen and (max-width: 1219px) { .product .goods { width: 634px; }

  .product .list { width: 320px; margin-bottom: 30px; } }



@media screen and (max-width: 999px) { .product .goods { width: 100%; float: none; }

  .product .list { width: 100%; float: none; } }



.pro_ul1 { width: 100%; padding-bottom: 4px; }



.pro_ul1 li { float: left; margin-left: 12px; width: 200px; margin-bottom: 27px; }



.pro_ul1 li .img { width: 100%; border: 1px solid #62ace2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



.pro_ul1 li .img > a { display: block; width: 100%; position: relative; overflow: hidden; }



.pro_ul1 li .img > a img { display: block; width: 100%; height: 100%; }



.pro_ul1 li .img > a .przz { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }



.pro_ul1 li .img > a .przz span { display: block; width: 113px; height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; color: #333; background-color: #fff; text-align: center; margin: 89px auto 0; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }



.pro_ul1 li .img > a .przz span:hover { color: #0B5181; }



.pro_ul1 li .img > a:hover .przz { top: 0; }



.pro_ul1 li .wenzi1 { text-align: center; padding-top: 8px; padding-bottom: 8px; }



.pro_ul1 li .wenzi1 a { line-height: 30px; color: #333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.pro_ul1 li .wenzi1 a:hover { color: #0B5181; }



.pro_ul1 li .wenzi { width: 125px; height: 28px; margin: 0 auto 10px; }



.pro_ul1 li .wenzi a { display: block; float: right; width: 95px; height: 22px; line-height: 22px; color: #0B5181; border: 1px solid #0B5181; color: #fff; background-color: #0B5181; font-size: 14px; font-size: 1.4rem; text-align: center; margin-left: 10px; }



.pro_ul1 li .wenzi a:hover { color: #0B5181; background-color: #fff; }



.pro_ul1 li .wenzi input { cursor: pointer; display: block; float: left; margin-top: 7px; }



@media screen and (max-width: 1219px) { .pro_ul1 li { width: 23%; margin-left: 1% !important; margin-right: 1%; } }



@media screen and (max-width: 999px) { .pro_ul1 li .img > a .przz { top: 0; opacity: 0; }

  .pro_ul1 li { width: 31%; margin-left: 1% !important; margin-right: 1%; } }



@media screen and (max-width: 648px) { .pro_ul1 li { width: 48%; margin-left: 1% !important; margin-right: 1%; } }



.product2 #showArea img { cursor: pointer; display: block; width: 110px; height: 109px; margin-bottom: 11px; border: 1px solid #dadada; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



.product2 #showArea a { display: block; }



.product2 #showArea img:hover { border: 1px solid #0B5181; }



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



.product2 #gotop { cursor: pointer; display: block; margin: auto; }



.product2 #gobottom { cursor: pointer; display: block; margin: auto; }



.product2 #showArea { height: 353px; overflow: hidden; margin-top: 8px; margin-bottom: 6px; }



.product2 .MagicZoomBigImageCont { background: #FFF; }



.product2 .MagicZoomBigImageCont img { max-width: 803px; display: block; }



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



.product2 .left-pro { width: 545px; text-align: left; margin: 0px auto; margin-top: 39px; }



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



.product2 .left-pro .t2 { width: 416px; text-indent: 0; float: left; border: 1px solid #0B5181; }



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



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



.product2 .content .title { padding-top: 22px; text-align: center; }



.product2 .content .title h1 { font-size: 20px; font-size: 2rem; text-align: center; color: #333; text-align: center; font-family: "OPENSANSBOLD"; }



.product2 .content .btn { width: 370px; margin: 0 auto; margin-top: 15px; margin-bottom: 22px; }



.product2 .content .btn a { display: block; font-size: 16px; font-size: 1.6rem; color: #0B5181; width: 174px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #0B5181; }



.product2 .content .btn a:hover { color: #fff; background-color: #0B5181; }



.product2 .content .share1 { width: 240px; margin: 0 auto; font-family: "OPENSANSREGULAR_0"; }



.product2 .content .share1 .span { font-size: 16px; font-size: 1.6rem; color: #0B5181; height: 26px; line-height: 26px; }



.product2 .at-resp-share-element .at-icon { width: 26px !important; height: 26px !important; }



.product2 .at-style-responsive .at-share-btn { padding: 0 !important; -moz-border-radius: 2px !important; border-radius: 2px !important; }



.product2 .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 26px !important; height: 26px !important; }



.product2 .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }



.product2 .protitle1 { background: #eeeeee; width: 100%; margin-bottom: 30px; margin-top: 35px; font-family: "OPENSANSBOLD"; }



.product2 .protitle1 a { display: inline-block; width: 293px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 48px; line-height: 48px; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; color: #000; padding: 0px 15px; background: #eeeeee url(/img/xian1.png) repeat-x bottom center; }



.product2 .pro_x { font-size: 14px; font-size: 1.4rem; color: #000000; line-height: 30px; margin-top: 10px; margin-bottom: 30px; font-family: "OPENSANSREGULAR_0"; }



.product2 .pro_x a { color: #0B5181; line-height: 30px; color: #0B5181; }



.product2 .pro_x img { display: block; max-width: 100%; }



.product2 .pro_x iframe { display: block; max-width: 100%; }



.product2 .pro_x .table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }



.product2 .pro_x .table table tr td { padding: 3px; border: 1px solid #ccc; }



@media screen and (max-width: 1000px) { .product2 .pro_x .table { width: 100%; overflow: scroll; }

  .product2 .pro_x .table table { width: 885px; } }



.product2 .pro_ul1 { padding-bottom: 48px; }



.product2 .pro_ul1 li { width: 265px; margin-left: 20px; }



.product2 .pro_ul1 li .img { border: 1px solid #0B5181; }



.product2 .pro_ul1 li .libox { border: 0px; }



.product2 .pro_ul1 li .wenzi1 { border: 0px; margin-top: 1px; font-size: 14px; font-size: 1.4rem; }



@media screen and (max-width: 1219px) { .product2 .MagicZoomBigImageCont { display: none !important; }

  .product2 .MagicZoomPup { display: none !important; }

  .product2 .goods { width: 100%; float: none; }

  .product2 .list { width: 100%; margin-bottom: 50px; }

  .product2 .pro_ul1 li { width: 31%; margin-left: 1% !important; margin-right: 1%; } }



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



@media screen and (max-width: 768px) { .product2 .content .btn { width: 100%; max-width: 300px; }

  .product2 .content .btn a { width: 48%; font-size: 16px; font-size: 1.6rem; }

  .product2 .content .title h1 { font-size: 20px; font-size: 2rem; }

  .product2 .protitle1 { margin-top: 20px; margin-bottom: 10px; }

  .product2 .protitle1 a { font-size: 16px; font-size: 1.6rem; text-transform: capitalize; }

  .product2 .pro_ul1 { padding-bottom: 30px; }

  .product2 .list .title1 a { font-size: 20px; font-size: 2rem; } }



@media screen and (max-width: 648px) { .product2 .pro_ul1 li { width: 48%; margin-left: 1% !important; margin-right: 1%; } }



.product2 .img980 { display: none; }



.product2 .img-scroll { position: relative; width: 100%; }



.product2 .img-scroll .prev { position: absolute; display: block; width: 43px; height: 43px; top: 50%; margin-top: -21.5px; z-index: 99; }



.product2 .img-scroll .next { position: absolute; display: block; width: 43px; height: 43px; top: 50%; margin-top: -21.5px; z-index: 99; }



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



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



.product2 .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; }



.product2 .img-list ul { width: 1000%; }



.product2 .img-list li { float: left; width: 285px; margin-right: 0%; }



.product2 .img-list li:hover .m4fu { top: 0; }



.product2 .img-list li:hover .m4zi { background: #0B5181; }



.product2 .img-list li:first-child .m3lien { border: 1px solid #363535; }



.product2 .img-list img { display: block; max-width: 285px; max-height: 285px; width: 100%; margin: 0 auto; }



.product2 .img-list .m3lien { max-width: 285px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; border: 1px solid #363535; border-left: 0px; }



@media screen and (max-width: 999px) { .product2 .img980 { display: block; }

  .product2 .img-list li .m3lien .m4fu { top: 0px; display: none; }

  .product2 .img-list { width: 100%; }

  .product2 .img-list li { width: 2.5%; }

  .product2 .img-list .m4zi { padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

  .product2 .protitle2 { margin-bottom: 30px; font-size: 20px; font-size: 2rem; background: none; } }



@media screen and (max-width: 768px) { .product2 .img-list li { width: 3.33%; } }



@media screen and (max-width: 400px) { .product2 .protitle1, .product2 .protitle2 { font-size: 20px; font-size: 2rem; }

  .product2 .img-list { width: 235px; margin: 0 auto; }

  .product2 .img-list li { width: 235px; } }



/*==========about==================*/

.about { padding-bottom: 75px; }



.about .ab_l { width: 560px; }



.about .ab_l .title { font-family: "OPENSANSBOLD"; font-size: 24px; font-size: 2.4rem; line-height: 24px; color: #333333; text-transform: uppercase; }



.about .ab_l .title2 { margin-top: 16px; margin-bottom: 17px; color: #0B5181; font-size: 40px; font-size: 4rem; line-height: 40px; font-family: "OPENSANSBOLD"; text-transform: uppercase; }



.about .ab_l p { line-height: 30px; font-size: 14px; font-size: 1.4rem; }



.about .litop { position: relative; width: 600px; padding-bottom: 35.6%; height: 0; overflow: hidden; }



.about .litop iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }



.about .litop iframe body { margin: 0px !important; }



.about .ab2_wrap { margin-top: 57px; }



.about .ab2_wrap img { display: block; max-width: 530px; max-height: 331px; width: 100%; margin: 0 auto; margin-right: 70px; }



.about .ab2_wrap p { line-height: 30px; font-size: 16px; font-size: 1.6rem; }



.about .ab2_wrap p.p1 { margin-top: 54px; padding-bottom: 3px; }



.about .ab2_wrap p.p2 { color: #0B5181; font-family: "OPENSANSBOLD"; }



.about .ab_topr { margin-top: 70px; margin-bottom: 51px; font-size: 30px; font-size: 3rem; font-family: "OPENSANSBOLD"; background: url(/img/ab_topr.png) no-repeat center; text-align: center; color: #0B5181; text-transform: uppercase; }



@media screen and (max-width: 1219px) { .about .ab_l { width: 49%; }

  .about .litop { width: 49%; }

  .about .ab2_wrap img { width: 49%; }

  .about .ab2_wrap p.p1 { padding-top: 10px; margin-top: 0px; } }



@media screen and (max-width: 999px) { .about .ab2_wrap img { width: 100%; float: none; margin: 0 auto; }

  .about .ab_l { width: 100%; float: none; margin: 0px auto 20px; }

  .about .litop { width: 100%; float: none; margin: 0 auto; max-width: 596px; width: 100%; } }



@media screen and (max-width: 768px) { .about .ab2_wrap p { font-size: 14px; font-size: 1.4rem; line-height: 30px; }

  .about .ab_l .title2 { font-size: 30px; font-size: 3rem; } }



.about_22 .img-scroll { position: relative; width: 100%; }



.about_22 .img-scroll .prev { position: absolute; display: block; width: 43px; height: 43px; top: 50%; margin-top: -44.5px; z-index: 99; }



.about_22 .img-scroll .next { position: absolute; display: block; width: 43px; height: 43px; top: 50%; margin-top: -44.5px; z-index: 99; }



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



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



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



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



.about_22 .img-list { position: relative; width: 88.6%; overflow: hidden; margin: 0 auto; }



.about_22 ul { width: 1000%; }



.about_22 li { float: left; width: 234px; margin-right: 40px; }



.about_22 li .m3lien .m4fu { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; -webkit-transition: 1s all; -o-transition: 1s all; -moz-transition: 1s all; transition: 1s all; }



.about_22 li .m3lien { max-width: 234px; text-align: center; position: relative; overflow: hidden; margin: 0 auto; }



.about_22 li .m3lien img { display: block; max-width: 234px; max-height: 330px; width: 100%; margin: 0 auto; }



.about_22 li .m4zi { display: block; height: 38px; margin: 0 auto; max-width: 234px; width: 100%; color: #333333; line-height: 38px; font-size: 14px; font-size: 1.4rem; font-family: "OPENSANSBOLD"; text-align: center; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.about_22 li .m3lien:hover .m4fu { top: 0; }



.about_22 li .m3lien:hover .m4zi { background: none; }



@media screen and (max-width: 1219px) { .about_22 .img-list li { width: 3%; margin-right: .5%; } }



@media screen and (max-width: 999px) { .about_22 .img-list li .m3lien .m4fu { top: 0px; opacity: 0; }

  .about_22 .img-list { width: 100%; }

  .about_22 .img-list li { width: 3%; margin-right: .5%; } }



@media screen and (max-width: 768px) { .about_22 .img-scroll { margin-top: 20px; }

  .about_22 .img-list li { width: 4.5%; margin-right: 1%; } }



@media screen and (max-width: 400px) { .about_22 .img-list li { width: 10%; margin-right: .487%; } }



/*==========new1==================*/

.new1 .fwp { padding-bottom: 63px; 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: 389px; max-height: 317px; width: 100%; margin: 0 auto; border: 1px solid #c3c3c3; }



.new1 .zi { padding-left: 435px; min-height: 317px; padding-right: 0px; }



.new1 .zi .time { margin-top: 12px; padding-bottom: 12px; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #666666; }



.new1 .zi .title { font-size: 20px; font-size: 2rem; padding-top: 32px; color: #000; display: block; line-height: 32px; font-family: "OPENSANSBOLD"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.new1 .zi .p { display: block; max-height: 90px; overflow: hidden; margin-bottom: 37px; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; }



.new1 .zi .more { display: block; font-size: 21px; font-size: 2.1rem; line-height: 34px; text-align: left; color: #0B5181; }



.new1 .zi .title:hover { color: #0B5181; }



.new1 .zi .p:hover { color: #0B5181; }



@media screen and (max-width: 700px) { .new1 .fwp { padding-bottom: 30px; }

  .new1 .swp { position: relative; top: 0; left: 0; padding: 0px; }

  .new1 .zi { padding-left: 0px; min-height: 100%; padding-right: 0px; }

  .new1 .zi .time { padding-bottom: 0px; padding-top: 0px; margin-top: 0px; }

  .new1 .zi .title { padding-top: 10px; font-size: 16px; font-size: 1.6rem; }

  .new1 .zi .p { margin-bottom: 10px; font-size: 14px; font-size: 1.4rem; }

  .new1 .zi .more { font-size: 16px; font-size: 1.6rem; }

  .new1 .zi .time { font-size: 14px; font-size: 1.4rem; } }



/*==========news==================*/

.news { position: relative; }



.news .title1 { text-align: center; }



.news .title1 h1 { font-size: 20px; font-size: 2rem; font-family: "OPENSANSBOLD"; color: #333333; }



.news .time { text-align: center; margin-top: 5px; margin-bottom: 11px; }



.news .time span.sapn1 { font-size: 16px; font-size: 1.6rem; color: #666666; font-weight: normal; display: inline-block; line-height: 26px; height: 26px; }



.news .share1 { position: relative; display: block; width: 240px; margin: 0 auto; }



.news .share1 .span { font-size: 16px; font-size: 1.6rem; color: #0B5181; height: 31px; line-height: 27px; }



.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: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-top: 20px; margin-bottom: 30px; }



.news .news2x a { color: #0B5181; line-height: 30px; }



.news .news2x img { display: block; max-width: 100%; }



.news .news2x iframe { display: block; max-width: 100%; margin: 0 auto; }



.news .news2x .table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }



.news .news2x .table table tr td { padding: 3px; border: 1px solid #ccc; }



@media screen and (max-width: 1000px) { .news .news2x .table { width: 100%; overflow: scroll; }

  .news .news2x .table table { width: 885px; } }



.news .news3x { font-size: 14px; font-size: 1.4rem; color: #333333; line-height: 30px; margin-top: 20px; margin-bottom: 30px; }



.news .news3x a { color: #0B5181; line-height: 30px; }



.news .news3x img { display: block; max-width: 100%; }



.news .news3x iframe { display: block; max-width: 100%; margin: 0 auto; }



.news .news3x .table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }



.news .news3x .table table tr td { padding: 3px; border: 1px solid #ccc; }



@media screen and (max-width: 1000px) { .news .news3x .table { width: 100%; overflow: scroll; }

  .news .news3x .table table { width: 885px; } }



.news .updown { margin-top: 20px; padding-top: 40px; border-top: 1px dashed #808080; padding-bottom: 87px; }



.news .updown .up { margin-top: 0px; margin-bottom: 13px; }



.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: 7px; margin-right: 5px; }



.news .updown p .on { color: #0B5181; }



.news .updown p span { display: inline-block; border: 1px solid #0a0a0a; width: 79px; height: 24px; line-height: 24px; margin-right: 10px; text-align: center; font-size: 14px; font-size: 1.4rem; color: #333; }



.news .updown p a { font-size: 16px; font-size: 1.6rem; color: #333; }



.news .updown p a:hover { color: #0B5181; }



@media screen and (max-width: 768px) { .news .title1 h1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; } }



.vi_ul1 { padding-bottom: 10px; }



.vi_ul1 li { width: 554px; margin-bottom: 23px; }



.vi_ul1 .wen { line-height: 30px; margin-top: 9px; font-size: 16px; font-size: 1.6rem; color: #333; font-family: "OPENSANSBOLD"; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.vi_ul1 .litop { position: relative; padding-bottom: 68%; height: 0; overflow: hidden; }



.vi_ul1 .litop iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }



.vi_ul1 .litop iframe body { margin: 0px !important; }



@media screen and (max-width: 1219px) { .vi_ul1 li { width: 48%; } }



@media screen and (max-width: 999px) { .vi_ul1 li { width: 48%; margin-bottom: 20px; } }



@media screen and (max-width: 768px) { .vi_ul1 { background: none; margin-bottom: 30px; margin-top: 30px; }

  .vi_ul1 .wen { margin-top: 10px; font-size: 14px; font-size: 1.4rem; line-height: 30px; } }



/* =================================download================================= */

.download ul li { margin-bottom: 45.5px; padding-bottom: 41px; border-bottom: 1px dashed #c6c6c6; }



.download ul li .limg { width: 64px; }



.download ul li .limg a { display: block; }



.download ul li .limg a img { max-width: 100%; display: block; max-height: 100%; }



.download ul li .ltxt { width: 950px; margin-left: 20px; }



.download ul li .ltxt .txttop { margin-top: -5px; margin-bottom: 8px; }



.download ul li .ltxt .txttop a { display: block; font-size: 18px; font-size: 1.8rem; color: #333; font-family: "OPENSANSBOLD"; }



.download ul li .ltxt .txttop a:hover { color: #0B5181; }



.download ul li .ltxt .txtbot a { display: block; font-size: 14px; font-size: 1.4rem; color: #333333; line-height: 30px; }



.download ul li .ltxt .txtbot a:hover { color: #0B5181; }



.download ul li .rdown { margin-top: 20px; }



.download ul li .rdown a { font-size: 14px; font-size: 1.4rem; color: #fff; display: block; width: 140px; height: 40px; line-height: 40px; border: 1px solid #0B5181; background: #fff url(/img/download2.png) no-repeat 20px center; color: #0B5181; text-indent: 50px; }



.download ul li .rdown a:hover { background: #0B5181 url(/img/download1.png) no-repeat 20px center; color: #fff; }



@media screen and (max-width: 1219px) { .download ul li .ltxt { width: 700px; } }



@media screen and (max-width: 979px) { .download ul li .ltxt { width: -webkit-calc(100% - 260px); width: -moz-calc(100% - 260px); width: calc(100% - 260px); } }



@media screen and (max-width: 639px) { .download ul li .ltxt { width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px); width: calc(100% - 0px); margin-left: 0; margin-top: 30px; } }



/*==========technical==================*/

.technical { padding-bottom: 44px; }



.technical .title { color: #333333; margin-bottom: 12px; padding-left: 30px; background: url(/img/title.png) no-repeat left center; font-size: 24px; font-size: 2.4rem; line-height: 30px; font-family: "OPENSANSBOLD"; }



.technical .title2 { font-size: 14px; font-size: 1.4rem; line-height: 30px; }



.technical .te_div { border-bottom: 1px dashed #b8d1ec; padding-bottom: 18px; margin-bottom: 30px; }



.technical p { line-height: 30px; font-size: 14px; font-size: 1.4rem; padding-left: 17px; background: url(/img/technical.png) no-repeat left 10px; }



.technical p span { display: inline-block; margin-right: 41px; }



.technical p i { font-style: normal; color: #0B5181; }



.technical .te_div:last-child { border: 0px; }



.technical .te_div a { color: #0B5181; line-height: 24px; color: #0B5181; }



.technical .te_div img { display: block; max-width: 100%; }



.technical .te_div iframe { display: block; max-width: 100%; margin: 0 auto; }



.technical .te_div .table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }



.technical .te_div .table table tr td { padding: 3px; border: 1px solid #ccc; }



.technical .te_div table tr:nth-child(odd) { background: #ccc; }



.technical .te_div table tr:nth-child(even) { background: #ccc; }



.technical .te_div table tr:nth-of-type(1) { background: #ccc; }



.technical .te_div table tr:first-child td { background: #ccc; }



@media screen and (max-width: 1000px) { .technical .te_div .table { width: 100%; overflow: scroll; }

  .technical .te_div .table table { width: 885px; } }



/* contact */

/* contact_top */

.contact_top1 { -moz-border-radius: 8px; border-radius: 8px; padding-bottom: 17px; background: #f7f7f7 url(/img/conleft1.png) no-repeat left top; }



/* c_left */

.c_left { width: 465px; padding-top: 30px; -moz-border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px; }



.c_left_wrap { width: 374px; margin: 0 auto; }



.c_left_wrap .c_title11 { padding-bottom: 45px; color: #fff; font-family: "OPENSANSBOLD"; line-height: 24px; }



.c_left_wrap .c_titl311 { color: #fff; padding-bottom: 6px; }



.c_left_wrap .c_tiyl { margin-bottom: 27px; }



.c_left_wrap .c_tiyl a { display: block; font-family: "OPENSANSBOLD"; color: #fff; line-height: 24px; }



.c_left_wrap .c_tiyl47 { display: block; font-family: "OPENSANSBOLD"; color: #fff; line-height: 24px; }



.c_left_wrap .c_tiyl4 { font-family: "OPENSANSBOLD"; color: #fff; }



.c_left_wrap .c_tiyl { font-family: "OPENSANSBOLD"; color: #fff; }



.c_left_wrap .c_tiyl a:hover { color: #0B5181; }



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



@media screen and (max-width: 999px) { .contact_top1 { background: #f7f7f7; margin-top: 20px; }

  .c_left { background: url(/img/conleft1.png) no-repeat left top; float: none; width: 95%; margin: 0 auto; max-width: 399px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 20px; padding-bottom: 20px; padding-top: 20px; }

  .c_left_wrap { width: 90%; }

  .c_left_wrap .c_title11 { padding-bottom: 20px; } }



@media screen and (max-width: 419px) { .c_left_wrap .c_tiyl { margin-bottom: 15px; } }



/* c_right */

.c_right1 { float: right; width: 47%; margin-right: 84px; }



.c_right1 .c_title2 { padding-top: 23px; padding-left: 14px; line-height: 30px; font-family: "OPENSANSBOLD"; font-size: 24px; font-size: 2.4rem; color: #0B5181; text-transform: uppercase; padding-bottom: 3px; }



.c_right1 .c_xp { padding-top: 13px; }



.c_right1 .c_bt { width: 14px; float: left; color: #ff0000; font-family: Verdana; line-height: 36px; height: 36px; font-size: 14px; font-size: 1.4rem; }



.c_right1 .c_div1 { padding-bottom: 18px; }



.c_right1 .c_div2 { padding-bottom: 20px; }



.c_right1 .c_div3 { padding-bottom: 20px; }



.c_right1 .c_div4 { padding-top: 2px; margin-bottom: 5px; }



.c_right1 .c_input111 { float: left; line-height: 35px; height: 35px; font-size: 14px; font-size: 1.4rem; text-indent: 14px; color: #666666; width: 547px; border: solid 1px #cccccc; background: #fff; }



.c_right1 .c_textarea { font-family: Arial; float: left; font-size: 14px; font-size: 1.4rem; text-indent: 14px; color: #666666; width: 544px; border: solid 1px #cccccc; line-height: 26px; padding-top: 1px; height: 211px; background: #fff; }



.c_right1 .c_captcha { font-size: 14px; font-size: 1.4rem; background: #fff; width: 154px; float: left; line-height: 35px; height: 35px; text-indent: 9px; color: #666666; border: solid 1px #cccccc; }



.c_right1 .c_yzm { float: left; margin-left: 19px; cursor: pointer; }



.c_right1 .c_send { float: right; text-align: center; color: #fff; background: #333333; width: 181px; height: 37px; font-family: "OPENSANSBOLD"; line-height: 35px; font-size: 14px; font-size: 1.4rem; cursor: pointer; }



@media screen and (max-width: 1219px) { .c_right1 { margin-right: 10px; }

  .c_right1 .c_left { width: 399px; }

  .c_right1 .c_div1, .c_right1 .c_div2, .c_right1 .c_div3 { padding-bottom: 16px; }

  .c_right1 .c_input111 { width: 95%; }

  .c_right1 .c_textarea { width: 95%; }

  .c_right1 .c_send { width: 116px; } }



@media screen and (max-width: 999px) { .c_right1 { float: none; width: 95%; margin: 0 auto; margin-top: 20px; }

  .c_right1 .c_title2 { padding-top: 0px; }

  .c_right1 .c_send { width: 95%; margin-left: 14px; margin-top: 15px; float: left; } }



@media screen and (max-width: 419px) { .c_right1 .c_input111 { width: 90%; }

  .c_right1 .c_textarea { width: 90%; }

  .c_right1 .c_send { width: 90%; }

  .c_right1 .c_captcha { width: 90%; margin-bottom: 20px; }

  .c_right1 .c_yzm { margin-left: 12px; } }



.map { margin: 50px auto 100px; }



.map img { display: block; max-width: 1200px; max-height: 381px; width: 100%; }



@media screen and (max-width: 999px) { .map { margin: 20px auto 20px; } }



/*==========appliation==================*/

.appliation { padding-bottom: 90px; }



.appliation .title { font-size: 36px; font-size: 3.6rem; font-family: "OPENSANSBOLD"; text-align: center; line-height: 36px; margin-bottom: 20px; color: #1e5998; }



.appliation .title2 { text-align: center; color: #221815; line-height: 24px; }



@media screen and (max-width: 768px) { .appliation { padding-bottom: 50px; }

  .appliation .title { font-size: 30px; font-size: 3rem; } }



.zhanshi_tp2 { position: relative; width: 1002px; margin: auto; margin-top: 34px; margin-bottom: 4px; height: 666px; }



.zhanshi_tp2 .ulBigPic { width: 797px; height: 526px; margin-left: 104px; overflow: hidden; }



.zhanshi_tp2 .ulBigPic li { width: 797px; height: 526px; display: none; position: relative; }



.abfu { position: absolute; width: 100%; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; line-height: 44px; bottom: 0px; left: 0px; background: #000; background: rgba(0, 0, 0, 0.6); font-family: Tahoma, Geneva, sans-serif; }



.zhanshi_tp2 .ulBigPic .liSelected { display: block; }



.zhanshi_tp2 .ulBigPic img { width: 797px; height: 526px; }



.zhanshi_tp2 .sLeftBtnA, .zhanshi_tp2 .sLeftBtnASel, .zhanshi_tp2 .sLeftBtnABan, .zhanshi_tp2 .sRightBtnA, .zhanshi_tp2 .sRightBtnASel, .zhanshi_tp2 .sRightBtnABan { width: 40px; height: 78px; display: block; position: absolute; top: 224px; }



.zhanshi_tp2 .sLeftBtnA, .zhanshi_tp2 .sLeftBtnASel, .zhanshi_tp2 .sRightBtnA, .zhanshi_tp2 .sRightBtnASel { cursor: pointer; }



.zhanshi_tp2 .sLeftBtnA, .zhanshi_tp2 .sLeftBtnASel, .zhanshi_tp2 .sLeftBtnABan { left: 0px; background: url(/img/quleft.jpg); }



.zhanshi_tp2 .sRightBtnA, .zhanshi_tp2 .sRightBtnASel, .zhanshi_tp2 .sRightBtnABan { right: 0px; background: url(/img/quright.jpg); }



.zhanshi_tp2 .dSmallPicBox { width: 1002px; height: 117px; position: relative; margin-top: 24px; }



.zhanshi_tp2 .dSmallPic { width: 799px; height: 117px; position: absolute; left: 104px; top: 0px; overflow: hidden; }



.zhanshi_tp2 .dSmallPic ul { position: absolute; }



.zhanshi_tp2 .dSmallPic li { width: 177px; height: 117px; float: left; display: block; cursor: pointer; overflow: hidden; margin-right: 30px; }



.zhanshi_tp2 .dSmallPic .sPic { width: 177px; height: 117px; display: block; }



.zhanshi_tp2 .dSmallPic .sPic img { width: 175px; height: 115px; border: 1px solid #f5f5f5; }



.zhanshi_tp2 .dSmallPic .sPic img:hover { border: 1px solid #fff; }



.zhanshi_tp2 .sLeftBtnB, .zhanshi_tp2 .sLeftBtnBSel, .zhanshi_tp2 .sLeftBtnBBan, .zhanshi_tp2 .sRightBtnB, .zhanshi_tp2 .sRightBtnBSel, .zhanshi_tp2 .sRightBtnBBan { cursor: pointer; width: 34px; height: 34px; display: block; position: absolute; top: 41px; }



.zhanshi_tp2 .sLeftBtnB, .zhanshi_tp2 .sLeftBtnBSel, .zhanshi_tp2 .sRightBtnB, .zhanshi_tp2 .sRightBtnBSel { cursor: pointer; }



.zhanshi_tp2 .sRightBtnB, .zhanshi_tp2 .sRightBtnBSel, .zhanshi_tp2 .sRightBtnBBan { right: 40px; background: url(/img/qubright.jpg) no-repeat center; }



.zhanshi_tp2 .sRightBtnB, .zhanshi_tp2 .sRightBtnBSel, .zhanshi_tp2 .sRightBtnBBan:hover { right: 40px; background: url(/img/qubrighth.jpg) no-repeat center; }



.zhanshi_tp2 .sLeftBtnB, .zhanshi_tp2 .sLeftBtnBSel, .zhanshi_tp2 .sLeftBtnBBan { left: 40px; background: url(/img/qubleft.jpg) no-repeat center; }



.zhanshi_tp2 .sLeftBtnB, .zhanshi_tp2 .sLeftBtnBSel, .zhanshi_tp2 .sLeftBtnBBan:hover { left: 40px; background: url(/img/qublefth.jpg) no-repeat center; }



.gongchang2 { display: none; }



@media screen and (max-width: 1319px) { .zhanshi_tp2 { width: 980px; }

  .zhanshi_tp2 .ulBigPic { margin-left: 94px; }

  .zhanshi_tp2 .dSmallPicBox { width: 980px; }

  .zhanshi_tp2 .dSmallPic { left: 94px; } }



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

  .gongchang2 { width: 100%; display: block; }

  .gonglie2 { display: block; width: 31%; float: left; margin-left: 1%; margin-right: 1%; margin-top: 30px; }

  .gongtu2 img { width: 100%; max-width: 797px; max-height: 526px; }

  .gongzi2 { display: block; text-align: center; line-height: 30px; margin-top: 5px; } }



@media screen and (max-width: 639px) { .gonglie2 { display: block; width: 45%; float: left; margin-left: 2.5%; margin-right: 2.5%; margin-top: 30px; }

  .wenav a { width: 135px; font-size: 12px; font-size: 1.2rem; font-weight: normal; margin: 0 2px; } }



/*==========m3_ul2==================*/

.m3_ul2 li { width: 48%; margin-bottom: 65px; }



.m3_ul2 li:hover { color: #0B5181; }



.m3_ul2 .m3_wrao { position: relative; min-height: 266px; padding-left: 332px; }



.m3_ul2 .m3_wrao .img { position: absolute; left: 0px; top: 0px; max-width: 299px; width: 100%; margin: 0 auto; }



.m3_ul2 .ntitle3 { display: block; margin-top: 38px; font-size: 16px; font-size: 1.6rem; font-family: "OPENSANSBOLD"; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.m3_ul2 .time { margin-top: 6px; margin-bottom: 12px; color: #828282; font-size: 14px; font-size: 1.4rem; padding-left: 23px; background: url(/img/time.png) no-repeat left center; }



.m3_ul2 p { margin-top: 16px; font-size: 14px; font-size: 1.4rem; line-height: 24px; }



.m3_ul2 p a { color: #999999; display: block; max-height: 72px; overflow: hidden; }



.m3_ul2 .more { margin-top: 46px; display: block; width: 112px; height: 32px; line-height: 32px; text-align: center; text-transform: uppercase; font-size: 14px; font-size: 1.4rem; border: 1px solid #0B5181; color: #fff; background: #0B5181; -moz-border-radius: 50px; border-radius: 50px; }



.m3_ul2 .more:hover { color: #0B5181; background: #fff; }



@media screen and (max-width: 999px) { .m3_ul2 li { width: 100%; margin: 0 auto; float: none; margin-bottom: 20px; } }



@media screen and (max-width: 768px) { .m3_ul2 .ntitle3 { margin-top: 10px; }

  .m3_ul2 p { margin-top: 10px; }

  .m3_ul2 .m3_wrao { padding: 0px; }

  .m3_ul2 .m3_wrao .img { position: relative; display: block; margin: 0 auto; }

  .m3_ul2 .more { float: none; margin-top: 10px; } }



/************* cover *************/

.cover { background: #000; background: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99999999999999999; display: none; }



.covern { background: #fff; width: 421px; margin: 0 auto; position: relative; padding-top: 30px; padding-bottom: 37px; top: 200px; }



.guanbi { position: absolute; top: 13px; right: 14px; cursor: pointer; }



.covernr { padding-left: 15px; padding-right: 28px; }



.if { color: #0B5181; text-align: center; font-size: 30px; font-size: 3rem; font-family: "OPENSANSBOLD"; text-transform: uppercase; line-height: 24px; margin-bottom: 31px; }



.cover form { margin-top: 45px; font-family: "OPENSANSREGULAR_0"; }



.cover .c_div { margin-top: 0px; margin-bottom: 8px; }



.cover .c_div2 { margin-top: 8px; }



.cover .c_nr { padding-left: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



.cover .c_nr2 { padding-left: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



.cover .xing { background: url(/img/dxing.png) no-repeat left 14px; }



.cover .c_div_l { padding-left: 8px; background: url(/img/dxing.png) no-repeat left 14px; }



.cover .c_input, .cover .c_captcha { font-size: 14px; font-size: 1.4rem; color: #666666; height: 38px; line-height: 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



.cover .c-span { width: 18px; display: block; height: 38px; line-height: 38px; font-size: 14px; font-size: 1.4rem; color: #666666; text-indent: 1px; }



.cover .c_input { width: 100%; padding-left: 35px; display: block; background-color: rgba(255, 255, 255, 0.8); font-family: "OPENSANSREGULAR_0"; }



.cover .c_textarea { font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 38px; font-family: "OPENSANSREGULAR_0"; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f2f2f2 url(/img/xp-icon5.png) no-repeat left top; padding-left: 35px; width: 100%; height: 124px; }



.cover .c_yzm { display: block; float: left; cursor: pointer; }



.cover .c_captcha { display: block; float: left; padding-left: 13px; width: 131px; margin-right: 10px; background: #f2f2f2; }



.cover .c_send { float: right; width: 130px; background: #0B5181; color: #fff; height: 38px; font-family: "OPENSANSBOLD"; font-size: 14px; font-size: 1.4rem; text-transform: uppercase; line-height: 36px; cursor: pointer; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }



.cover .c_send:hover { background: #aaa; }



.cover .c_xpbg1 .c_input { display: block; background: #f2f2f2 url(/img/xp-icon1.png) no-repeat left top; }



.cover .c_xpbg2 .c_input { display: block; background: #f2f2f2 url(/img/xp-icon2.png) no-repeat left top; }



@media screen and (max-width: 768px) { .covern { width: 90%; }

  .covernr { padding-left: 30px; padding-right: 30px; } }



@media screen and (max-width: 520px) { .covern { width: 98%; top: 50px; }

  .cover .c_captcha { width: 129px; }

  .cover .c_send { width: 100%; margin-top: 10px; }

  .covernr { padding-left: 20px; padding-right: 20px; } }



/*==========appliation==================*/



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

m1_title3 {

    margin-top: 65px;

    margin-bottom: 6px;

    font-size: 40px;

    font-size: 4rem;

    line-height: 40px;

    text-transform: uppercase;

    font-family: "OPENSANSBOLD";

    text-align: center;

}.m1_title4 {

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 30px;

    text-align: center;

    margin-bottom: 26px;

}











.s {

    float: left;

    width: 3px;

    text-align: center;

    color: #d4d4d4;

    font-size: 12px;

    margin-top: 20px;

}









.main1 {

	background: url(/img/aboutbj.jpg) repeat;

	padding-top: 89px; padding-bottom:59px；

		

	background-size: cover;background-attachment: fixed;	

	padding-bottom: 70px

		

		

}

.main1 .syabout {

	float: left;

	width: 570px;

	overflow: hidden

}

.main1 .syabout p a {

	display: block;

	color: #333333;

	font-size: 14px;

	font-size: 1.4rem

}

.main1 .syabout p a:hover { color:#aa5e24

}

.main1 .syabout p {

	line-height: 30px;

	margin-bottom: 30px

}

.main1 .syabout .biaoti {

	background: url(../img/aboutsy_sg.png) no-repeat left top;

	line-height: 54px;

	padding-top: 9px;

	padding-bottom: 10px;

	margin-bottom: 46px

}

.main1 .syabout .biaoti a {

	color: #4d4d4d

}

.main1 .syabout .biaoti a span {

	color: #aa5e24

}

.main1 .syabout .gendo {

	border: #aa5e24 solid 2px;

	width: 179px;

	height: 35px;

	display: inline-block;

	text-align: center;

	line-height: 35px;

	color: #aa5e24;

	border-radius: 5px;

	float: right;

	margin-right: 14px;

	margin-top: 36px

}

.main1 .syabout .gendo:hover {

	background: #aa5e24;

	color: #fff

}

.syab_img {

	float: right;

	width: 600px; margin-top:8px

}

.syab_img img {

	display: block;

	width: 100%;

	max-width: 600px;

	margin-left: auto;

	margin-right: auto

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.main1 .syabout {

	float: left;

	width: 47.5%;

	overflow: hidden

}

.syab_img {

	float: right;

	width: 50%;

}

}

 @media screen and (max-width:999px) {

.main1 .syabout {

	float: left;

	width: 47.5%;

	overflow: hidden

}

.syab_img {

	float: right;

	width: 50%;

	margin-top: 2rem;

}

.main1 .syabout .gendo {

	margin-top: 1rem

}

.main1 .syabout p {

	line-height: 30px;

	margin-bottom: 1rem

}

.main1 .syabout .biaoti {

	margin-bottom: 2rem

}

.main1{ padding-top:2rem; padding-bottom:2rem}

}

@media screen and (max-width:900px) {

.main1 .syabout {

	float: none;

	width: 100%;

	overflow: hidden

}

.syab_img {

	float: none;

	width: 100%;

	margin-top: 2rem;

}

}

.wpk {

    width: 1200px;

    margin: auto;

	padding-bottom: 80px;

	    background: rgba(255,255,255,.7);

    padding: 10px;

	box-shadow: 0 0 15px #ccc;

	    border-radius: 5px;

}





.bt {

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	text-transform: uppercase;

    font-weight: bold;

    font-size: 40px;

height:40px;

	margin-top: 20px;

	color:#B28950;

	

}