.top {background: #347aff;}
.container {margin: 0 4%;}
.font1 {text-align: right;font-size: 14px; line-height: 40px; color: #fff; text-align: right;}
.font1 img {vertical-align: middle;margin-right: 12px;}
.header {}
.logo {margin-top: 30px;}
.column1 {margin-top: 30px;}
.column1 .column {float: left;}
.ico1 {margin: 12px 15px; border-right: 1px #ddd solid;}
.ico1 img {margin-right: 10px;}
.font2 {font-size: 14px; line-height: 2; color: #6e6c6b;}
.font3 {font-size: 16px; line-height: 26px; color: #233064;}
.btn1 {margin-left: 30px;font-size: 18px; line-height: 55px; color: #fff; width: 128px; text-indent: 20px;background: #347aff; border-radius: 0 0 28px 0;cursor: pointer;}
.btn1 img {vertical-align: middle;margin-left: 10px;}
.in2 {width: 60px; font-size: 18px; line-height: 55px; color: #fff;border: 0;background: none;vertical-align: top;}
.in2::-webkit-input-placeholder {color: #ffffff;opacity: 1;}
.in2::-moz-placeholder {color: #ffffff;opacity: 1;}
.in2:-moz-placeholder {color: #ffffff;opacity: 1;}
.in2:-ms-input-placeholder {color: #ffffff;opacity: 1;}
.btn6 {width: 18px; height: 18px;vertical-align: middle; background: url(../images/ico3.png) center center no-repeat; background-size: 100% auto;cursor: pointer;border: 0; text-indent: -200px; overflow: hidden;zoom: 1;margin-left: 8px;}
.nav {width: 680px; margin: 0 auto;}
.nav li {float: left;text-align: center;}
.nav li a {font-size: 18px; line-height: 115px; color: #233064;padding: 0 24px;}
.nav .active a,.nav li a:hover {color: #347aff;}
.banner {clear: both;}
.banner .swiper-slide {overflow: hidden;zoom: 1;}
.banner .swiper-slide img {width: 1920px;position: relative;left: 50%; margin-left: -960px;}
.banner .swiper-button-next,.banner .swiper-button-prev,.slide1 .swiper-button-next,.slide1 .swiper-button-prev {width: 55px; height: 55px;border-radius: 50%;opacity: 0.8;}
.banner .swiper-button-prev,.slide1 .swiper-button-prev {background:#666 url(../images/prev.png) center center no-repeat;}
.banner .swiper-button-next,.slide1 .swiper-button-next {background:#666 url(../images/next.png) center center no-repeat;}
.banner .swiper-container-horizontal .swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction {bottom: 40px;}
.banner .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {width: 56px; height: 3px; border-radius: 0;margin: 0 10px;background: #fff; opacity: 0.5;}
.banner .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active {background: #fff; opacity: 1;}
.row1 {margin: 168px auto 138px;}
.row1 .container {width: 1324px; margin: 0 auto; overflow: hidden;zoom: 1;}
.colum2 {width: 45%;}
.colum3 {width: 55%;}
.font4 {font-size: 50px; line-height: 65px; color: #347aff;}
.font5 {font-size: 35px; line-height: 55px; color: #233064;}
.font6 {font-size: 18px; line-height: 32px; color: #333;margin-top: 40px;}
.pic1 {margin-top: 20px; position: relative;z-index: 2;}
.pic1 img {width: 105%;}
.list1 {background: #347aff;padding: 60px 0 40px;}
.list1 ul {width: 640px; margin: 0 auto; overflow: hidden;zoom: 1;}
.list1 li {width: 50%; float: left;text-align: center;margin-bottom: 24px;}
.list1 li img {border-radius: 5px;}
.row2 {background: #e1e4eb;}
.row2 .container {width: 1324px; margin: 0 auto;position: relative;}
.my-video-dimensions {width: 100%;height: 745px;}
#my-video .vjs-big-play-button {width: 150px; height: 150px; border-radius: 50%;border: 0!important; background: url(../images/ico4.png) center center no-repeat;left: 50%; top: 50%; margin-left: -75px;margin-top: -75px;}
#my-video .vjs-big-play-button .vjs-icon-placeholder:before {display: none;}
.my-video2-dimensions {width: 100%;height: 243px;}
#my-video2 .vjs-big-play-button {width: 150px; height: 150px; border-radius: 50%;border: 0!important; background: url(../images/ico4.png) center center no-repeat;left: 50%; top: 50%; margin-left: -75px;margin-top: -75px;}
#my-video2 .vjs-big-play-button .vjs-icon-placeholder:before {display: none;}
.row2 img {width: 100%;position: relative;z-index: 1;}
.btn2 {cursor: pointer;position: absolute;left: 50%; top: 50%; margin-left: -75px; margin-top: -75px;}
.btn2 img {width: auto;}
.row3 {padding-bottom: 110px;}
.row3 .container,.row4 .container {width: 1324px; margin: 0 auto;}
.font7 {font-size: 50px; line-height: 215px; color: #347aff; margin-top: 15px;}
.slide1 {}
.slide1 .swiper-slide,.slide2 .swiper-slide {text-align: center;}
.slide1 .swiper-slide img {max-width: 92%;border: 1px #333 solid;position: relative;z-index: 2;-moz-box-shadow: 5px 5px 0 0px #ddd; -webkit-box-shadow: 5px 5px 0 0px #ddd; box-shadow: 5px 5px 0 0px #ddd; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dddddd')";     /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dddddd');}
.row4 {background: #347aff url(../images/bg1.png) center 0 no-repeat; background-size: auto 100%; padding-bottom: 75px;}
.font8 {font-size: 40px; line-height: 160px; color: #fff; text-align: center;padding-top: 40px;}
.slide2 .swiper-slide .content {background: #fff;width: 370px; margin: 0 auto;padding-top: 64px;padding-bottom: 24px;}
.font9 a {font-size: 20px; line-height: 80px; color: #333;}
.slide2 .swiper-pagination {position: static;margin-top: 60px;}
.slide2 .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {width: 8px; height: 8px; border-radius: 4px;margin: 0 10px;background: #fff; opacity: 1;}
.slide2 .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active {width: 16px;background: #00c900; opacity: 1;}
.row5 {padding-bottom: 130px;}
.row5 .container {width: 1324px; margin: 0 auto;}
.font10 {font-size: 50px; line-height: 2; color: #347aff;padding-top: 110px;}
.list2 {width: 1135px;height: 495px; margin-top: 48px;background: url(../images/bg2.png) 0 40px no-repeat;position: relative;}
.list2 li {width: 25%; float: left;}
.font11 {font-size: 35px; line-height: 45px; color: #347aff;margin-left: 26px;}
.pic2 {margin-top: 24px;margin-left: 26px;}
.font12 {font-size: 18px; line-height: 2; color: #333;margin-top: 20px;height: 195px;margin-left: 26px;}
.list2 li:nth-child(5) .font11,.list2 li:nth-child(5) .pic2 {margin-left: 118px;}
.list2 li:nth-child(6) .font11,.list2 li:nth-child(6) .pic2 {margin-left: 98px;}
.list2 li:nth-child(5) .font12,.list2 li:nth-child(6) .font12 {text-align: center;margin-left: 0;}
.list2 li:nth-child(5) .font12,.list2 li:nth-child(6) .font12,.list2 li:nth-child(7) .font12,.list2 li:nth-child(8) .font12 {height: auto;}
.list2 li:nth-child(7) .font12 {margin-left: 0;}
.text1 {position: absolute;right: -145px; top: 50%; margin-top: -60px;}
.text1 .font11 {float: left;}
.text1 .colum2 {float: left;margin-top: -12px;width: auto;}
.text1 .font12 {height: auto;white-space:nowrap;}
.text1 .pic2 {margin-top: 0;}
.footer {background: #233064;}
.row6 {padding-top: 48px;overflow: hidden;zoom: 1;}
.footer .container {width: 1324px; margin: 0 auto;overflow: hidden;zoom: 1;}
.footer .colum {width: 20%; float: left;}
.footer .colum:nth-child(1) {width: 13%;}
.footer .colum:nth-child(2) {width: 25%;}
.footer .colum:nth-child(3) {width: 23%;}
.footer .colum:nth-child(4) {width: 22%;}
.footer .colum:nth-child(5) {width: 15%;text-align: right;}
.font13 {font-size: 16px; line-height: 45px; color: #fff;}
.list3 li a,.font14 {font-size: 14px; line-height: 24px; color: #fff;}
.font14 {margin-right: 45px;}
.row7 {margin-top: 56px;}
.colum3 {margin-top: 60px;}
.colum4 {text-align: right;}
.font15 {font-size: 14px; line-height: 24px; color: #fff;text-align: right;}
.row8 {text-align: right;margin-top: 20px;padding-bottom: 50px;}
.ico3 {display: inline-block;width: 36px;height: 36px; text-align: center;border: 1px #666f93 solid;border-radius: 19px;cursor: pointer;margin-left: 10px;position: relative;}
.ico3 img {margin-top: 10px;opacity: 0.6;}
.mobile {display: none;}
.pic4 {width: 90px;position: absolute;right: 0;bottom: 45px;z-index: 2;display: none;}
.pic4 img {width: 90px;opacity: 1;}
.ad {width: 100%;overflow: hidden;zoom: 1;position: relative;}
.ad img {position: relative;left: 50%; margin-left: -960px;}
.ad .content {width: 1324px;position: absolute;left: 50%; top: 0; margin-left: -662px;}
.font16 {font-size: 30px; line-height: 50px; color: #fff;margin-top: 80px;}
.font17 {font-size: 14px; line-height: 40px; color: #fff;}
.row9 {padding-bottom: 135px;}
.row9 .container {width: 1324px; margin: 90px auto 0;overflow: hidden;zoom: 1;position: relative;}
.column5 {width: 50%; float: left;}
.column5 img {width: 100%;}
.column6 {width: 50%;}
.font18 {font-size: 50px; line-height: 55px; color: #347aff; margin-left: 72px;}
.font19 {font-size: 18px; line-height: 48px; color: #333; margin-left: 72px;margin-top: 40px;}
.list4 {position: absolute;bottom: 0; left: 50%;right: 0;}
.list4 ul {margin-left: 72px;}
.list4 li {width: 33.333%; float: left;}
.font20 {font-size: 80px; line-height: 105px; color: #347aff;}
.num {display: inline-block;}
.font20 span {vertical-align: text-bottom;font-size: 60px; line-height: 105px;}
.font21 {font-size: 14px; line-height: 2; color: #333;margin-top: 15px;}
.row10 {background: #347aff url(../images/bg2.gif) center 0 no-repeat; background-size: auto 100%;}
.row10 .container {width: 1324px; margin: 0 auto;overflow: hidden;zoom: 1;padding-bottom: 55px;}
.column7 {width: 45%;}
.column8 {width: 55%;}
.font22 {font-size: 50px; line-height: 125px; color: #fff;margin-top: 80px;}
.font23 {font-size: 18px; line-height: 40px; color: #fff;}
.list5 {margin-top: 85px;overflow: hidden;zoom: 1; }
.list5 li {width: 50%; float: left;text-align: center;margin-bottom: 20px;}
.list5 li img {-moz-box-shadow: 5px 5px 0 0px #2e5aae; -webkit-box-shadow: 5px 5px 0 0px #2e5aae; box-shadow: 5px 5px 0 0px #2e5aae; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#2e5aae')";     /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dddddd');}
.slide3 .swiper-pagination {position: static;margin-top: 20px;}
.slide3 .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {width: 8px; height: 8px; border-radius: 4px;margin: 0 10px;background: #fff; opacity: 1;}
.slide3 .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active {width: 16px;background: #00c900; opacity: 1;}
.row11 {background:#347eff url(../images/bg3.gif) center 0 no-repeat;background-size: auto 100%;}
.row11 .container {width: 1324px; margin: 0 auto;overflow: hidden;zoom: 1;padding-bottom: 80px;}
.column9,.column10 {width: 50%;}
.font24 {font-size: 50px; line-height: 165px; color: #fff;margin-top: 15px;}
.pic6 {margin-top: 35px;}
.pic7 {text-align: right;margin-top: 75px;}
.pic8 {margin-top: 80px;}
.row12 {margin-top: 80px;}
.row12 .container {width: 1324px; margin: 0 auto;overflow: hidden;zoom: 1;}
.column11 {width: 494px;border: 1px #eee solid;}
.column12 {width: 760px;}
.slide4 {position: relative;}
.slide4 img {width: 100%;}
.font25 {font-size: 30px; line-height: 50px; color: #347aff;}
.font26 {font-size: 16px; line-height: 40px; color: #233064;}
.font27 {font-size: 16px; line-height: 28px; color: #233064;margin-top: 24px;}
.btn3 {width: 96px; font-size: 16px; line-height: 50px; color: #4e4e4e; text-align: center;background: #f6f6f6; border-radius: 10px;margin-top: 24px; cursor: pointer;}
.list6 {margin-top: 40px;position: relative;}
.list6 .container {width: 580px; margin: 0 auto;overflow: hidden;zoom: 1;}
.list6 ul {position: relative;}
.list6 li {width: 145px; float: left;text-align: center;}
.list6 li img {width: auto;max-width: 92%;cursor: pointer;border: 1px #eee solid;}
.prev1,.next1 {width: 45px;height: 45px;border-radius: 50%; cursor: pointer;position: absolute;top: 50%; margin-top: -22px;z-index: 2;}
.prev1 {background:#f2f2f2 url(../images/prev.png) center center no-repeat; background-size: 100% auto;left: 0;}
.next1 {background:#f2f2f2 url(../images/next.png) center center no-repeat; background-size: 100% auto;right: 0;}
.row13 {padding-bottom: 80px;}
.row13 .container {width: 1324px; margin: 75px auto 0;}
.slide5 {}
.slide5 .hd {height: 50px;}
.slide5 .hd li {font-size: 18px; line-height: 50px; color: #333; padding: 0 40px;border-radius: 10px; background: #f6f6f6;cursor: pointer;float: left;margin-right: 10px;}
.slide5 .hd .active {background: #347aff; color: #fff;}
.slide5 .bd {}
.slide5 .bd .row {overflow: hidden;zoom: 1;padding: 60px 0;border-bottom: 1px #eee solid;}
.slide5 .bd .row .column {width: 50%; float: left;text-align: center;}
.slide5 .bd .row .column img {max-width: 92%;}
.font28 {font-size: 30px; line-height: 50px; color: #333; text-align: left;margin-top: 30px;}
.font29 {font-size: 16px; line-height: 2; color: #333; text-align: left;margin-top: 20px;}
.pic9 {padding-top: 60px;}
.pic9 img {width: 100%;}
.gotop {width: 50px; height: 50px; position: fixed;right: 15px; bottom: 20%; background: url(../images/gotop.png) center center no-repeat; background-size: 100% 100%;cursor: pointer;display: none;z-index: 9;}
.imglist ul .active img{
    border: 1px solid #f00;
}
.imgpart{
    vertical-align: top;
    position: relative;
}
.imgpart .pic{
    position: relative;
    width: 100%;
    height: 100%;
}
.imgpart .pic .magnify{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    cursor: move;
    background-color: #fff;
    opacity: .3;
    filter:alpha(opacity=30);
}
.imgpart .pic img{
    width: 100%;
    height: 100%;
}
/* .imgpart:hover .bigpic{
    display: block;
}
.imgpart:hover .magnify{
    display: block;
} */
.imgpart .bigpic{
    display: none;
    position: absolute;
    top: -1px;
    right: -498px;
    width: 492px;
    height: 492px;
    z-index: 333;
    border: 2px solid #eee;
    overflow: hidden;
}
.imgpart .bigpic>img{
    position: absolute;
    top: 0;
    left: 0;
    width: 920px;
    height: 920px;
}
.table1 {width: 650px; border-left: 1px #ddd solid; border-top: 1px #ddd solid;margin-top: 90px;}
.table1 table {width: 100%;}
.table1 td {font-size: 18px; line-height: 48px; color: #333;text-indent: 15px;border-right: 1px #ddd solid; border-bottom: 1px #ddd solid;}
.table1 td:nth-child(1) {width: 60%;}
.table1 td:nth-child(2) {width: 40%;}
.table1 tr:nth-child(odd) td {background: #f5f5f5;}
.table1 td:nth-child(even) {color: #787777;}
.slide5 .content {overflow: hidden;zoom: 1;margin-top: 80px;}
.column13 {width: 420px;margin-right: 40px;}
.font30 {font-size: 20px; line-height: 32px; color: #4e4e4e;}
.font31 {font-size: 20px; line-height: 35px; color: #fff; text-align: center;background: #347aff;margin-top: 32px;}
.font32 {font-size: 16px; line-height: 45px; color: #347aff;margin-top: 20px; border-bottom: 1px #ddd solid;}
.font32 img {vertical-align: middle;margin-right: 20px;}
.font33 {font-size: 16px; line-height: 45px; color: #333;}
.font33 img {vertical-align: middle;margin-right: 20px;}
.font34 {font-size: 18px; line-height: 48px; color: #fff; background: #347aff;border-radius: 3px;margin-top: 15px;margin-bottom: 15px;cursor: pointer; -moz-box-shadow: 0 5px 3px 0px #2a62cc; -webkit-box-shadow: 0 5px 3px 0px #2a62cc; box-shadow: 0 5px 3px 0px #2a62cc; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#2a62cc')";     /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#2a62cc');}
.font34 img {vertical-align: middle;margin: 0 16px 0 22px;}
.font34::before {content: '';display: block;float: right;width: 0; height: 0; border-left: 5px #fff solid; border-top: 5px transparent solid; border-bottom: 5px transparent solid;margin-top: 19px; margin-right: 15px;}
.font35 {font-size: 16px; line-height: 30px; color: #4e4e4e;margin-bottom: 36px;}
.font35 span {color: #347aff;vertical-align: baseline;}
.row14 {}
.row14 .container {width: 1324px; margin: 0 auto;}
.row14 .content {overflow: hidden;zoom: 1;padding: 72px 0 110px;}
.font36 {font-size: 35px; line-height: 60px; color: #347aff; float:left;}
.colmn15,.colmn16 {width: 50%;}
.form .row {margin-bottom: 10px;}
.font37 {font-size: 16px; line-height: 40px; color: #333; width: 125px;background: #f1f1f1;padding-right: 16px;text-align: right;display: inline-block; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.list7 {position: relative;width: calc(100% - 175px); display: inline-block;margin-left: 10px;vertical-align: top;border: 1px #ddd solid;}
.list7 input {font-size: 16px; line-height: 38px; color: #666; text-align: right;width: 100%;padding-right: 20px; cursor: pointer;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.list7 ul {position: absolute;right: -1px;left: -1px; top: 38px;z-index: 2; border: 1px #ddd solid;border-bottom: 0; background: #fff;display: none;}
.list7 li {font-size: 16px; line-height: 2;color: #333; cursor: pointer;text-align: right;padding-right: 20px;border-bottom: 1px #ddd solid;}
.ico4 {position: absolute;right: 5px; top: 50%; margin-top: -3px; z-index: 1;cursor: pointer;}
.ico4::before {content: '';display: block;width: 0; height: 0; border-top: 6px #333 solid;border-left: 6px transparent solid; border-right: 6px transparent solid;vertical-align: top;}
.btn4 {text-align: right;}
.btn4 input,.btn5 input {width: 135px; font-size: 16px; line-height: 35px; color: #fff; background: #347aff;text-align: center;border-radius: 5px;margin-right: 35px;cursor: pointer;-moz-box-shadow: 0 5px 3px 0px #2a62cc; -webkit-box-shadow: 0 5px 3px 0px #2a62cc; box-shadow: 0 5px 3px 0px #2a62cc; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#2a62cc')";     /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#2a62cc');}
.in1 {font-size: 16px; line-height: 38px; color: #666; width: 360px;text-indent: 12px; border: 1px #ddd solid;vertical-align: top;margin-left: 10px; cursor: auto; }
.btn5 {display: inline-block;vertical-align: top;}
.btn5 input {margin: 0;}
.list8 {overflow: hidden;zoom: 1;position: relative;z-index: 2;width: 1200px; margin: -105px auto 80px;padding: 10px 0;}
.list8 li {width: 33.33%; float: left;}
.list8 li .content {width: 370px; margin: 0 auto;padding-bottom: 60px; background: #fff;-moz-box-shadow: 0 0 10px 0px #999; -webkit-box-shadow: 0 0 10px 0px #999; box-shadow: 0 0 10px 0px #999; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";     /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');}
.ico5 {padding-top: 45px;text-align: center;}
.font38 {font-size: 18px; line-height: 2; color: #333; text-align: center;margin-top: 16px;}
.font39 {font-size: 16px; line-height: 1.5; color: #9a9a9a; text-align: center;}
.icos {text-align: center;height: 48px;}
.icos a {margin: 24px 32px;display: inline-block;position: relative;}
.icos a span {position: absolute;right: 50%;margin-right: -34px; bottom: 24px;display: none;}
.icos a:last-child:hover span {display: block;}
.map {width: 100%;height: 550px;}
.slide_oe {margin-top: 80px;}
.slide_oe .ohd {height: 60px; width:100%; border-bottom: 1px #ddd solid;}
.slide_oe .ohd .hd {height: 50px; float:right;}
.slide_oe .ohd .hd li {font-size: 18px; line-height: 50px; color: #333; padding: 0 40px;border-radius: 10px; background: #f6f6f6;cursor: pointer;float: left;margin-right: 10px;}
.slide_oe .ohd .hd .active {background: #347aff; color: #fff;}
.slide_oe .ohd .bd {clear:both;}
.slide_oe .bd .row {margin-bottom: 10px;}
.slide_oe .bd .row .column {width: 50%; float: left;}