@charset "utf-8";/* CSS Document */


.clear {clear: both;}

.maln {margin-left: auto !important}

input, textarea, select {font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;color:#999999;border: none;outline: none;}

.fl {float:left;}

.fr {float:right;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

::selection {
    color: #fff;
    background: #01437d;
}





::-webkit-input-placeholder {/* WebKit browsers */

 color:#666666;opacity:1}

:-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#666666;opacity:1 }

::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#666666;opacity:1 }

:-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#666666;opacity:1 }

 

.sou::-webkit-input-placeholder {/* WebKit browsers */

 color:#fff;opacity:1; font-size:14px; font-size:1.4rem; line-height:30px;}

.sou:-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#fff;opacity:1; font-size:14px; font-size:1.4rem; line-height:30px; }

.sou::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#fff;opacity:1; font-size:14px; font-size:1.4rem; line-height:30px; }

.sou:-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#fff;opacity:1; font-size:14px; font-size:1.4rem; line-height:30px; }



.m6int1::-webkit-input-placeholder {/* WebKit browsers */

 color:#666;opacity:1}

.m6int1:-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#666;opacity:1 }

.m6int1::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#666;opacity:1 }

.m6int1:-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#666;opacity:1 }



.int1n::-webkit-input-placeholder {/* WebKit browsers */

 color:#a3a3a3;opacity:1}

.int1n:-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#a3a3a3;opacity:1 }

.int1n::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#a3a3a3;opacity:1 }

.int1n:-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#a3a3a3;opacity:1 }



@media screen and (min-width:1220px) {.zong {width: 1200px;margin: auto;}}

@media screen and (min-width:1000px) and (max-width:1219px) {.zong {width: 980px;margin: auto;}}

@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}







/*  sousuo  */

.sousuo{ float:right; height:30px; position:relative; z-index:999999999; margin-top:56px;}

.sousuon{ position:fixed; width:100%; height:100%; left:0px; top:0px; background:#000; background:rgba(0,0,0,0.8); display:none; z-index:9999999999}

.sousuon .zong{ padding-top:1px;position:relative;z-index:99999999999;}

.sousuon .guanbi{ display:block; width:25px; height:25px; border:1px solid #ccc; text-align:center; line-height:25px; color:#ccc; font-size:12px; font-size:1.2rem; border-radius:50%; position:absolute; right:0px; top:50px; cursor:pointer; transition:0.5s;}

.sousuon .guanbi:hover{ border-color:#fff; color:#fff;}



.sousuon form{ width:100%; height:100px;background:none;border-bottom:1px solid #fff; margin-top:100px; position:relative; z-index:99999}

.sou{width: 85%;height:100px;line-height:100px; background:none; font-size:74px; font-size:7.4rem; color:#fff; float:left; margin-left:3%;}

.suo{width:10%;height:100px; float:left; background:none; position:relative; z-index:9999999; cursor:pointer;}

.sou2{ height:30px; text-align:center; line-height:30px; position:absolute; right:0px; top:0px; font-size:28px !important; color:#01437d; cursor:pointer; z-index:99990}

.sou1{ width:10%; height:100px; text-align:center; line-height:100px; position:absolute; left:0px; top:0px; font-size:100px !important; color:#fff; cursor:pointer; z-index:999990}

.container{display:none}

.soup{ padding-left:13%; font-size:16px; font-size:1.6rem; line-height:24px; color:#7d8286; margin-top:20px;}



.daohang2,sousuo2{display:none}





/*  main1  */

.main1{ background:#f3f4f8;}

.m1tu{ display:block; position:relative; z-index:99999; padding-bottom:200px;}

.m1tu:before{ content:"01"; position:absolute; right:0px; bottom:0px; font-family: "AkzidenzGrotesk-Bold"; line-height:400px; color:#d6e4e5; font-size:396px; font-size:39.6rem; z-index:999991}

.m1tu img{ width:100%; max-width:943px; max-height:420px; position:relative; z-index:999992; box-shadow:-40px -10px 40px rgba(2,38,32,0.2);}



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

.m1tu{ padding-bottom:30px; padding-top:20px;}

.m1tu:before{ display:none}

.m1tu img{box-shadow:none}

}



/*  main2  */

.main2{ background:#f3f4f8; font-size:0px; padding-bottom:32px;}

.m2biao{ margin-left:47px; padding-left:274px; background:url(../image/m2biao.jpg) no-repeat left center; min-height:139px; margin-right:280px;}

.m2biao>a{ display:block;font-family: "Montserrat-Bold"; font-size:50px; font-size:5rem; line-height:60px; padding-top:24px;}

.m2biao p a{ display:block; font-size:16px; font-size:1.6rem; line-height:28px; color:#5f7673; margin-top:15px;}

.m2biao2{ display:block;font-family: "Montserrat-Regular"; font-size:30px; font-size:3rem; line-height:45px; position:relative; padding-bottom:19px; margin-top:61px;}

.m2biao2 span{ color:#01437d; font-family: "Montserrat-Bold";}

.m2biao2:before{ content:""; position:absolute; width:38px; height:3px; background:#333333; left:0px; bottom:0px;}

.m2lie{ width:18.5%; display:inline-block; *float:left; vertical-align:top; margin-left:8.6%; margin-top:70px; padding-bottom:47px;}

.m2a{ display:block; font-size:20px; font-size:2rem; font-weight:bold; line-height:30px; margin-top:15px;}

.m2lie p a{ display:block; font-size:16px; font-size:1.6rem; line-height:28px; height:172px; margin-top:15px; overflow:hidden;}

.m2mor{ display:inline-block; font-size:16px; font-size:1.6rem; line-height:28px; position:relative; margin-top:10px;}

.m2mor:before{ content:""; position:absolute; width:100%; height:2px; background:#333; left:0px; bottom:0px;}

.main2 a:hover{ color:#01437d;}



.m2lie2{ width:23.75%; float:left; margin-left:1.666%; height:342px; position:relative; z-index:1; border-radius:10px; background:#fff; margin-top:60px; transition:0.5s;}

.m2lie2:hover{ background:#01437d;}

.m2lie2n{ padding:22px; padding-top:40px; position:relative; z-index:3}

.m2lie2:before{ content:""; position:absolute; z-index:2; width:100%; height:100%; left:0px; top:0px; border-radius:10px;}



.m2lie21:before{ background:url(../image/m2bei1.png) no-repeat center; background-size:cover;}

.m2lie22:before{ background:url(../image/m2bei2.png) no-repeat center; background-size:cover;}

.m2lie23:before{ background:url(../image/m2bei3.png) no-repeat center; background-size:cover;}

.m2lie24:before{ background:url(../image/m2bei4.png) no-repeat center; background-size:cover;}



.m2a2{ display:table-cell; vertical-align:middle; padding-left:75px; height:56px; font-size:20px; font-size:2rem; font-weight:bold; line-height:30px;}

.m2lie21 .m2a2{ background:url(../image/m22tu1.png) no-repeat left center;}

.m2lie22 .m2a2{ background:url(../image/m22tu2.png) no-repeat left center;}

.m2lie23 .m2a2{ background:url(../image/m22tu3.png) no-repeat left center;}

.m2lie24 .m2a2{ background:url(../image/m22tu4.png) no-repeat left center;}



.m2lie21:hover .m2a2{ background:url(../image/m22tu1h.png) no-repeat left center;}

.m2lie22:hover .m2a2{ background:url(../image/m22tu2h.png) no-repeat left center;}

.m2lie23:hover .m2a2{ background:url(../image/m22tu3h.png) no-repeat left center;}

.m2lie24:hover .m2a2{ background:url(../image/m22tu4h.png) no-repeat left center;}



.m2lie2n p a{ display:block; font-size:16px; font-size:1.6rem; line-height:28px; height:140px; overflow:hidden; margin-top:43px;}

.m2lie2n .m2mor{ margin-top:12px;}

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

.m2lie2:hover a:before{ background:#fff;}

.m2lie2:hover p a{ transform:translateY(-20px)}



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

.m2biao{ margin:auto;}

.m2lie{ width:23%; margin-left:2.5%; margin-top:70px; padding-bottom:0px;}

}

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

.m2biao{ background-size:90px auto; background-position:left top; min-height:90px; padding-left:100px;}

.m2biao>a{ font-size:30px; font-size:3rem; line-height:30px; padding-top:0px;}

.m2biao p a{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px;}

.m2biao2{ font-size:20px; font-size:2rem; line-height:30px; padding-bottom:10px; margin-top:21px;}

.m2lie{ width:48%; margin-left:1% !important; margin-right:1%; margin-top:30px;}

.m2a{ font-size:1.6px; font-size:1.6rem; line-height:24px; margin-top:10px;}

.m2lie p a{ font-size:14px; font-size:1.4rem; line-height:24px; height:72px; margin-top:10px;}

.m2mor{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px;}



.m2lie2{width:48%; margin-left:1% !important; margin-right:1%; margin-top:30px; height:240px;}

.m2lie2n{ padding:10px;}

.m2lie2 .m2a2{ background-size:40px auto; padding-left:45px; font-size:16px; font-size:1.6rem; line-height:26px;}

.m2lie2:hover .m2a2{ background-size:40px auto; padding-left:45px;}

.m2lie2n p a{ font-size:14px; font-size:1.4rem; line-height:24px; height:120px; margin-top:3px;}

.m2lie2:hover p a{ transform:translateY(0px)}

}



/*  main3  */

.main3{ padding-top:170px; background:#f3f4f8; position:relative; z-index:1}

.m3n{ background:url(../image/m3bei.png) no-repeat left top; position:relative; z-index:3}

.m3n .zong{ padding-bottom:78px; position:relative;}

.main3:before{ content:"02"; position:absolute; left:50%; margin-left:80px; top:50px; font-family: "AkzidenzGrotesk-Bold"; line-height:400px; color:#d6e4e5; font-size:396px; font-size:39.6rem; z-index:2}

.m3l{ position:relative; width:50%; padding-top:60px;}

.m3biao{ display:block; font-size:50px; font-size:5rem; line-height:60px;font-family: "Montserrat-Bold";}

.m3p{ position:relative; font-size:16px; font-size:1.6rem; line-height:28px; color:#666666; max-height:56px; overflow:hidden; margin-top:16px; padding-bottom:21px;}

.m3p a{ display:block; color:#666; max-height:56px; overflow:hidden;}

.m3p:before{ content:""; position:absolute; width:82px; height:4px; background:#01437d; left:0px; bottom:0px;}

.m3ln{ max-height:140px; overflow:hidden; margin-top:38px; padding-right:40px;}

.m3ln p{ font-size:16px; font-size:1.6rem; line-height:28px; color:#666666;}

.m3ln p a{ display:block; color:#666;}

.m3mor{ display:block; background:url(../image/m3mor.png) no-repeat left bottom; padding-bottom:16px; margin-top:54px;}

.m3mor span{ display:inline-block; min-width:175px; line-height:42px; padding:0 5px; border-radius:21px; height:42px; background:#01437d; text-align:center; font-size:16px; font-size:1.6rem; color:#ffffff;}

.m3mor span i{ display:inline-block; vertical-align:middle; color:#fff; font-size:22px; font-size:2.2rem; padding-left:20px; transition:0.5s;}

.m3tu{ display:block; width:44.1666%; position:absolute; right:0px; bottom:0px;}

.m3tu img{ width:100%; max-width:530px; max-height:489px;}

.main3 a:hover{ color:#01437d;}

.m3mor span:hover i{ padding-left:10px;}



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

.m3n{ background-position:-480px top}

}

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

.main3{ padding-top:10px;}

.main3:before{ display:none}

.m3n{ background:none}

.m3l{ width:auto; padding:10px; position:relative; z-index:4; background:rgba(255,255,255,0.7)}

.m3tu{ width:30%;}

.m3biao{ font-size:30px; font-size:3rem; line-height:40px;}

.m3n p{ font-size:14px; font-size:1.4rem; line-height:24px;}

.m3p{ margin-top:10px;}

.m3p a{ max-height:48px;}

.m3ln{ margin-top:15px; max-height:120px;}

.m3mor{ margin-top:20px; background:none; padding:0px;}

.m3mor span{ font-size:14px; font-size:1.4rem; min-width:130px;}

}



/*  main4  */

.main4{ background:#f3f4f8; padding-bottom:30px;}

.main4 .zong{ position:relative; z-index:1;}

.main4 .zong:before{content:"03"; position:absolute; left:0; top:20px; font-family: "AkzidenzGrotesk-Bold"; line-height:400px; color:#d6e4e5; font-size:396px; font-size:39.6rem; z-index:2}

.m4biao{ position:relative; z-index:3; padding-left:280px; padding-top:160px; padding-right:200px;}

.m4biao>a{ display:block; font-size:50px; font-size:5rem; line-height:60px;font-family: "Montserrat-Bold";}

.m4biao p a{ display:block; font-size:16px; font-size:1.6rem; line-height:28px; color:#5f7673; margin-top:15px;}



.m4lie{ position:relative; z-index:3; width:31.333%; float:left; margin-left:3%; background:#fff; margin-top:140px; box-shadow:-3px -3px 7px rgba(0,0,0,0.2);}

.m4tu{ display:block;}

.m4tu img{ width:100%; max-width:511px; max-height:337px; margin:auto;}

.m4zi{ padding:12px 15px; padding-bottom:23px;}

.m4zi p{ font-size:16px; font-size:1.6rem; line-height:24px; color:#666666;}

.m4zi p span{ color:#01437d;}

.m4a{ display:block; font-size:18px; font-size:1.8rem; line-height:28px; height:56px; overflow:hidden; margin-top:17px;}

.m4mor{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; margin-top:21px;}

.m4mor i{ display:inline-block; vertical-align:middle; font-size:20px; font-size:2rem; padding-left:20px;}

.main4 a:hover{ color:#01437d;}



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

.main4 .zong:before{ display:none;}

.m4biao{ padding:0px; padding-top:20px;}

.m4biao>a{ font-size:30px; font-size:3rem; line-height:40px;}

.m4biao p a{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px;}

.m4lie{ margin-top:20px;}

.m4zi{ padding:10px;}

.m4zi p{font-size:14px; font-size:1.4rem;}

.m4a{ height:48px;}

.m4a,.m4mor{font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px;}

}

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

.m4lie{ width:48%; margin-left:1% !important; margin-right:1%;}

}

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

.m4lie{ width:100%; margin-left:0% !important; margin-right:0%;}

}



/*  main5  */

.main5{ background:#f3f4f8; padding-top:133px; padding-bottom:126px;}

.m5biao{ display:block; text-align:center; font-size:50px; font-size:5rem; line-height:60px;font-family: "Montserrat-Bold";;}

#mrq{ margin-top:65px;} 

#Marquee_x { overflow:hidden;}  

#Marquee_x ul li ,#Marquee_x ul li div{ float:left; margin-left:10px; overflow:hidden}

#Marquee_x ul li div{ float:left; border:1px solid #dbdbdb;} 

#Marquee_x ul li div img{ width:100%; max-width:205px; max-height:64px;} 

#Marquee_x ul li div span{ display:block;} 

/*.main5 a:hover{ color:#01437d;}*/

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

.main5{ padding-top:10px; padding-bottom:26px;}

.m5biao{ font-size:24px; font-size:2.4rem; line-height:40px;}

#mrq{ margin-top:25px;} 

#Marquee_x ul li div{ width:150px;}

}



/*  main6  */

.main6{ background:#f3f4f8;}

.main6 .zong{ position:relative; height:100px; z-index:2}

.m6n{ position:absolute; width:985px; height:163px; top:0px; left:50%; margin-left:-492px; background:#01437d; border-radius:7px; z-index:3}

.m6zi{ width:459px; padding-left:34px; float:left;}

.m6zin{ height:163px; display:table-cell; vertical-align:middle;}

.m6zin>a{ display:block; font-size:24px; font-size:2.4rem; color:#ffffff;}

.m6zi p a{ display:block; font-size:16px; font-size:1.6rem; line-height:28px; color:#ffffff; margin-top:15px;}

.m6fo{ width:356px; height:46px; border-radius:23px; background:#ffffff; float:right; margin-right:70px; margin-top:59px;}

.m6int1{ width:215px; height:44px; line-height:44px; padding-left:25px; border-radius:23px; font-size:16px; font-size:1.6rem; color:#666666; float:left;}

.m6int2{ width:109px; height:46px; line-height:46px; border-radius:23px; text-align:center; font-size:16px; font-size:1.6rem; color:#ffffff; text-transform:uppercase; float:right; background:#333333; cursor:pointer; transition:0.5s;box-shadow:-2px 0 10px rgba(0,0,0,0.3); }

.m6int2:hover{ background:#ccc}

.m6zin a:hover{ text-decoration:underline;}

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

.main6 .zong{ height:auto; padding-bottom:20px;}

.m6n{ position:relative; width:auto; height:auto; top:auto; left:auto; margin:auto; padding:20px; text-align:center;}

.m6zi{ width:auto; height:auto; padding:0px; float:none;}

.m6zin{ height:auto; display:block;}

.m6zin>a{ font-size:18px; font-size:1.8rem;}

.m6zi p a{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px;}

.m6fo{ width:260px; float:none; margin:auto; margin-top:20px;}

.m6int1{ font-size:14px; font-size:1.4rem; width:150px; padding-left:10px;}

.m6int2{ font-size:14px; font-size:1.4rem; width:80px;}

}



/*  foot  */

.foot{ background:url(../image/fobei.jpg) no-repeat center; background-attachment:fixed; background-size:cover; position:relative;}

.foot:before{ content:""; position:absolute; width:100%; height:100%; left:0px; top:0px; background:url(../image/fobei.jpg) no-repeat center; background-size:cover; z-index:-1;}

.fot {
    padding-top: 91px;
    width: 1202px;
    margin: auto;
    padding-bottom: 68px;
}
.fotn{ width:341px; float:left; margin-left:68px;}

.fot1{ padding-top:0px; margin-left:auto !important}

.fot2{ padding-top:22px;}

.fot3{ padding-top:35px; width:377px;}

.ftbiao{ font-size:41px; font-size:4.1rem; color:#01437d; line-height:50px; padding-bottom:35px;}

.fot .int1{}

.fot .int1 span{ display:block; font-size:16px; font-size:1rem; color:#3e3e3e; line-height:28px; margin-top:5px;}

.fot .int1 input{ width:331px; height:28px; line-height:28px; background:#fff; padding-left:10px; font-size:14px; font-size:1.4rem;}

.fot .int1 textarea{ width:367px; height:96px; line-height:28px; background:#fff; padding-left:10px; font-size:14px; font-size:1.4rem;}

.fot .int2{ margin-top:15px;}

.fot .int2 input{ width:377px; height:30px; line-height:30px; text-align:center; transition:0.5s; background:#01437d; cursor:pointer; font-size:16px; font-size:1.6rem; color:#ffffff; text-transform:uppercase;}

.fot .int2 input:hover{ background:#fff; color:#01437d;}



.fo1{ width:450px; float:left; margin-top:38px;}

.fo2{ width:160px; float:left; margin-left:177px; margin-top:38px;}

.fo3{ width:192px; float:right; margin-top:38px;}



.fobiao{ display:block; font-size:26px; font-size:2.6rem; color:#01437d;}

.fo1 ul{}

.fo1 ul li{ position:relative; font-size:16px; font-size:1.6rem; color:#e5e5e5; line-height:32px; padding-left:24px; margin-top:16px;}

.fo1 ul li i{ position:absolute; left:0px; top:0px; color:#e5e5e5;}

.fo1 ul li span{ display:block; color:#f3f3f3;}

.fo1 ul li p{ color:#dfdfdf;}

.fo1 ul li a{ display:block; color:#e5e5e5;}



.fonav{ font-size:16px; font-size:1.6rem; line-height:32px; color:#e5e5e5; margin-top:16px;}

.fonav a{ display:block; color:#e5e5e5;}

.fo3 a{ display:block; margin-top:47px;}

.fo3 a img{ width:100%; max-width:192px; max-height:75px;}



.foot2{ background:#252525; margin-top:39px; padding-bottom:24px;}

.youlian{ font-size:16px; font-size:1.6rem; line-height:24px; color:#e5e5e5; padding-top:12px;}

.youlian span{ color:#e5e5e5; display:block; float:left;}

.youlian a{ display:block; color:#e5e5e5; float:left; margin:0 10px;}

.fop{ font-size:16px; font-size:1.6rem; color:#e5e5e5; line-height:30px; float:left; margin-top:14px;}

.fop a{ color:#e5e5e5; display:inline-block;}

.shejiao2{ float:right; color:#ffffff; margin-top:14px;}

.shejiao2 a{ color:#ffffff; float:left; margin-left:15px; font-size:24px; line-height:30px;}

.foot a:hover{ color:#01437d;}

a.fobiao:hover{ text-decoration:underline;}



.top{width:46px;height:54px; border:2px solid #535353; text-align:center; line-height:54px; margin:auto; color:#535353; font-size:30px !important; cursor:pointer;position:fixed;right:20px;bottom:-100px;transition:0.9s;z-index:999999}

.bottom{bottom:80px;}



.lianxi{ position:fixed; width:53px; right:0px; top:50%; margin-top:-135px; z-index:99999}

.lianxi div a{ display:block; background:#d8d8d8; border-radius:5px; margin-top:1px; width:53px; height:53px; text-align:center; line-height:53px; font-size:24px; color:#fff;}

.lianxi div a:hover{ background:#01437d;}

.weixin{ position:relative; cursor:pointer;}

.weixin img{ position:absolute; width:149px; height:150px; top:0px; left:-149px; display:none;}

.weixin:hover img{ display:block;}

.weixin2,.tankuang{ display:none}

.tankuang img{ display:block; left:50% !important; margin-left:-75px; width:150px; height:150px;}



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

.fotn{ width:300px; float:left; margin-left:30px;}

.fot .int1 input{ width:290px;}

.fot .int1 textarea{ width:290px;}

.fot .int2 input{ width:300px;}

.fo2{ margin-left:50px;}

.shejiao2 a{ margin-left:10px; font-size:20px; line-height:30px;}

}

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

.fot{ padding-top:21px;}

.fotn{ width:32.33%; margin-left:1.5%;}

.fot .int1 input{ width:96%;}

.fot .int1 textarea{ width:96%;}

.fot .int2 input{ width:100%;}

.fo2{ margin-left:50px;}

.shejiao2 a{ margin-left:10px; font-size:20px; line-height:30px;}

.ftbiao{ font-size:26px; font-size:2.6rem; line-height:50px; padding-bottom:35px;}



.fo1{ width:50%;}

.fo2{ width:20%; margin-left:5%;}

.fo3{ width:20%;}

}

@media screen and (max-width:767px) {.foot{ padding-top:1px;}

.foot2{ margin-top:auto; padding-bottom:60px; text-align:center; padding-top:1px;}

.fop{ font-size:14px; font-size:1.4rem; float:none;}

.shejiao2{ float:none;}

.shejiao2 a{ float:none; display:inline-block; *float:left; margin:0 6px;}

.fot,.fo1,.fo2,.fo3{ display:none}

.youlian{display:none}

.top{width:16.666%;height:40px;line-height:40px;bottom:0px;right:0px;border-radius:0px;border:none; background:#01437d; color:#fff; font-size:24px !important;}



.lianxi{ width:100%; right:auto; top:auto; margin:auto; left:0px; bottom:0px; border-top:1px solid #fff; background:#01437d;}

.lianxi div{ width:16.666%; float:left;}

.lianxi div a{ margin:auto; width:100%; background:#01437d; color:#fff !important; border-radius:0px;height:40px;line-height:40px;}

.weixin2{ display:block}

.weixin1{ display:none}

.weixin img{ top:auto; bottom:40px;}

}





/*************************************  product  *****************************/

.fenbanner{ background:url(../image/fenbanner.jpg) no-repeat center; height:325px; text-align:center;}

.fenp{ display:inline-block; position:relative; font-size:34px; font-size:3.4rem; font-weight:bold; color:#ffffff; text-transform:uppercase; line-height:40px; margin-top:156px;} 

.fenp:before{ content:""; position:absolute; width:65px; height:3px; background:#ffffff; left:-94px; top:50%; margin-top:-2px;}

.fenp:after{ content:""; position:absolute; width:65px; height:3px; background:#ffffff; right:-94px; top:50%; margin-top:-2px;}



.mianbao{ font-size:16px; font-size:1.6rem; line-height:30px;font-family: "nevis"; padding-top:22px; background:#fafafa;}

.mianbao a:hover{ color:#01437d;}

.co31{ color:#01437d !important;}



.prmain{ background:#fafafa; padding-top:41px; padding-bottom:122px;}

.prl{ width:260px; float:left;}

.prr{ width:884px; float:right; padding-top:7px;}



.prbiao{ display:block; font-size:22px; font-size:1.5rem; font-weight:bold; line-height:30px; border-bottom:1px solid #01437d; padding-bottom:5px;}

.pryiji{ padding-top:4px;}

.pryiji>li{ margin-bottom:10px;}

.pryiji>li>a{ display:block; font-size:16px; font-size:1.2rem; line-height:24px; font-weight:bold; padding:10px 0; border-bottom:1px solid #d5d5d5; background:url(../image/prjian.jpg) no-repeat right center;}

.pryiji>li:hover>a{ background:url(../image/prjianh.jpg) no-repeat right center; color:#01437d;}

.prerji{ padding-left:24px;}

.prerji li a{ display:block; font-size:14px; font-size:1rem; line-height:24px; padding:5px 0;}

.prsanji{ padding-left:20px;}

.prerji li:hover>a{ color:#01437d;}

.dangpryi{background:url(../image/prjianh.jpg) no-repeat right center !important; color:#01437d !important;}

.dangprer{ color:#01437d !important;}



.j-nextshow { position: relative;}

.proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 50%; margin-top:-9px; right: 12px; cursor: pointer; -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; }

.proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #01437d; }



.prt{border: solid 1px #d5d5d5; min-height:236px; padding-bottom:31px; position:relative;}

.prttu{ display:block; float:right; margin-right:11px; margin-top:72px; margin-left:20px;}

.prttu img{ width:100%; max-width:255px; max-height:164px; margin:auto;}

.prtn{ padding-left:32px;/* padding-right:290px;*/ padding-top:26px;}

.prtn>a{ font-size:18px; font-size:1.8rem; line-height:30px; font-weight:bold;}

.prtx{ font-size:16px; font-size:1.6rem; line-height:28px; margin-top:22px;}



.prr form{ padding:0 39px; padding-top:72px;}

.prlie{ position:relative; font-size:16px; font-size:1.6rem; line-height:29px; padding:15px 0; border-bottom:1px solid #d5d5d5;}

.prlie input{ position:absolute; left:5px; top:20px; cursor:pointer;}

.pra{ display:block; position:absolute; right:25px; top:15px; color:#01437d; cursor:pointer;}

.prlie p a{ display:block; margin-left:66px; margin-right:120px;}

.prlie a:hover{ color:#01437d; text-decoration: underline;}



.fenye{ padding-top:75px; text-align:center;}

.fenyen{float:left;}

.fenyen a.no{background-color: #ffffff !important;	border: solid 1px #e5e5e5 !important; color: #333 !important;}

.fenyen a, .fenyen span{ display:inline-block; *float:left;width: 34px; height: 29px;	background-color: #ffffff;	border: solid 1px #e5e5e5; text-align:center; line-height:31px; margin-right:9px; margin-bottom:10px;}

.fenyen a:hover{ border:1px solid #01437d; color:#01437d;}

.sx{ width:auto !important; min-width:57px; padding:0 2px;}

.dangqianfen{ border:1px solid #01437d !important; color:#01437d !important;}

.fuxuan{ background:url(../image/fuxuan.jpg) no-repeat right center; padding-right:23px; float:right; margin-bottom:10px; margin-left:14px;}

.fuxuan input{ min-width:149px; height:31px; line-height:31px; background:#01437d; border:1px solid #01437d; color:#fff; cursor:pointer; transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s; font-size:14px; font-size:1.4rem;}

.fuxuan input:hover{ background:#fff; border:1px solid #01437d; color:#01437d;}



.txunpanz{ width:100%; height:100%; position:fixed; left:0px; top:0px; background:#333333; background:rgba(51,51,51,0.3); z-index:999999999999; display:none}

.txunpan{ width:968px; height:691px;border-radius: 20px;background-color: #f3faf9; position:fixed; left:50%; top:50%; margin-left:-484px; margin-top:-345px; text-align:center;}

.tguanbi{ display:block; width:55px; height:55px; border-radius:50%; background:#01437d; text-align:center; line-height:55px; color:#ffffff; font-size:30px !important; border:4px solid #ffffff; position:absolute; top:-31px; right:-31px; cursor:pointer;}

.txunpan form{ padding:0 70px; padding-top:33px;}

.txunpan .int1{ width:374px;}

.txunpan .int1 span{ display:block; font-size:15px; font-size:1.5rem; color:#01437d; text-transform:uppercase; line-height:26px; margin-top:35px; text-align:left;}

.txunpan .int1 input{ width:332px; height:54px; border:1px solid #666a6d; line-height:54px; padding-left:40px; border-radius:29px; font-size:16px; font-size:1.6rem; color:#a3a3a3; background:none; margin-top:9px;}

.txunpan .int2 span{ display:block; font-size:18px; font-size:1.8rem; color:#01437d; text-transform:uppercase; line-height:26px; margin-top:35px; text-align:left;}

.txunpan .int2 textarea{width: 791px;height: 145px; padding-top:15px; border-radius: 15px; border:1px solid #666a6d; line-height:24px; padding-left:40px; font-size:16px; font-size:1.6rem; color:#a3a3a3; background:none; margin-top:9px;}

.txunpan .int3{ clip:rect(0 0 0 0);position:absolute;}

.txunpan .int4{ display:inline-block; min-width:242px; height:58px; line-height:58px; text-align:center; padding:0 5px; margin:auto; background:#01437d; border-radius:29px; font-size:18px; font-size:1.8rem; color:#ffffff; cursor:pointer; margin-top:58px; transition:0.5s;}

.txunpan .int4 i{ font-size:30px; padding-right:10px; display:inline-block; vertical-align:middle;}

.txunpan .int4:hover{ background:#fff; color:#01437d;}



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

.prr{ width:684px;}

.prr form{ padding:0px; padding-top:50px;}



.txunpan{ width:90%; height:auto; left:5%; margin-left:auto; margin-top:-195px;}

.txunpan form{ padding:20px;}

.txunpan .int1{ width:48%; text-align:left}

.txunpan .int1 span,.txunpan .int2 span{ font-size:14px; font-size:1.4rem; margin-top:10px;}

.txunpan .int1 input{ width:95%; height:34px; line-height:34px; line-height:4px; padding-left:10px; border-radius:17px; font-size:14px; font-size:1.4rem; margin-top:5px;}

.txunpan .int2{ text-align:left;}

.txunpan .int2 textarea{ width:97%; height:80px; line-height:4px; padding-left:10px; border-radius:17px; font-size:14px; font-size:1.4rem; margin-top:5px;}

.txunpan .int4{ height:34px; line-height:34px; min-width:190px; font-size:14px; font-size:1.4rem; margin-top:20px;}

.txunpan .int4 i{ font-size:20px;}

}

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

.prmain{ padding-top:31px; padding-bottom:40px;}

.prl{ width:30%; float:left;}

.prr{ width:67%;}

.prr form{ padding:0px; padding-top:50px;}

.prt{ padding-bottom:10px;}

.prr form{ padding-top:30px;}

.prtn{ padding-left:10px; padding-top:10px;}

.prttu{ margin-left:10px; margin-right:10px; margin-top:10px;}

.prtn>a{ font-size:16px; font-size:1.6rem; line-height:24px;}

.prtx{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px;}

.prlie{ font-size:14px; font-size:1.4rem; padding:5px 0;}

.prlie input{ top:10px;}

.pra{ top:5px;}

.prlie p a{ margin-left:30px;}

.fenye{ padding-top:25px;}

.prbiao{ font-size:18px; font-size:1.8rem;}

.tguanbi{ width:20px; height:20px; line-height:20px; font-size:14px !important; border-width:2px; top:-10px; right:-10px;}

}

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

.fenbanner{ height:150px;}

.fenp{ font-size:24px; font-size:2.4rem; margin-top:55px;} 

.fenp:before{ display:none}

.fenp:after{ display:none;}



.prl{ width:100%; float:none; margin-top:20px;}

.prr{ width:100%; float:none;}

.proslide_menubtn { display:block;}

.pryiji{ display:none}

.pra{ position:relative; right:auto; top:auto; text-align:right}

.prlie p a{ margin-right:0px;}

.prt{ padding:10px;}

.prttu{ float:none; margin:auto;}

.prtn{ padding:0px; margin-top:20px;}



.txunpan form{ padding:10px;}

.txunpan .int1 input{ width:94%;}

.txunpan .int2 textarea{ width:96%; height:60px;}

}

@media screen and (max-height:760px) {

.txunpan{ width:90%; height:auto; left:5%; margin-left:auto; margin-top:-195px;}

.txunpan form{ padding:20px;}

.txunpan .int1{ width:48%; text-align:left}

.txunpan .int1 span,.txunpan .int2 span{ font-size:14px; font-size:1.4rem; margin-top:10px;}

.txunpan .int1 input{ width:95%; height:34px; line-height:34px; line-height:4px; padding-left:10px; border-radius:17px; font-size:14px; font-size:1.4rem; margin-top:5px;}

.txunpan .int2{ text-align:left;}

.txunpan .int2 textarea{ width:97%; height:80px; line-height:4px; padding-left:10px; border-radius:17px; font-size:14px; font-size:1.4rem; margin-top:5px;}

.txunpan .int4{ height:34px; line-height:34px; min-width:190px; font-size:14px; font-size:1.4rem; margin-top:20px;}

.txunpan .int4 i{ font-size:20px;}

}



/*************************************  product2  *****************************/

.prmain2{ background:#fafafa; padding-top:50px; padding-bottom:116px;}

.fenlei{ width:340px; margin:auto; position:relative; z-index:99}

.fenlei .prbiao{ border:1px solid #ababab; border-radius:10px; background:#fafafa; line-height:34px; padding:10px; text-align:center;}

.fenlei .prbiao i{ display:inline-block; vertical-align:middle; width:13px; height:7px; background:url(../image/xiala.jpg) no-repeat center; padding-left:15px;}

.fenlei .pryijiz{ position:absolute; width:100%; left:0px; top:-9999px; z-index:999}

.fenlei .pryiji{ border:1px solid #bebebe; border-top:none; border-bottom:none; padding-top:6px;}

.fenlei .pryiji li{ background:#ffffff; margin-bottom:auto;}

.fenlei .pryiji>li>a{ padding-left:20px; background:url(../image/prjian2.jpg) no-repeat right center; padding-right:75px;}

.fenlei .pryiji>li:hover>a{ background:url(../image/prjian2h.jpg) no-repeat right center;}

.fenlei .dangpryi{ background:url(../image/prjian2h.jpg) no-repeat right center !important;}

.fenlei:hover .pryijiz{ top:50px;}





.zoomPad {position:relative; float:left; z-index:99; cursor:crosshair; }

.zoomPreload {-moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../image/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px; * width:100px; * height:49px; }

.zoomPup {overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair; }

.zoomOverlay {position:absolute; left:0px; top:0px; background:#FFF; /*opacity:0.5; */

	z-index:5000; width:100%; height:100%; display:none; z-index:101; }

.zoomWindow {position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; }

.zoomWrapper {position:relative; border:1px solid #ccc; z-index:110; }

.zoomWrapperTitle {display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); }

.zoomWrapperImage {display:block; position:relative; overflow:hidden; z-index:110; }

.zoomWrapperImage img {border:0px; display:block; position:absolute; z-index:101; }

.zoomIframe {z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block; }





.prob-pic { width: 466px; float:left; margin-top:31px;}

.prob-pic .prob-pic-big { position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.prob-pic .prob-pic-big-img { display: block; line-height: 0; font-size: 0; border:1px solid #d6d6d6;}

.prob-pic .prob-pic-big-img .zoomPad { float: none; z-index: 8; }

.prob-pic .zoomWrapperImage img { max-width: 1200px; }

.prob-pic .prob-pic-small { position: relative; margin-top: 16px; padding-left:37px; padding-right:37px; overflow: hidden; }

.prob-pic .prob-pic-btn { position: absolute; top: 50%; margin-top: -12px; display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }

.prob-pic .prob-pic-btn.prev { left:0px;}

.prob-pic .prob-pic-btn.next { right:0px;}

.prob-pic .prob-pic-btn.prev:hover { }

.prob-pic .prob-pic-btn.next:hover { }

.prob-pic .prob-pic-list { overflow: hidden;}

.prob-pic .prob-pic-list ul { width: 1000%; overflow: hidden; }

.prob-pic .prob-pic-list ul li { position: relative; float: left; margin-right:17px; width:107px; overflow:hidden }

.prob-pic .prob-pic-item .item-pic { display:block; overflow: inherit;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden;  border:1px solid #e1e1e1;}

.prob-pic .prob-pic-item .item-pic img{display: block; width:100%;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}

.prob-pic .prob-pic-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);}



.jianjie{ width:480px; float:left; margin-left:45px; padding-top:24px;}

.jianjie h1{ font-size:26px; font-size:2.6rem; font-weight:bold; color:#01437d; line-height:34px;}

.miaoshu{ font-size:18px; font-size:1.8rem; font-weight:bold; line-height:26px; margin-top:3px;}

.jiann{ padding-top:17px; font-size: 1.6rem; line-height: 28px;}

.jiann li{ border-top:1px solid #dbdbdb; font-size:0px; padding:5px 0;}

.jiann li span{ display:inline-block; font-size:16px; font-size:1.6rem; width:50%; font-weight:bold; line-height:29px;}

.jiann li p{ display:inline-block; font-size:16px; font-size:1.6rem; width:50%; line-height:29px;}

.jiann li:nth-child(1){ border:none !important}

.share{ margin-top:12px;}

.sha1{ display:inline-block; font-size:16px; font-size:1.6rem; line-height:30px; vertical-align:middle; padding-right:10px;}

.sha2{ display:inline-block; vertical-align:middle}



.inno{ font-size:0px;}

.inno a{ display:inline-block; min-width:156px; height:47px; line-height:47px; padding:0 5px; background:#666666; margin-right:14px; font-size:16px; font-size:1.6rem; color:#ffffff; text-align:center; margin-top:11px;}

.inno a:nth-child(1){ font-size:14px; font-size:1.4rem;}

.inno a:hover{ background:#01437d;}



.chanxbiao{ font-size:22px; font-size:2.2rem; line-height:30px; margin-top:65px;}

.chanxiang{ font-size:16px; font-size:1.6rem; line-height:28px; padding-top:21px;}

.chanxiang a{ color:#01437d;}

.chanxiang img{ max-width:100%; margin:auto;}

.table{ width:100%; overflow:auto;}

.table table{ width:100%; border-collapse:collapse;}

.table table td{ border:1px solid #dbdbdb; line-height:24px; padding:10px;}

.table table tr td:nth-child(1){ font-weight:bold;}

.chanxbiao2{ position:relative; padding-bottom:5px; margin-top:40px;z-index: 1;}

.chanxbiao2:before{ content:""; position:absolute; width:100%; height:2px; background:#f0f0f0; left:0px; bottom:1px;}

.chanxbiao2:after{ content:""; position:absolute; width:146px; height:4px; background:#01437d; left:0px; bottom:0px;}

.chanxbiao2 span{ display:inline-block; width:55px; vertical-align:middle}

.chanxbiao2 span img{ width:100%; max-width:55px; max-height:55px;}

.chanxbiao2 p{ display:inline-block; font-size:22px; font-size:1.6rem; line-height:30px; margin-left:20px; vertical-align:middle;}



.prce{}

.prce p{ float:left; font-size:18px; font-size:1.8rem; color:#01437d; margin-right:56px; line-height:35px; font-weight:bold; margin-top:20px;}

.prce p i{ font-size:26px; font-size:2.6rem; display:inline-table; vertical-align:middle; padding-right:10px;}

.prpa{}

.prpa p{ /*float:left;*/ margin-right:128px; margin-top:30px;}

.prpa p span{ display:block; font-size:16px; font-size:1.6rem; line-height:26px; font-weight: bold;}

.prpa p a{ display:block; font-size:16px; font-size:1.6rem; line-height:26px; /*font-weight:bold;*/}

.nepr{ display:inline-block; font-size:14px; font-size:1.4rem; color:#fff; min-width:156px; height:48px; line-height:48px; padding:0 5px; background:#666666; text-align:center; margin-top:32px;}

.nepr:hover{ background:#01437d;}

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

.jianjie{ margin-left:20px;}

}

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

.prob-pic{ width:auto; float:none; max-width:464px; margin:auto; margin-top:20px;}

.prob-pic img{ width:100% !important; height:auto !important; max-width:464px; max-height:413px; margin:auto;}

	.zoomPad {cursor: default !important;}

	.zoomPup {display: none !important;}

	.zoomWindow {display: none !important;}

	.zoomPreload {display: none !important;}

.jianjie{ width:auto; float:none; margin:auto; margin-top:20px;}

.jianjie h1{ font-size:20px; font-size:2rem;}

.miaoshu{ font-size:16px; font-size:1.6rem;}

.jiann li span,.jiann li p{ font-size:14px; font-size:1.4rem;}

.inno a{ min-width:100px; height:37px; line-height:37px; margin-right:5px; font-size:14px; font-size:1.4rem; margin-top:5px;}



.prmain2{ padding-top:20px; padding-bottom:36px;}

.chanxbiao{ font-size:20px; font-size:2rem; line-height:30px; margin-top:25px;}

.chanxiang{ font-size:14px; font-size:1.4rem; line-height:24px; padding-top:11px;}

.chanxbiao2 span{ width:30px;}

.chanxbiao2 p{ font-size:20px; font-size:2rem; margin-left:10px;}

.prce p{ font-size:14px; font-size:1.4rem; margin-right:20px; line-height:25px; margin-top:10px;}

.prce p i{ font-size:20px; font-size:2rem; padding-right:5px;}



.fenlei{ width:auto;}

.fenlei .pryijiz{ position:relative; top:auto !important; display:none; background:#fff;}

.fenlei .prbiao{ border-bottom:1px solid #ababab; border-radius:0px;}

.fenlei .pryiji{ display:block;}

.fenlei .proslide_menubtn { display:block;}

.prpa p{ margin-right:25px;}

}



/*************************************  news  *****************************/

.nemain{ background:#fafafa; padding-top:45px; padding-bottom:70px;}

.nenav{ text-align:center; font-size:0px;}

.nenav a{ display:inline-block; vertical-align:middle; margin:0 1.333%; width:29.333%; height:56px; background:#666666; position:relative; z-index:1}

.nenav a:before{ content:""; position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:2;}

.nenav a span{display: -webkit-flex;

display: -moz-flex;　

display: flex;

display: -ms-flexbox;



-webkit-box-orient: vertical;

-ms-flex-direction: column;

-webkit-flex-direction: column;

flex-direction: column;



display:-moz-box;

-moz-box-pack:center;

-moz-box-align:center;

-moz-box-orient:vertical;



display:-webkit-box;

-webkit-box-pack:center;

-webkit-box-align:stretch;

-webkit-box-orient:vertical;



display:box;

box-pack:center;

box-align:center;

box-orient:vertical; height:56px; line-height:24px; padding:0 5px; font-size:18px; font-size:1.8rem; color:#fafafa; position:relative; z-index:3}

.nenav a:hover{ background:#01437d;}

.dangne{ background:#01437d !important;}

.nenav a:nth-child(1):before{ background:url(../image/ba1.png) no-repeat top left; background-size:100% auto;}

.nenav a:nth-child(3):before{ background:url(../image/ba3.png) no-repeat top left; background-size:100% auto;}



.slide2 { position: relative; margin-top:70px; border:1px solid #ebebeb;}

.slide2 .carouse { width: 100%; overflow: hidden; position: relative; padding-bottom:18px;}

.slide2 .carouse .slideItem { width: 100%; position: absolute;  min-height:354px;}

.slide2 .carouse .slideItem .banner-img { width: 100%; display: block; }

.slide2 .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.nelr{ width:71px; height:34px; position:absolute; bottom:42px; left:566px;}

.slide2 .carousel-control { position: absolute; width: 34px; height: 34px; border-radius: 5px; z-index: 999; top:0px; text-align: center; line-height: 34px; background:#2c2c2c; color:#fafafa; font-size:20px; font-size:2rem;}

.slide2 .carousel-control:hover { background:#01437d;}

.slide2 .carousel-control:hover .iconfont { color: #fff; }

.slide2 .carousel-control.left { left: 0px; cursor: pointer;}

.slide2 .carousel-control.right { right: 0px; cursor: pointer;}

.slide2 .dotList { position: absolute; right:36px; bottom:15px; text-align: right; line-height: 0; }

.slide2 .dotList li { display: inline-block; cursor: pointer; width:16px; height:16px; background:#e1e1e1; margin-left:6px; outline: none;}

.slide2 .dotList li.active { background:#01437d;}



.hone{ width:179px; height:47px; line-height:47px; background:#01437d; text-align:center; font-size:20px; font-size:2rem; color:#ffffff; text-transform:uppercase; position:absolute; right:0px; top:0px;}

.netu1{ display:block; width:511px; position:absolute; left:13px; top:17px;}

.netu1 img{ width:100%; max-width:511px; max-height:337px;}

.nezi1{ margin-left:566px; margin-right:10px; padding-top:78px;}

.nezi1>a{ display:block; font-size:20px; font-size:2rem; color:#01437d; line-height:30px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.neriqi{ display:block; font-size:16px; font-size:1.6rem; color:#666666; line-height:24px; margin-top:15px;}

.neriqi i{ font-size:18px; font-size:1.8rem; padding-right:10px;}

.nezi1 p a{ display:block; font-size:16px; font-size:1.6rem; color:#01437d; line-height:28px; margin-top:17px; height:84px; overflow:hidden;}

.nezi1 a:hover{ text-decoration:underline;}



.nelie{ position:relative; border-top:1px solid #ebebeb; min-height:295px; margin-top:18px; padding-bottom:36px;}

.nelie .netu1{ width:376px; left:0px; top:45px;}

.nelie .nezi1{ margin-left:432px; padding-top:60px;}

.nelie .nezi1>a{ color:#333;}

.nelie .nezi1 p a{ height:56px; color:#333;}

.nemor{ margin-top:33px;}

.nemor a{ display:inline-block; min-width:110px; line-height:46px; height:46px; padding-left:5px; padding-right:45px; text-align:center; background:#666666; font-size:16px; font-size:1.6rem; color:#ffffff; position:relative;}

.nemor a i{ display:block; width:40px; height:46px; text-align:center; position:absolute; right:0px; top:0px; background:#333333; transition:0.5s;}

.nelie .nezi1>a:hover,.nelie .nezi1 p a:hover{ color:#01437d;}

.nemor:hover a{ background:#01437d;}

.nemor:hover a i{ background:#034b40;}

.bon{ border:none !important}

.nemain .fenye{ text-align:center; padding-top:85px;}

.nemain .fenyen{ float:none;}

.nelie:hover .netu1{box-shadow:0 8px 11px rgba(0,0,0,0.4); }



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

.nemain{ padding-top:25px; padding-bottom:30px;}

.nenav a span{ font-size:14px; font-size:1.4rem;}

.slide2 { border:none; margin-top:30px;}

.hone{ position:relative; height:35px; line-height:35px; font-size:18px; font-size:1.8rem;}

.slide2 .carouse { margin-top:20px; padding-bottom:50px;}

.slide2 .carouse .slideItem { min-height:140px;}

.netu1{ width:200px !important; left:0px; top:0px;}

.nezi1{ margin-left:220px !important; padding:0px; margin-right:0px;}

.nezi1>a{ font-size:16px; font-size:1.6rem; line-height:24px;}

.neriqi{ font-size:14px; font-size:1.4rem; margin-top:5px;}

.neriqi i{ font-size:14px; font-size:1.4rem; padding-right:5px;}

.nezi1 p a{ font-size:14px; font-size:1.4rem; color:#01437d; line-height:24px !important; margin-top:5px; height:72px !important; overflow:hidden;}

.nelr{ bottom:0px; left:50%; margin-left:-35px;}

.slide2 .dotList { display:none}

.nemor{ display:none}

.nelie{ min-height:140px; padding-bottom:10px;}

.nelie .nezi1{ padding-top:10px;}

.nelie .netu1{ top:10px;}

.nemain .fenye{ padding-top:25px;}

}

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

.netu1{ width:130px !important;}

.nezi1{ margin-left:140px !important; padding:0px; margin-right:0px;}

.nezi1>a{ font-size:14px; font-size:1.4rem; line-height:20px;}

.neriqi{ font-size:12px; font-size:1.2rem; margin-top:0px;}

.neriqi i{ font-size:12px; font-size:1.2rem; padding-right:5px;}

.nezi1 p a{ font-size:12px; font-size:1.2rem; line-height:20px !important; margin-top:0px; height:40px !important;}

.slide2 .carouse .slideItem { min-height:85px;}

.nelie{ min-height:85px; margin-top:10px;}

}



/*************************************  news2  *****************************/

.nemain h1{ text-align:center; font-size:26px; font-size:2.6rem; line-height:34px; margin-top:63px; position:relative; padding-bottom:10px;}

.nemain h1:before{ content:""; position:absolute; bottom:0px; left:50%; margin-left:-36px; width:72px; height:2px; background:#333333;}

.net{ text-align:center; margin-top:23px;}

.neriqi2{ display:inline-block; vertical-align:middle; font-size:16px; font-size:1.6rem; color:#666666; line-height:30px;}

.neriqi2 span{ color:#01437d;}

.net .share{ display:inline-block; vertical-align:middle; margin:auto; margin-left:20px;}

.net .sha1{ color:#666666;}



.nexiang{ font-size:16px; font-size:1.6rem; line-height:30px; padding-top:37px; /*text-align:center;*/}

.nexiang a{ color:#01437d;}

.nexiang img{ max-width:100%; margin:auto;}



.fanpian{ border-top:1px dashed #737373; padding-top:18px; margin-top:40px;}

.fanpian li{ position:relative; font-size:14px; font-size:1.4rem; line-height:30px; color:#666666;}

.fanpian li a{ color:#666; display:block;}

.fanpian .fl{ padding-left:38px;}

.fanpian .fr{ padding-right:38px;}

.fanpian li i{ display:block; width:28px; line-height:30px; font-size:28px; font-size:2.8rem; position:absolute;}

.fanpian .fl i{ left:0px; top:0px;}

.fanpian .fr i{ right:0px; top:0px;}

.fanpian li a:hover{ color:#01437d;}



.nemain2{ background:#fafafa; padding-top:59px; padding-bottom:88px;}

.ne2biao{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; line-height:24px;}

.nel{ width:48%; float:left; border:1px solid #cccccc; margin-top:40px; padding-bottom:30px;}

.ner{ width:48%; float:right; border:1px solid #cccccc; margin-top:40px;}

.nen{ padding:18px;}

.nebiao2{ display:block; font-size:22px; font-size:2.2rem; font-weight:bold; line-height:34px;}

.neln{ margin-top:20px;}

.neltu{ display:block; width:206px; float:left; margin-right:20px;}

.neltu img{ width:100%; max-width:511px; max-height:337px;}

.neln p{ font-size:16px; font-size:1.6rem; line-height:28px; color:#666666;}

.neln p a{ display:block; color:#666666;}

.nertu{ display:block; width:308px; margin:auto;}

.nertu img{ width:100%; max-width:511px; max-height:337px;}

.ner .neln{ margin-top:10px;}

.ner .nen{ padding-top:10px; padding-bottom:11px;}

.ner .nebiao2{ margin-top:20px;}

.nemain2 a:hover{ color:#01437d;}



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

.nemain h1{ font-size:20px; font-size:2rem; margin-top:30px;}

.fanpian li{ float:none; padding-right:0px; padding-left:38px; margin-bottom:10px;}

.fanpian .fr i{ right:auto; left:0px;}

.nemain2{ padding-top:10px; padding-bottom:38px;}

.nel,.ner{ width:auto; float:none; margin-top:20px;}

.nen{ padding:8px;}

.nebiao2{ font-size:18px; font-size:1.8rem;}

.neln p{ font-size:14px; font-size:1.4rem; line-height:24px;}

.nertu{ width:auto; max-width:308px;}

}

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

.neltu{ float:none; margin:auto; margin-bottom:20px;}

}



/*************************************  about1  *****************************/

.abnav{ background:#fafafa; padding-bottom:14px;}

.abnav .zong{ position:relative; height:121px;}

.abnavn{ position:absolute; width:100%; left:0px; bottom:0px;}

.abnavn a{ display:block; width:25%; float:left; height:198px;}

.abnavlie1{ background:#01437d; background:rgba(49,153,137,0.9)}

.abnavlie2{ background:#168171; background:rgba(22,129,113,0.9)}

.abnavtu{ display:block; width:54px; margin:auto; padding-top:14px;}

.abnavtu img{ width:100%; max-width:54px; max-height:52px;}

.abnavzi{ display:block; text-align:center; padding:0 5px; font-size:20px; font-size:2rem; color:#ffffff; line-height:30px; margin-top:42px;}

.abnavlie1:hover{ background:#01437d;}

.abnavlie2:hover{ background:#168171;}



.ab1main1{ background:#fafafa; padding-top:77px; padding-bottom:50px;}

.ab1tu1{ display:block;width:494px; float:left; padding-left:13px; padding-bottom:11px; position:relative; z-index:1; margin-right:46px; margin-bottom:30px;}

.ab1tu1:before{ content:""; position:absolute; width:401px; height:218px; left:0px; bottom:0px; background:url(../image/ab1bei1.jpg) no-repeat center; z-index:2}

.ab1tu1 img{ position:relative; z-index:3; width:100%; max-width:494px; max-height:486px;}

.ab1a1{ display:inline-block; font-size:14px; font-size:1.4rem; font-weight:bold; color:#01437d; line-height:24px; position:relative; padding-right:38px; position:relative; margin-top:6px;}

.ab1a1:before{ content:""; position:absolute; width:33px; height:2px; background:#01437d; right:0px; top:50%; margin-top:-1px;}

.ab1biao1{ display:block; font-size:36px; font-size:3.6rem; font-weight:bold; line-height:54px; margin-top:27px;}

.ab1main1 p{ font-size:16px; font-size:1.6rem; line-height:28px; margin-top:28px;}



.ab1main2{position: relative; padding-bottom:30.78%;height: 0;overflow: hidden; background:#fafafa;}

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

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



.ab1main3{ background:#fafafa; padding-top:123px; padding-bottom:114px;}

.ab1biao2{ display:block; text-align:center; font-size:36px; font-size:3.6rem; line-height:45px; font-weight:bold;}

.ab13n{ position:relative; z-index:1; margin-top:90px;}

.ab13n:before{ content:""; position:absolute; width:2px; height:100%; background:#01437d; top:0px; left:50%; margin-left:-1px; z-index:2}

.ab13n:after{ content:""; position:absolute; width:2px; height:440px; background:#fafafa; bottom:0px; left:50%; margin-left:-1px; z-index:2}

.ab13lie{ width:50%; padding-top:24px; position:relative; margin-top:-198px; z-index:3}

.ab13lie>span{ display:block; width:52px; height:52px; border:1px solid #01437d; border-radius:50%; text-align:center; line-height:52px; background:#ffffff; font-size:21px; font-size:2.1rem; color:#01437d; position:absolute; top:0px;}

.ab13lien{ width:454px; margin:auto; min-height:428px; background:#ffffff;box-shadow:0 0 6px rgba(0,0,0,0.2); }

.ab13zi{ padding:32px; padding-top:28px; padding-bottom:21px; min-height:109px;}

.ab13zi span{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; color:#01437d; line-height:24px;}

.ab13zi p{ font-size:20px; font-size:2rem; line-height:32px; margin-top:12px;}

.ab13tu{ display:block;}

.ab13tu img{ width:100%; max-width:454px; max-height:270px;}



.ab13lie1{ float:right;}

.ab13lie2{ float:left;}

.ab13lie1>span{ left:-26px;}

.ab13lie2>span{ right:-26px;}

.ab13lie:nth-child(1){ margin-top:auto;}



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

.ab13lien{ width:420px;}

.ab13zi{ padding:10px; padding-top:28px; padding-bottom:21px; min-height:109px;}

}

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

.abnav{ padding-bottom:0px;}

.abnav .zong{ height:auto;}

.abnavn{ position:relative;}

.abnavn a{ height:100px;}

.abnavtu{ width:30px; padding-top:8px;}

.abnavzi{ font-size:14px; font-size:1.4rem; line-height:22px; margin-top:10px;}



.ab1main1{ padding-top:27px;}

.ab1tu1{ width:250px; padding:0px; margin-right:10px; margin-bottom:10px;}

.ab1tu1:before{ display:none;}

.ab1a1{ margin-top:0px;}

.ab1biao1{ font-size:24px; font-size:2.4rem; line-height:33px; margin-top:10px;}

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



.ab1main3{ padding-top:23px; padding-bottom:34px;}

.ab1biao2{ font-size:24px; font-size:2.4rem;}

.ab13n{ margin-top:20px;}

.ab13n:before,.ab13n:after{ display:none}

.ab13lie{ width:100%; float:none; padding:0px; margin:auto; margin-top:20px;}

.ab13lie>span{ width:30px; height:30px; line-height:30px; font-size:16px; font-size:1.6rem; left:0px; top:50%; margin-top:-16px;}

.ab13lien{ width:auto; margin-left:40px; min-height:inherit}

.ab13tu{ width:200px; float:left; margin-right:10px;}

.ab13zi{ padding:10px; min-height:0px;}

.ab13zi span{ font-size:16px; font-size:1.6rem; line-height:24px;}

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

}

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

.ab1main1{ padding-top:15px;}

.ab1tu1{ float:none; margin:auto;}

.ab1a1{ margin-top:20px;}

.ab13tu{ width:120px;}

.ab13zi{ padding:0 10px;}

.ab13zi p{ margin-top:0px;}

}



/******************************  about2  **************************/

.ab2main1{ background:#fafafa; padding-top:100px;}

.ab2main1n{ background:#f3faf9; padding-top:15px; padding-bottom:64px;}

.ab21n{ background:#ffffff; margin-left:21px;}

.ab21datu{ display:block; width:572px; float:left; margin-right:53px;}

.ab21datu img{ width:100%; max-width:572px; max-height:563px;}

.ab2biao1{ display:block; font-size:36px; font-size:3.6rem; font-weight:bold; line-height:44px; padding-top:66px;}

.ab2a1{ display:block; font-size:18px; font-size:1.8rem; line-height:28px; margin-top:8px;}

.ab21zin{ position:relative; margin-right:30px; padding-right:30px; font-size:16px; font-size:1.6rem; line-height:28px; margin-top:62px; padding-bottom:15px;}

.ab21zin:before{ content:""; position:absolute; width:4px; height:100%; background:#9f9f9f; top:0px; right:0px;}

.ab21zin:after{ content:""; position:absolute; width:4px; height:110px; background:#01437d; top:0px; right:0px;}



.img-scroll {position: relative; z-index:9; width:1018px; margin:auto; margin-top:48px;}

.img-scroll .prev, .img-scroll .next {position: absolute; top:50%; margin-top:-18px; text-align:center;display: block;width:36px;height:36px; line-height:36px; background:#333333; border-radius:18px; font-size:16px; font-size:1.6rem; z-index:99; color:#fff; font-weight:bold; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;}

.img-scroll .prev {left:0px;cursor: pointer;}

.img-scroll .next {right:0px;cursor: pointer;}

.img-scroll .prev:hover,.img-scroll .next:hover { background:#01437d;}

.img-list {position: relative;overflow: hidden; z-index:90; margin:0 87px;}

.img-list ul {width: 10000%;}

.img-list li {float: left;display: inline;width:0.2298%; margin-right:0.026%; position:relative;}

.img-list li a{ display:block; position:relative; overflow:hidden;}

.img-list li a img{ width:100%; max-width:572px; max-height:563px;}

.img-scroll1{ display:none}



.ab2main2{ background:url(../image/ab2bei.jpg) no-repeat center; background-attachment:fixed; position:relative; background-size:cover; margin-top:77px;}

.ab2main2:before{ content:""; position:absolute; width:100%; height:100%; left:0px; top:0px; background:url(../image/ab2bei.jpg) no-repeat center; background-size:cover; z-index:-1}

.ab2zi{ width:50%; float:left; padding-bottom:20px;}

.ab2tu{ width:45%; float:right; position:relative;}

.ab2zin{ width:600px; float:right;}

.ab22datu{ display:block;}

.ab22datu img{ width:100%; max-width:865px; max-height:644px;}

.ab2xtu{ position:absolute; left:-52px; top:50%; margin-top:-237px;}

.ab2xtu a{ display:block; border-radius:50%;width:98px; border:3px solid #ffffff; margin-bottom:20px; box-shadow:-3px 0 3px rgba(0,0,0,0.35); }

.ab2xtu a img{ width:100%; max-width:98px; max-height:98px; border-radius:50%;}



.ab2biao2{ display:block; font-size:36px; font-size:3.6rem; color:#01437d; font-weight:bold; line-height:44px; padding-top:88px;}

.ab2a2{ display:block; font-size:18px; font-size:1.8rem; line-height:28px; margin-top:13px; color:#01437d;}

.ab22zin{ position:relative; margin-right:30px; padding-right:30px; font-size:16px; font-size:1.6rem; color:#fff; line-height:28px; margin-top:53px; padding-bottom:15px;}

.ab22zin p{ color:#01437d;}

.ab22zin:before{ content:""; position:absolute; width:4px; height:100%; background:#9f9f9f; top:0px; right:0px;}

.ab22zin:after{ content:""; position:absolute; width:4px; height:110px; background:#ffffff; top:0px; right:0px;}



.ab2main3{ background:#fafafa; padding-top:22px; padding-bottom:149px;}

.ab23zi{ width:575px; float:right;}

.ab23datu{ display:block; padding:8px 12px; width:563px; background:#fff; box-shadow:0px 0 5px rgba(0,0,0,0.2); margin-top:63px; float:left;}

.ab23datu img{ width:100%; max-width:563px; max-height:367px;}

.ab23xtu{ margin-top:63px; font-size:0px;}

.ab23xtu li{ width:32%; display:inline-block; *float:left; vertical-align:top; margin-left:2%; box-shadow:0px 0 5px rgba(0,0,0,0.2);}

.ab23xtu li a{ display:block; position:relative; margin:5px 8px; overflow:hidden;}

.ab23xtu li a img{ width:100%; max-width:563px; max-height:367px;}

.ab23xtu li a span{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; background:#333; background:rgba(51,51,51,0.7); transition:0.5s;}

.ab23xtu li a span i{ display:block; position:absolute; width:96%; left:2%; top:50%; margin-top:-15px; text-align:center; font-style:normal; font-size:20px; font-size:2rem; line-height:30px; font-weight:bold; color:#ffffff;}

.ab23xtu li a:hover span{ top:0px;}



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

.ab2biao2{ padding-top:20px;}

.ab22zin{ margin-top:20px;}

.ab2xtu{ margin-top:-224px;}

.ab2xtu a{ margin-bottom:10px;}

}

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

.ab2biao2{ padding-top:20px;}

.ab22zin{ margin-right:10px; margin-top:20px; line-height:24px; font-size:14px; font-size:1.4rem;}

.ab2xtu{ left:-25px; margin-top:-130px;}

.ab2xtu a{ width:50px; margin-bottom:10px;}

}

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

.ab2main1n{ padding-top:0px;}

.ab21n{ margin-left:auto; padding:10px;}

.ab21datu{ width:400px; margin-right:20px;}

.ab2biao1{ padding-top:20px;}

.ab21zin{ margin-right:10px; margin-top:20px; line-height:24px; font-size:14px; font-size:1.4rem;}

.img-scroll { width:940px;}

.ab2zin{ width:480px; float:right;}

.ab2tu{ padding:2% 0;}

.ab23zi{ width:475px; float:right;}

.ab23datu{ width:470px; margin-top:20px;}

}

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

.ab2main1{ padding-top:30px;}

.ab2main1n{ padding-bottom:24px;}

.ab21datu{ width:100%; max-width:572px; margin:auto; float:none;}

.ab2biao1{ padding:0px; font-size:24px; font-size:2.4rem; padding-top:20px;}

.ab2a1{ font-size:16px; font-size:1.6rem; line-height:24px; margin-top:5px;}

.ab21zin{ margin-right:10px; padding-right:0px; margin-top:20px; line-height:24px; font-size:14px; font-size:1.4rem;}

.ab21zin:before,.ab21zin:after{ display:none}

.img-scroll { width:98%; margin-top:20px;}

.img-list { margin:0 30px;}

.img-scroll .prev, .img-scroll .next { width:25px; height:25px; line-height:25px; font-size:14px; font-size:1.4rem; margin-top:-13px;}

.img-list li {width:0.19%; margin-right:0.012%;}

.img-scroll2{ display:none}

.img-scroll1{ display:block;}



.ab2main2{ margin-top:20px;}

.ab2biao2{ padding:0px; font-size:24px; font-size:2.4rem; padding-top:20px;}

.ab2zi{ width:100%; float:none; padding-bottom:20px;}

.ab22zin{ margin:auto; padding:inherit; margin-top:20px;}

.ab2tu{ width:96%; margin:auto; float:none; position:relative;}

.ab2zin{ width:96%; float:none; margin:auto;}

.ab22zin:before,.ab22zin:after{ display:none}

.ab22datu img{ margin:auto;}

.ab2xtu{ position:relative; width:50%; text-align:center; font-size:0px; top:auto; left:auto; margin:auto; margin-top:20px;}

.ab2xtu a{ display:inline-block; width:23%; margin:0 1%; border:none;}



.ab2main3{ padding-top:12px; padding-bottom:30px;}

.ab23zi{ width:100%; float:none;}

.ab23datu{ width:auto; padding:10px; float:none; margin:auto; max-width:563px; margin-top:20px;}

.ab23xtu{ margin-top:23px;}

.ab23xtu li a{ margin:5px;}

.ab23xtu li a span{ position:relative; top:auto; padding:5px 0;}

.ab23xtu li a span i{ position:relative; margin:auto; font-size:14px; font-size:1.4rem; font-weight:normal; line-height:20px;}

}

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

.ab23xtu li a span i{ font-size:12px; font-size:1.2rem;}

}



/***************************************************************  contact  *********************************************************************/

.comain{ background:#fafafa; padding-bottom:113px;}

.lxz{ width:383px; float:left; padding-top:9px;}

.lxy{ width:564px; float:right; padding-top:14px;}



.lxzn{ margin-top:32px;}

.coa{ display:block; font-size:20px; font-size:2rem; line-height:24px; font-weight: bold;}

.coa2{ display:block; font-size:18px; font-size:1.8rem; /*font-weight:bold;*/ text-transform:uppercase; color:#359a8a; margin-top:18px;}

.lxfs{ line-height:28px; font-size:16px; font-size:1.6rem; margin-top:18px;}

.lxfs li{ padding-left:28px; position:relative; font-size:16px; font-size:1.6rem; line-height:28px; margin-top:10px;}

.lxfs li i{ color:#333333; position:absolute; left:0px; top:0px; font-size:16px;}



.lxtou{font-size:18px; font-size:1.8rem; color:#359a8a; text-transform:uppercase; line-height:36px; font-weight:bold; margin-top:19px; margin-left:14px;}

.lxfs li a:hover{ color:#359a8a;}



.lxy .xing{ background:url(../image/xing.png) no-repeat left 16px;}

.se1{ width:68px; height:35px; background:none; border:1px solid #cccccc; line-height:35px;padding-left:4px; color:#666666;float:left; margin-left:11px; cursor:pointer;}

.lxy .int1{ padding-left:13px; margin-bottom:28px; margin-top:10px;}

.lxy .int1 input{  width:530px; height:33px; border:1px solid #cccccc; padding-left:15px; line-height:33px; font-size:14px; font-size:1.4rem;}

.lxy .int1 textarea{ width:530px; height:212px; border:1px solid #cccccc; padding-left:15px; line-height:33px; margin-top:2px; font-size:14px; font-size:1.4rem;}

.lxy .int4{ padding-left:12px; margin-top:22px;}

.lxy .int5{ width:138px; height:33px; border:1px solid #cccccc; padding-left:15px; line-height:33px; float:left; margin-right:20px; font-size:14px; font-size:1.4rem;}

.lxy .int6{ width:181px; height:37px; float:right; background:#01437d; font-size:16px; font-size:1.6rem; color:#fff; border:none; cursor:pointer; text-transform:uppercase;}

.lxy .int6:hover{ background:#03b196;}



.ditu{ max-width:100%;}



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

.lxz{ width:370px; float:left;}

.lxy{ width:494px; float:right; margin-right:20px;}

.lxy .int1 input{ width:463px;}

.lxy .int1 textarea{ width:463px; height:160px;}

.lxy .int5{ width:98px;}

.lxy .int6{ width:126px;}	

}

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

.comain{ padding-top:0px; background:none; margin-top:auto;}

.lxms2{ margin-top:23px;}

.lxz{ width:100%; float:none; background:none; padding:0px; min-height:inherit;}

.lxy{ width:100%; float:none;}

.comain{ padding-bottom:30px;}

.lxy .int1 input{ width:95%;}

.lxy .int1 textarea{ width:95%; height:130px;}

.lxy .int6{ float:left; margin-left:20px;}

}

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

.lxy .int2{ width:65%;}

.lxy .int1 input{ width:90%;}

.lxy .int1 textarea{ width:90%;}

.lxy .int5{ width:98px; margin-bottom:20px;}

.lxy .int6{ width:126px;}	

.lxy .int5{ width:90%;}

.lxy .int6{ width:106px; margin-left:10px;}

.lxms1{ font-size:14px; font-size:1.4rem;}

}











@font-face {

  font-family: "Montserrat-Bold";

  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"),

       url("../fonts/Montserrat-Bold.woff") format("woff"),

       url("../fonts/Montserrat-Bold.ttf") format("truetype"),

       url("../fonts/Montserrat-Bold.eot") format("embedded-opentype"),

       url("../fonts/Montserrat-Bold.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "Montserrat-Regular";

  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"),

       url("../fonts/Montserrat-Regular.woff") format("woff"),

       url("../fonts/Montserrat-Regular.ttf") format("truetype"),

       url("../fonts/Montserrat-Regular.eot") format("embedded-opentype"),

       url("../fonts/Montserrat-Regular.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "nevis";

 

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "AkzidenzGrotesk-Bold";

  src: url("../fonts/AkzidenzGrotesk-Bold.woff2") format("woff2"),

       url("../fonts/AkzidenzGrotesk-Bold.woff") format("woff"),

       url("../fonts/AkzidenzGrotesk-Bold.ttf") format("truetype"),

       url("../fonts/AkzidenzGrotesk-Bold.eot") format("embedded-opentype"),

       url("../fonts/AkzidenzGrotesk-Bold.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 4578832 */
  src: url('//at.alicdn.com/t/c/font_4578832_hgn1fnef9i.woff2?t=1717837969355') format('woff2'),
       url('//at.alicdn.com/t/c/font_4578832_hgn1fnef9i.woff?t=1717837969355') format('woff'),
       url('//at.alicdn.com/t/c/font_4578832_hgn1fnef9i.ttf?t=1717837969355') format('truetype');
}



.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-paper-airplane:before {

  content: "\e653";

}



.icon-sousuo:before {

  content: "\e628";

}



.icon-facebook:before {

  content: "\e71a";

}



.icon-guanbi:before {

  content: "\e61b";

}



.icon-duigouxiao:before {

  content: "\e8bd";

}



.icon-pinterest:before {

  content: "\e698";
  font-size: 24px;

}



.icon-linkedin:before {

  content: "\e697";

}



.icon-youtube:before {

  content: "\e61d";

}



.icon-twitter:before {

  content: "\e604";

}



.icon-jiantou_xiangyou:before {

  content: "\eb08";

}



.icon-skype:before {

  content: "\e64a";

}



.icon-up9:before {

  content: "\e72a";

}



.icon-left9:before {

  content: "\e72c";

}



.icon-right9:before {

  content: "\e72d";

}



.icon-right14:before {

  content: "\e741";

}



.icon-left16:before {

  content: "\e748";

}



.icon-right16:before {

  content: "\e749";

}



.icon-left24:before {

  content: "\e783";

}



.icon-right24:before {

  content: "\e784";

}



.icon-address:before {

  content: "\e7bc";

}



.icon-whatsapp:before {

  content: "\e7bf";

}



.icon-address1:before {

  content: "\e7c2";

}



.icon-email:before {

  content: "\e7c4";

}



.icon-email1:before {

  content: "\e7c5";

}



.icon-qq:before {

  content: "\e7cb";

}



.icon-tel:before {

  content: "\e7cc";

}



.icon-wechat:before {

  content: "\e7cd";

}



.icon-calendar3:before {

  content: "\e7e1";

}



.icon-instagram:before {

  content: "\e87f";
  font-size: 25px;

}


.yzm1{float: left;}

html.os-html, html.os-html > .os-host { display: block; overflow: hidden; box-sizing: border-box; height: 100% !important; width: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; position: absolute !important;}
html.os-html > .os-host > .os-padding { position: absolute;}
body.os-dragging,
body.os-dragging * { cursor: default;}
.os-host,
.os-host-textarea { position: relative; overflow: visible !important;}
#hs-dummy-scrollbar-size { position: fixed; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; visibility: hidden; overflow: scroll; height: 500px; width: 500px;}
#hs-dummy-scrollbar-size,
.os-viewport { -ms-overflow-style: scrollbar !important;}
.os-viewport-native-scrollbars-invisible#hs-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#hs-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner { display: none !important; width: 0px !important; height: 0px !important; visibility: hidden !important; background: transparent !important;}
.os-content-glue { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none;}
.os-padding { direction: inherit; position: absolute; overflow: visible; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 1;}
.os-host-overflow > .os-padding { overflow: hidden;}
.os-viewport { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch;}
.os-content-arrange { position: absolute; z-index: -1; min-height: 1px; min-width: 1px; pointer-events: none;}
.os-content { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: 100%; height: 100%; width: 100%; visibility: visible;}
.os-host-textarea > .os-padding > .os-content { overflow: hidden !important;}
.os-content > .os-textarea { direction: inherit !important; float: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; border: none !important; border-radius: 0px !important; background: transparent !important; outline: 0px none transparent !important; overflow: hidden !important; resize: none !important; position: absolute !important; top: 0 !important; left: 0 !important; z-index: 1; padding: 0px;}
.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea { right: 0 !important;}
.os-content > .os-textarea-cover { z-index: -1; pointer-events: none;}
.os-content > .os-textarea[wrap='off'] { white-space: pre !important; margin: 0px !important;}
.os-text-inherit { font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit; text-transform: inherit; text-decoration: inherit; text-indent: inherit; text-align: inherit; text-shadow: inherit; text-overflow: inherit; letter-spacing: inherit; word-spacing: inherit; line-height: inherit; unicode-bidi: inherit; direction: inherit; color: inherit; cursor: text;}
.os-resize-observer,
.os-resize-observer-host { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;}
.os-resize-observer-host { padding: inherit; border: inherit; border-color: transparent; border-style: solid; box-sizing: border-box;}
.os-resize-observer-host:after { content: '';}
.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host:after { height: 200%; width: 200%; padding: inherit; border: inherit; margin: 0px; display: block; box-sizing: content-box;}
.os-resize-observer.observed,
object.os-resize-observer { box-sizing: border-box !important;}
.os-size-auto-observer { box-sizing: inherit !important; height: 100%; width: inherit; max-width: 1px; position: relative; float: left; max-height: 1px; margin-top: -1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none;}
.os-size-auto-observer > .os-resize-observer { width: 1000%; height: 1000%; min-height: 1px; min-width: 1px;}
.os-resize-observer-item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -1; opacity: 0; direction: ltr !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important;}
.os-resize-observer-item-final { position: absolute; left: 0; top: 0; -webkit-transition: none !important; transition: none !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important;}
.os-resize-observer { -webkit-animation-duration: 0.001s; animation-duration: 0.001s; -webkit-animation-name: hs-resize-observer-dummy-animation; animation-name: hs-resize-observer-dummy-animation;}

/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/

.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner { -webkit-transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;}
html.os-html > .os-host > .os-scrollbar { position: absolute; z-index: 999999;}
.os-scrollbar,
.os-scrollbar-corner { position: absolute; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; z-index: 1;}
.os-scrollbar-corner { bottom: 0; right: 0;}
.os-scrollbar { pointer-events: none;}
.os-scrollbar-track { pointer-events: auto; position: relative; height: 100%; width: 100%; padding: 0 !important; border: none !important;}
.os-scrollbar-handle { pointer-events: auto; position: absolute; width: 100%; height: 100%;}
.os-scrollbar-handle-off,
.os-scrollbar-track-off { pointer-events: none;}
.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * { pointer-events: none !important;}
.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle { opacity: 0 !important;}
.os-scrollbar-horizontal { bottom: 0; left: 0;}
.os-scrollbar-vertical { top: 0; right: 0;}
.os-host-rtl > .os-scrollbar-horizontal { right: 0;}
.os-host-rtl > .os-scrollbar-vertical { right: auto; left: 0;}
.os-host-rtl > .os-scrollbar-corner { right: auto; left: 0;}
.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner { opacity: 0; visibility: hidden; pointer-events: none;}
.os-scrollbar-corner-resize-both { cursor: nwse-resize;}
.os-host-rtl > .os-scrollbar-corner-resize-both { cursor: nesw-resize;}
.os-scrollbar-corner-resize-horizontal { cursor: ew-resize;}
.os-scrollbar-corner-resize-vertical { cursor: ns-resize;}
.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize { cursor: default;}
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical { top: 0; bottom: 0;}
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal { right: 0; left: 0;}



.os-theme-round-dark > .os-scrollbar {  padding: 0;}
.os-theme-round-dark > .os-scrollbar-horizontal { right: 0px; height: 0px;}
.os-theme-round-dark > .os-scrollbar-vertical { bottom: 0px; width: 4px;}
.os-theme-round-dark.os-host-rtl > .os-scrollbar-horizontal { left: 0px; right: 0;}
.os-theme-round-dark > .os-scrollbar-corner { height: 100px; width: 4px; background-color: transparent;}
.os-theme-round-dark > .os-scrollbar > .os-scrollbar-track { background: transparent;}
.os-theme-round-dark > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-round-dark > .os-scrollbar-vertical > .os-scrollbar-track:before { content: ''; display: block; position: absolute; background:#9f9f9f;}
.os-theme-round-dark > .os-scrollbar-horizontal > .os-scrollbar-track:before { left: 0px; right:0px; height: 4px; top: 50%; margin-top: -2px;}
.os-theme-round-dark > .os-scrollbar-vertical > .os-scrollbar-track:before { top: 0px; bottom: 0px; width: 4px; left: 50%; margin-left: -2px;}
.os-theme-round-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: transparent;}
.os-theme-round-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before { content: ''; display: block; position: absolute; background:#01437d; top: 0px; bottom: 0px; left: 0px; right: 0px; transform: scale(1);}
.os-theme-round-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-round-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle { height: 100%; min-width: 4px; max-width: 4px;}
.os-theme-round-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle { width: 100%;}
.os-theme-round-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before { transition: transform 0.3s;}


.os-theme-round-light > .os-scrollbar { padding: 0;}
.os-theme-round-light > .os-scrollbar-horizontal { right: 0px;  height: 0px;}
.os-theme-round-light > .os-scrollbar-vertical { bottom: 0px;  width: 4px;}
.os-theme-round-light.os-host-rtl > .os-scrollbar-horizontal { left: 0px;  right: 0;}
.os-theme-round-light > .os-scrollbar-corner { height: 20px;  width: 4px;  background-color: transparent;}
.os-theme-round-light > .os-scrollbar > .os-scrollbar-track { background: transparent;}
.os-theme-round-light > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-round-light > .os-scrollbar-vertical > .os-scrollbar-track:before { content: '';  display: block;  position: absolute;  background:#9f9f9f;}
.os-theme-round-light > .os-scrollbar-horizontal > .os-scrollbar-track:before {left: 0px; right:0px; height: 4px; top: 50%; margin-top: -2px;}
.os-theme-round-light > .os-scrollbar-vertical > .os-scrollbar-track:before { top: 0px; bottom: 0px; width: 4px; left: 50%; margin-left: -2px;}
.os-theme-round-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: transparent;}
.os-theme-round-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {  content: ''; display: block; position: absolute; background:#fff; top: 0px; bottom: 0px; left: 0px; right: 0px; transform: scale(1);}
.os-theme-round-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-round-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle { height: 100%;  min-width: 4px;  max-width: 4px;}
.os-theme-round-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle { width: 100%;}
.os-theme-round-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before { transition: transform 0.3s;}

.ab21datu{ margin-right:auto;}
.ab21zi{ width:527px; margin-right:30px; float:right;}
.ab21zin,.ab22zin{ position:relative; margin-right:auto; padding-right:0px;}
.ab21zin p,.ab22zin p{ padding-right:30px;}
.ab21zin:before,.ab21zin:after{ display:none}
.ab22zin:before,.ab22zin:after{ display:none}
.box { width:100%; height:280px; overflow:auto; padding-bottom:20px;}
.box3 { width:100%; height:196px; overflow:auto; padding-bottom:20px;}


@media screen and (max-width:1219px){
.ab21zi{ width:490px; margin-right:30px; float:right;}
.box { height:240px;}
.box3 { height:168px;}
}
@media screen and (max-width:999px){
.ab21zi{ width:100%; margin:auto;}
}


.listcart{ width:100%; margin-top:40px;margin-bottom: 40px;}
.listcart a{ background:#fff;display:inline-block;height: 30px; width:200px; line-height: 30px;cursor: pointer;border: none;overflow: hidden;color: #01437d;cursor: pointer;  border:1px solid #01437d; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;}
.listcart a:hover{  border:#01437d solid 1px; background:#01437d; color:#fff!important;}
@media screen and (max-width:999px){
.listcart a{margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px }
.listcart{ width:100%;
}
}
@media screen and (max-width:420px){
.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}
}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.ppp{line-height: 30px;margin-bottom: 20px;margin-top: 20px;}
.xunpanc table tr td a:hover{color: #01437d;}

.img-scroll3 {position: relative; z-index:9; margin:auto; margin-top:48px; padding-bottom:50px;}
.img-scroll3 .prev, .img-scroll3 .next {position: absolute; top:50%; margin-top:-18px; text-align:center;display: block;width:36px;height:36px; line-height:36px; background:#333333; border-radius:18px; font-size:16px; font-size:1.6rem; z-index:99; color:#fff; font-weight:bold; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;}
.img-scroll3 .prev {left:0px;cursor: pointer;}
.img-scroll3 .next {right:0px;cursor: pointer;}
.img-scroll3 .prev:hover,.img-scroll3 .next:hover { background:#01437d;}
.img-list3 {position: relative;overflow: hidden; z-index:90; padding:5px;}
.img-list3 ul {width: 10000%; margin:auto;}
.img-list3 li {float: left;display: inline; width:0.32%; margin-right:0.02%; margin-left:0px; position:relative;}
.img-list3 li a{ display:block; position:relative; overflow:hidden;}
.img-list3 li a img{ width:100%; max-width:563px; max-height:367px;}
.ab3nav{ width:80px; height:36px; position:absolute; left:50%; margin-left:-40px; bottom:0px;}
@media screen and (max-width:999px) {
.img-scroll3 { margin-top:20px; padding-bottom:35px;}
.img-scroll3 .prev, .img-scroll3 .next { width:25px; height:25px; line-height:25px; font-size:14px; font-size:1.4rem; margin-top:-13px;}
}
@media screen and (max-width:499px) {
.img-list3 li { width:0.49%; margin-right:0.02%; margin-left:0px; position:relative;}
}


.fot .int2{ clear:both; display:block; content:"";}
.fot .int2 .int3{ width:80px; height:28px; line-height:28px; background:#fff; padding-left:10px; font-size:14px; font-size:1.4rem; float:left; text-align:left;}
.fot .int2 .yanzheng{ float:left; width:100px; height:30px; margin-left:10px;}
.fot .int2 .yanzheng img{ width:100%; height:100%;}
.fot .int2 .int4{ float:right; width:166px; height:30px; line-height:30px; text-align:center; transition:0.5s; background:#01437d; cursor:pointer; font-size:16px; font-size:1.6rem; color:#ffffff; text-transform:uppercase;}
.fot .int2 .int4:hover{ background:#fff; color:#01437d;}
.clear2{ display:none}
@media screen and (max-width:999px) {
.fot3 { padding-top:17px;}
.fot .int1 textarea{ height:50px;}
.clear2{ clear:both; display:block;}
.fot .int2 .int3{ width:96%;}
.fot .int2 .yanzheng{ margin-left:auto; margin-top:33px;}
.fot .int2 .int4{ margin-top:33px; float:left; margin-left:10px;}
}