@charset "utf-8";
a:hover,a:focus{ text-decoration: none;}
* {margin: 0; padding: 0;}
/*.part1{ background: url(img/bg.jpg) no-repeat right top; height:960px; width: 100%; min-width: 1200px;}*/
.part1{ min-width: 1200px;position: relative}
.part1 .container{ position: absolute;top:0; left:50%; margin-left: -585px;}
.part1 .container ul{ }
.wrap{ min-width: 1200px; margin-left: 214px; }
.nav{ width:215px; position: fixed; left: 0; top:0; height: 100%; background: url(img/jb.jpg) repeat-x;z-index: 9999999999; box-shadow: 0 5px 15px #000;}
.nav ul{position: absolute; top:140px; width: 100%; }
.nav ul li{ font-size: 20px; margin-bottom: 20px; text-align: center; cursor: pointer;}
.nav ul li.on{ margin-left:36px; background: url(img/circle.png) no-repeat left center; }
.nav ul li a{ color: #fff;}
.ewm{position: absolute; bottom:5%;left: 50%; margin-left: -76.5px; }
.part2{ background: #f3f1f1;}
.part2 .list1 li{ line-height: 44px; text-align: center;}
.part2 .list1 a.title {font-size: 30px; color:#333333;}
.part2 .list1 .intro a{ font-size:18px; color:#787878; margin-right: 10px;}
.part2 .lm1{ margin-top: 82px;}
.part2 .list6{ margin-left: 0;}
.part2 .list6 li{ list-style: none; text-indent: 0; line-height: 45px; font-size: 17px;}
.part2 .list6 li span{color:#d50000;}
.part2 .lm2,.part2 .lm3{margin-bottom: 30px;}
.part2 .lm4{ margin-top: 68px; margin-bottom: 55px;}
.list126 li{ position: absolute; top:0; left:0;}
.list126 li img{ width:100%; height:auto;}
.list126 li a.title{ font-size:16px; line-height:2em;}
.list126{ height: 328px; position: relative;}
.list126 .initSize { width: 584px; height: 328px;}
.list126 a.btn3dPrev{ background: url(img/lm4_prev.png) no-repeat;height: 79px; width: 45px; left:292px;display: block; text-indent: -9999px; position: absolute; top:500%; z-index:1000;}
.list126 a.btn3dNext{background: url(img/lm4_next.png) no-repeat;height: 79px; width: 45px; right:292px; display: block; text-indent: -9999px; position: absolute; top:500%; z-index:1000;}
.part3 .lm5{ text-align: center; margin-top: 54px; margin-bottom: 59px;}
.part3 .lm6 ul{ background: url(img/hengline.png) no-repeat center center; width: 100% ; height: 2px; position: relative;}
.part3 .lm6 ul li{ background: url(img/hd_circle.png) no-repeat center center; width: 24px; height: 24px; position: absolute;}
.part3 .lm6 ul li.on{background: url(img/hd_circle_hover.png) no-repeat center center;}
.part3 .lm6 ul li.first{left:171px; top:-11px;}
.part3 .lm6 ul li.sec{left:572px; top:-11px;}
.part3 .lm6 ul li.third{right:177px; top:-11px;}
.part3 .span4{ width: 370px;}
.part3 .lm7 p{ font-size: 20px; color:#236eff; text-align: center; line-height:50px; font-family:'幼圆'; font-weight:bold;}
.part3 .lm7 ul{ background: #f2f2f2;padding: 15px 22px; height: 422px;overflow-y: scroll;}
.part3 .lm7 ul li{ margin-bottom: 7px;}
.part3 .lm7 ul li span{ display: block;}
.part3 .lm7 ul li .left{ color:#242424; font-size: 18px; margin-right: 20px; }
.part3 .lm7 ul li .right{ color:#929292; font-size: 16px; }
.part3 .lm7.on ul{ border:1px solid #6f9cf3; box-shadow:0px 0px 15px #eaeaea ;}
.part3 .lm7.on ul .left{ color:#236eff;}
.part3 .lm22{ text-align: center; margin-top: 35px; margin-bottom: 59px;}
.part3 .lm23 ul li{ width: 49%; margin-right: 2%; float: left;position: relative; }
.part3 .lm23 ul li.noLeftGap{ margin-right: 0}
.part3 .lm23 ul li .left{ width: 50%; float: left;}
.part3 .lm23 ul li .left span{ position: absolute; left:0; top:0; font-size: 16px; color:#fff; width: 88px;height:26px; background: #236eff; line-height: 26px; text-align: center;}
.part3 .lm23 ul li .right{width: 50%; float: left; background: #f2f2f2;height:100%; margin-left: -2px; }
.part3 .lm23 ul li .right p{ line-height: 26px; padding: 10px;}
.part3 .lm23 ul li .right p a{ font-size:16px; color:#242424}
.part4 .lm8{ text-align: center; margin-top: 91px;}
.part4 .lm9{ margin-top:30px;}
.right:hover{text-decoration:underline;}
.part4 .lm9 .list128 a.btnPrev,.part4 .lm9 .list128 a.btnNext { display: block; background: #558fb9; padding: 0 2px; color: #fff; text-decoration: none; position: absolute;}
.part4 .lm9 .list128 a.btnNext { position: absolute; bottom: 100px; right:5px;}
.part4 .lm9 .list128 a.btnPrev { position: absolute; bottom: 100px; left:5px;}
.part4 .lm9 .list128 li.cur{ border-top:solid 4px #ff0;}
.part4 .lm9 .list128 li.noLeftGap { margin-left: 0;}
.part4 .lm9 .list128{ position: relative; overflow: hidden;}
.part4 .lm9 .list128 .panel{ height:490px; position: relative; overflow: hidden;bottom:0; width:100%;}
.part4 .lm9 .list128 ul{ height: 490px; position: absolute; left:0; width:10000px;}
.part4 .lm9 .list128 ul li{ width:312px;border:1px solid #e8e8e8; position: relative; height: 422px; margin-top: 66px; margin-right: 68px; float: left; }
.part4 .lm9 .list128 a.btnPrev, .part4 .lm9 .list128 a.btnNext{ background: none;top:50%; margin-top: -26.5px; bottom:auto; }
.part4 .lm9 .list128 .thumbTank{ left:4%; width: 94%; height: 490px; margin: 0 auto; overflow: hidden; position: absolute; }
.part4 .lm9 .list128 .tx{ position: absolute; left:0; top:-67px; width: 128px; z-index: 99;}
.part4 .lm9 .list128 .mb{ position: absolute; left:0; top:-67px; width: 128px; z-index: 999;}
.part4 .lm9 .list128 .up{ background: url(img/lm9bg.png) no-repeat left top; height: 222px; position: relative; }
.part4 .lm9 .list128 p.name{ color:#242424; font-size: 18px; margin-left: 146px;padding-top: 10px; margin-bottom: 28px;}
.part4 .lm9 .list128 p.name span{color:#242424; font-size: 23px; margin-left: 10px;}
.part4 .lm9 .list128 p.js{ color: #000; font-size: 16px; width: 259px; margin: 0 auto; text-align:justify; text-justify:inter-ideograph;}
.part4 .lm9 .list128 .dh{ margin-bottom: 7px; position: absolute; bottom:5px;right:0}
.part4 .lm9 .list128 .dh_content{ background: url(img/lm9_jb.png) repeat-x; height: 192px; width: 100%; position: relative}
.part4 .lm9 .list128 .dh_z{ position: absolute; left:25px; top:10px; width: 15px; height: 11px;}
.part4 .lm9 .list128 .dh_y{ position: absolute; right:25px; bottom:10px; width: 15px; height: 11px;}
.part4 .lm9 .list128 .dh_content p{ color:#fff; font-size: 18px; width:285px; margin: 0 auto; padding-top: 42px; font-family:"妤蜂綋"; text-align: left;text-align:justify; text-justify:inter-ideograph; }
.part5{ background:#eff0f1;margin-top: 44px; }
.part5 .lm10{ text-align: center; margin-top: 24px;}
.part5 .lm11{padding-bottom: 5px;}
.part5 .lm11 .jb{ margin-top: 26px;}
.part5 .lm11 .list29 ul li{ width: 185px; margin-right: 0; text-align: center;}
.part5 .lm11 .list29 ul li img{ width: 98px; margin-top: 26px; margin-bottom: 20px;}
.part5 .list29 .panel{ height: 242px;}
.part5 .list29 .thumbTank{ height: 242px; left: 2.5%;width: 95%;}
.part5 .list29 { position: relative; overflow: hidden;}
.part5 .list29 .panel{ position: relative; bottom:0; width:100%;}
.part5 .list29 li { position: static;}
.part5 .list29 .thumbTank { margin: 0 auto; overflow: hidden; position: absolute;}
.part5 .list29 ul{ position: absolute; left:0; width:10000px; height: 242px;}
.part5 .list29 ul li{ float: left; height: 242px;}
.part5 .list29 a.btnPrev,.list29 a.btnNext { display: block; padding: 0 2px; color: #fff; text-decoration: none;}
.part5 .list29 a.btnNext { position: absolute; right:5px;}
.part5 .list29 a.btnPrev { position: absolute; left:5px;}
.part5 .list29 li.cur{ border-top:solid 4px #ff0;}
.part5 .list29 li.noLeftGap { margin-left: 0;}
.part5 .list29 a.btnPrev, .list29 a.btnNext{ background: none;top:50%; margin-top: -26.5px; bottom:auto;}
.part5 .list29 li + li { margin-right: 2%;}
.part5 .list29 .jiyu{ background: url(img/lm10_bg.png) no-repeat; height: 242px;}
.part5 .list29 .jiyu .name{ height: 47px; line-height: 58px; font-size: 18px; color:#242424; border-bottom:1px solid #d8d9da; width: 135px; margin: 0 auto; margin-top: 14px; text-align: left;padding-left: 15px;}
.part5 .list29 .jiyu .text{ font-size: 12px; color:#242424; width: 117px; margin: 0 auto;text-align: left;text-align:justify; text-justify:inter-ideograph; line-height: 23px;}
.part5 .lm11 .list29 ul li{ width: 185px; margin-right: 0; text-align: center;}
.part5 .lm11 .list29 ul li .mb{ width: 98px; position: relative; margin: 26px auto 20px auto;}
.part5 .lm11 .list29 ul li .mb .mb_pic{position: absolute; left:0; top:0;}
.part8{background:#f2f3f3 url(img/book.jpg) no-repeat bottom right;}
.part8 .lm16{ text-align: center; margin-top: 46px; margin-bottom: 46px;}
.part8 .list130{ margin-bottom: 91px;}
.part8 .list130 .panel{ height: 232px;}
.part8 .list130 .thumbTank{ height: 232px; left: 0;width: 100%;}
.part8 .list130 { position: relative; overflow: hidden;}
.part8 .list130 .panel{ position: relative; bottom:0; width:100%; }
.part8 .list130 li { position: static; width: 232px; margin-right: 0; text-align: center;}
.part8 .list130 .thumbTank { margin: 0 auto; overflow: hidden; position: absolute;}
.part8 .list130 ul{ position: absolute; left:0; width:10000px; height: 232px;}
.part8 .list130 ul li{ float: left; width: 285px; margin-right: 10px; }
.part8 .list130 a.btnPrev,.part8 .list130 a.btnNext { display: block; color: #fff; text-decoration: none;}
.part8 .list130 a.btnNext { position: absolute; right:0px;}
.part8 .list130 a.btnPrev { position: absolute; left:0px;}
.part8 .list130 li.cur{ border-top:solid 4px #ff0;}
.part8 .list130 li.noLeftGap { margin-left: 0;}
.part8 .list130 a.btnPrev, .part8 .list130 a.btnNext{ background: none;top:66px; bottom:auto;}
.part8 .bot{ background: #fdb72f; position: relative; height: 72px;}
.part8 .bot .sj{ position: absolute; top:-8px; right:33px; }
.part8 .bot .name{ font-size: 18px; color:#242424; width: 96%;margin-left: 2%; text-align: center;}
.part8 .bot .zy{ font-size: 14px; color:#242424;width: 96%; text-align: center;margin-left: 2%;}
.part8 .bot p{ margin: 0; }
.list4 .carousel-control{ display: block;background:none;border:none; left:0; top:50%; margin-top: -40px;}
.carousel-control.right { right: 0px; left: auto;}
.list4{ margin-bottom: 100px;}
.list4 .carousel-indicators{ display: none;}
.item ul li{ width: 50%; margin: 0; float: left; position: relative;}
.item ul li div{ position: absolute; left:0; bottom:0;}
.item ul li img{ height: auto;}
.part8 .tit{ text-align: center; margin-bottom: 59px;}
.carousel-control img{ height: auto;}
.carousel-caption{ padding: 5px;}
.carousel-caption h4{ margin: 0;}
.part9{ margin-top: 28px; margin-bottom: 20px;}
.part9 .lm21{ margin-top: 30px; margin-bottom: 35px;}
.part9 ul li{ float: left; margin-right: 30px; font-size: 18px; color:#242424; margin-bottom: 25px;}
.part9 ul.ul li{ width: 325px;}
.part9 ul.pic li{ margin-bottom: 9px;}
.part6{ background: url(img/part6_bg.jpg) no-repeat right bottom;}
.part6 .lm24{ text-align: center; margin-top: 86px; margin-bottom: 56px;}
.part6 .lm25 .list25 li{ width: 25%; float: left;}
.part7 .lm26{ text-align: center; margin-top: 45px; margin-bottom: 38px;}
.part7 .lm27 ul{ padding: 0 83px; margin-bottom: 43px;}
.part7 .lm27 ul li{ float: left; width: 49%; margin-right: 1%; margin-bottom: 10px; position: relative;}
.part7 .lm27 ul li.noLeftGap{ margin-right: 0;}
.part7 .lm27 ul li .video{ position: absolute; right:10%; top:10%;}
.part7 .lm27 ul li p{ color:#fff; font-size: 16px; margin: 0; width: 95%; margin: 0 auto;}
/* Large desktop */
/* desktop */
@media (min-width:1589px) {
.container,#localNav,#channelNav{ width:1170px;}
.span12 {width: 1170px; }
.span11 {width: 1070px; }
.span10 {width: 970px; }
.span9 { width: 870px; }
.span8 { width: 770px; }
.span7 { width: 670px; }
.span6 { width: 570px; }
.span5 { width: 470px; }
.span4 {width: 352px; }
.span3 {width: 270px; }
.span2 {width: 170px; }
.span1 {width: 70px; }
li {line-height: 34px; }
.part1 ul{ width: 1004px; margin:48px auto 0 auto;}
.part1 ul>li{ float: left; font-size: 22px; color: #FFF; height: 43px; line-height: 43px; width: 19%; text-align: center; cursor: pointer; position: relative;}
.part1 ul>li span{ position: absolute; right: 0;}
.part1 ul>li.on{ background:url(img/menu_bg.png) no-repeat center center; color:#fff;}
.part1 ul>li span{ text-align: right;}
.part1 ul>li a{ color:#fff;}
.part1 ol{ margin-left: 0; display: none; padding-top: 15px;}
.part1 ol li{ text-align: center; line-height: 39px; }
.part1 ol li a{ color:#FFF; font-size: 18px; }
.part1 ol li.on a{ color:#ffd40c; }
.part5 .list29 .jiyu{ display: none;}
}
@media (max-width: 1590px) and ( min-width:768px){
.span12 {width: 1170px; }
.span11 {width: 1070px; }
.span10 {width: 970px; }
.span9 { width: 870px; }
.span8 { width: 770px; }
.span7 { width: 670px; }
.span6 { width: 570px; }
.span5 { width: 470px; }
.span4 {width: 352px; }
.span3 {width: 270px; }
.span2 {width: 170px; }
.span1 {width: 70px; }
li {line-height: 34px; }
.part1 ul{ width: 1004px; margin: 20px auto 0 auto;}
.part1 ul>li{ float: left; font-size: 22px; color: #FFF; height: 43px; line-height: 43px; width: 19%; text-align: center; cursor: pointer; position: relative;}
.part1 ul>li span{ position: absolute; right: 0;}
.part1 ul>li.on{ background:url(img/menu_bg.png) no-repeat center center; color:#fff;}
.part1 ul>li span{ text-align: right;}
.part1 ul>li a{ color:#fff;}
.part1 ol{ margin-left: 0; display: none; padding-top: 5px;}
.part1 ol li{ text-align: center; line-height: 39px; }
.part1 ol li a{ color:#FFF; font-size: 18px; }
.part1 ol li.on a{ color:#ffd40c; }
.part5 .list29 .jiyu{ display: none;}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.row{ margin-left: 2%; margin-right: 2%;}
body{ background-image:none;width: 100%;}
.container{ width: 100%; min-width: 100%;}
.wrap,.part1{margin-top: 0px; margin-left: 0; width: 100%; min-width: 100%;}
.part1{ position: static;}
.part1 .container{ width: 100%; position: static; top:auto; margin-left: 0;}
.part1 ul{ background: #1a4ef2; }
.part1 ul>li{width: 20%; float: left; font-size: 12px; text-align: center; color:#fff; position: relative; line-height:50px; cursor: pointer;}
.part1 ul>li>a{color:#fff; }
.part1 ul>li ol{ display:none;position: absolute; top:50px; left:0;background: #1a4ef2; margin: 0; width: 100%;}
.part1 ul>li ol li{line-height: 30px;}
.part1 ul>li ol li a{ font-size: 12px; color:#fff;}
.part2 .list1 a.title{font-size: 18px; }
.part2 .lm1{ margin-top: 20px;}
.part2 .list1 li{ line-height: normal; margin-bottom: 10px;}
.part2 .list1 .intro a{ font-size: 16px;}
.part2 .lm4{ margin-top: 20px; margin-bottom: 0px;}
.list126{overflow: hidden;}
.list126 a.btn3dNext{ right: 0;height: 45px; width:25px; background-size: 100% 100%; }
.list126 a.btn3dPrev{ left: 0;height: 45px; width:25px; background-size: 100% 100%; }
.part3 .lm5{ margin-top: 20px; margin-bottom: 20px;}
.part3 .lm7{ margin-bottom: 20px;}
.part3 .lm7 ul{width: 94%; padding: 3%;}
.part3 .lm7 ul li .right{ width: 60%;}
.part3 .span4{ width: 100%;}
.part4 .lm8{ margin-top: 20px;}
.part4 .lm9 .list128 .thumbTank{ height: auto;overflow: visible; left: 0;}
.part4 .lm9 .list128 .panel{ height: auto;}
.part4 .lm9 .list128 ul li{ width: 99%; height: auto; float: none; margin-top: 80px;}
.dh_content{ padding-bottom: 10px;}
.part4 .lm9 .list128 p.js img{ width: 100%;}
.part4 .lm9 .list128 ul{ height:auto;position: static;}
.part4 .lm9 .list128 p.js,.part4 .lm9 .list128 .dh_content p{width: 95%;}
.part4 .lm9 .list128 .dh_content { height: auto; margin-bottom: 10px; }
.part4 .lm9 .list128 .dh_content p{padding-bottom:32px; }
.part4 .lm9 .list128 .thumbTank{ width: 100%; margin-left: 0; height:auto; position: static}
.part4 .lm9 .list128 .up{background: url(img/lm9bg.png) no-repeat 1px top; background-size: 105% 100%; }
.part4 .lm9 .list128 p.name{ margin-bottom: 38px;}
.part5 .list29 a.btnPrev, .list29 a.btnNext,.part4 .list128 a.btnPrev, .list128 a.btnNext{ display: none;}
.part5 .list29 .jiyu{ display: block; background: none; height: auto;}
.part5 .list29 ul,.part8 .list130 ul{ width: 100%; height: auto; position: static;}
.part5 .list29 .thumbTank,.part8 .list130 .thumbTank, .part4 .lm9 .list128 .thumbTank{ height: auto; left: 0; width: 100%; position: static;}
.part5 .list29 .panel,.part8 .list130 .panel{ height: auto;}
.part5 .lm11 .list29 ul li{ width: 50%; height: auto;}
.part5 .list29 .jiyu .text{ width: 90%; margin: 10px auto 0 auto; font-size: 16px;}
.part5 .lm11 .jb{ margin-top: 0;}
.part5{margin-top: 20px;}
.part8 .list130 a.btnPrev, .part8 .list130 a.btnNext{display: none;}
.part8 .list130 ul li{ width: 100%; margin-right: 0; float: none; margin-bottom: 20px; }
.part8 .list130 ul li .pic{ width: 100%;}
.part8 .bot .name{ padding-top: 10px; margin-bottom: 10px;}
.part8 .list130,.part8 .tit{ margin-bottom: 20px;}
.list4{ margin-bottom: 20px;}
.part9 .lm21{ margin-top: 20px; margin-bottom: 20px;}
.part9 ul.pic li{ width: 50%; text-align: center; margin-right: 0;}
.ewm_phone{ text-align: center;margin-top: 20px;}
.part3 .lm23 ul li{ width: 100%; margin-right: 0; height: auto; margin-bottom: 15px;}
.part3 .lm22,.part6 .lm24,.part8 .lm16,.part7 .lm26{ margin-top: 20px; margin-bottom: 20px;}
.part6 .lm25 .list25 li{ width: 50%;}
.part9 ul.ul li{ width: 100%;}
.part3 .lm23 ul li .right p a{ font-size: 14px;}
.list25 .tankIntro .title{ font-size: 14px;}
.part7 .lm27 ul div{ padding: 10px 0;}
.part7 .lm27 ul li{ width: 100%; margin-right: 0;}
.part7 .lm27 ul li .pic{ width: 100%;}
.part7 .lm27 ul{ padding: 0;}
.part3 .lm23 ul li .right{overflow: hidden;}
.part4 .lm9 .list128 .up{ height: auto; position: static; }
.part4 .lm9 .list128 .dh{ position: static;bottom:auto; right:auto;margin-top:19px; }
.part2 .list6 li{ line-height: 0;margin-bottom: 10px;}
.part4 .lm9 .list128 ul{ width: 100%;}
.part4 .lm9 .list128 p.name span{font-size: 26px;}
.part2 .list1 li{ text-align: left;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
.row{ margin-left: 2%; margin-right: 2%;}
.list126{ height: 180px; overflow: hidden;}
.list126 li{ width:70%; }
.list126 li a.title { font-size: 13px; }
}