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

*{ margin:0; padding:0; border:0; outline:none;}
a{ text-decoration:none; color:#333;}
dl,dd,dt,ol,ul,li{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
body,html{ width:100%; height:100%; color:#333; font-size:14px; font-family:Arial, "Microsoft YaHei", "微软雅黑", "verdana", "宋体";}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 

.swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.swiper-slide{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}

.swiper-pagination{ position:absolute; text-align:center; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}

/*banner*/
@media screen and (min-width:1280px){
.header{ width:100%; height:80px; z-index:999; position:fixed; left:0; top:0; background-image:url(../images/navbg.png); background-position:left bottom; background-repeat:repeat-x;}
.header.bg{ background-color:rgba(0,0,0,0.9);}
.header .head{ width:1200px; height:80px; margin:auto;}
.header .head .logo{ height:60px; float:left; margin:10px 0;}
.header .head .logo img{ display:block; height:60px;}
.header .head ul{ display:block; padding-left:50px; height:80px; position:relative; overflow:hidden; float:left;}
.header .head ul li{ display:block; float:left; margin-left:35px; height:80px; position:relative; overflow:hidden;}
.header .head ul li a{ display:block; height:80px; line-height:80px; font-size:16px; color:#fff;}
.header .head ul li p{ display:block;}
.header .head ul li span{ display:none;}
.header .head ul li b{ position:absolute; left:0; bottom:0; width:0; height:2px; background-color:#3b79c0; display:block; transition:width .5s; -moz-transition:width .5s; -webkit-transition:width .5s; -o-transition:width .5s;}
.header .head ul li.on b,.header .head ul li:hover b{ width:100%;}
.header .head .nav{ height:24px; float:right; cursor:pointer; margin:28px 0;}

.navbox{ width:250px; height:100%; position:fixed; z-index:1000; right:-250px; top:0; background-color:rgba(0,0,0,0.9); overflow:auto;}
.navbox .close{ margin-top:30px; margin-left:30px; padding-left:22px; background-image:url(../images/close.png); background-position:left center; background-repeat:no-repeat; font-size:14px; color:#fff; cursor:pointer; text-transform:uppercase;}
.navbox ul{ display:block; margin-left:30px; padding-top:20%;}
.navbox ul li{ display:block; margin-top:10%; font-size:16px;}
.navbox ul li a{ display:block; color:#fff; line-height:26px;}
.navbox ul li a b{ display:block; float:left; width:20px; height:26px; transition:width .5s; -moz-transition:width .5s; -webkit-transition:width .5s; -o-transition:width .5s;}
.navbox ul li.on b,.navbox ul li:hover b{ width:0;}
.navbox ul li p{ display:block;}
.navbox ul li span{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.header{ width:100%; height:70px; z-index:999; position:fixed; left:0; top:0; background-image:url(../images/navbg.png); background-position:left bottom; background-repeat:repeat-x;}
.header.bg{ background-color:rgba(0,0,0,0.9);}
.header .head{ width:94%; height:70px; margin:auto;}
.header .head .logo{ height:50px; float:left; margin:10px 0;}
.header .head .logo img{ display:block; height:50px;}
.header .head ul{ display:none;}
.header .head ul li.on b,.header .head ul li:hover b{ width:100%;}
.header .head .nav{ height:24px; float:right; cursor:pointer; margin:23px 0;}

.navbox{ width:250px; height:100%; position:fixed; z-index:1000; right:-250px; top:0; background-color:rgba(0,0,0,0.9); overflow:auto;}
.navbox .close{ margin-top:30px; margin-left:30px; padding-left:22px; background-image:url(../images/close.png); background-position:left center; background-repeat:no-repeat; font-size:14px; color:#fff; cursor:pointer; text-transform:uppercase;}
.navbox ul{ display:block; margin-left:30px; padding-top:10%;}
.navbox ul li{ display:block; margin-top:10%; font-size:16px;}
.navbox ul li a{ display:block; color:#fff; line-height:26px;}
.navbox ul li a b{ display:block; float:left; width:20px; height:26px; transition:width .5s; -moz-transition:width .5s; -webkit-transition:width .5s; -o-transition:width .5s;}
.navbox ul li.on b,.navbox ul li:hover b{ width:0;}
.navbox ul li p{ display:none;}
.navbox ul li span{ display:block;}
}
@media only screen and (max-width:768px){
.header{ width:100%; height:50px; z-index:999; position:fixed; left:0; top:0; background-image:url(../images/navbg.png); background-position:left bottom; background-repeat:repeat-x;}
.header.bg{ background-color:rgba(0,0,0,0.9);}
.header .head{ width:94%; height:50px; margin:auto;}
.header .head .logo{ height:40px; float:left; margin:5px 0;}
.header .head .logo img{ display:block; height:40px;}
.header .head ul{ display:none;}
.header .head ul li.on b,.header .head ul li:hover b{ width:100%;}
.header .head .nav{ height:24px; float:right; cursor:pointer; margin:13px 0;}

.navbox{ width:250px; height:100%; position:fixed; z-index:1000; right:-250px; top:0; background-color:rgba(0,0,0,0.9); overflow:auto;}
.navbox .close{ margin-top:30px; margin-left:30px; padding-left:22px; background-image:url(../images/close.png); background-position:left center; background-repeat:no-repeat; font-size:14px; color:#fff; cursor:pointer; text-transform:uppercase;}
.navbox ul{ display:block; margin-left:30px; padding-top:5%;}
.navbox ul li{ display:block; margin-top:10%; font-size:14px;}
.navbox ul li a{ display:block; color:#fff; line-height:24px;}
.navbox ul li a b{ display:block; float:left; width:20px; height:26px; transition:width .5s; -moz-transition:width .5s; -webkit-transition:width .5s; -o-transition:width .5s;}
.navbox ul li.on b,.navbox ul li:hover b{ width:0;}
.navbox ul li p{ display:none;}
.navbox ul li span{ display:block;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; height:680px; position:relative; z-index:0;}
.banner .swiper-container{ width:100%; height:100%; position:relative; overflow:hidden;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-pagination{ width:140px; height:20px; position:absolute; left:50%; margin-left:-70px; bottom:20px; z-index:3; background-color:rgba(0,0,0,0.3); border-radius:20px; text-align:center; vertical-align:middle;}
.banner .swiper-pagination span{ width:10px; height:10px; margin:5px; display:inline-block; background-image:url(../images/ban.png); background-repeat:no-repeat; background-position:center;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/banh.png);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.banner{ width:100%; height:400px; position:relative; z-index:0;}
.banner .swiper-container{ width:100%; height:100%; position:relative; overflow:hidden;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-pagination{ width:120px; height:20px; position:absolute; left:50%; margin-left:-60px; bottom:10px; z-index:3; background-color:rgba(0,0,0,0.3); border-radius:20px; text-align:center; vertical-align:middle;}
.banner .swiper-pagination span{ width:10px; height:10px; margin:5px; display:inline-block; background-image:url(../images/ban.png); background-repeat:no-repeat; background-position:center;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/banh.png);}
}
@media only screen and (max-width:768px){
.banner{ width:100%; height:26vh; position:relative; z-index:0;}
.banner .swiper-container{ width:100%; height:100%; position:relative; overflow:hidden;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-pagination{ width:100px; height:20px; position:absolute; left:50%; margin-left:-50px; bottom:5px; z-index:3; background-color:rgba(0,0,0,0.3); border-radius:20px; text-align:center; vertical-align:middle;}
.banner .swiper-pagination span{ width:10px; height:10px; margin:5px; display:inline-block; background-image:url(../images/ban.png); background-repeat:no-repeat; background-position:center;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/banh.png);}
}

/*优势*/
@media screen and (min-width:1280px){
.ybox{ width:100%; position:relative; height:160px;}
.ybox .box{ width:1920px; height:160px; position:absolute; left:50%; margin-left:-960px; top:0;}
.ybox .box .left{ width:350px; background-color:#252525; float:left; height:132px; padding:14px 360px; padding-right:0;}
.ybox .box .left .en{ color:#fff; font-size:36px; height:60px; line-height:60px; text-transform:uppercase;}
.ybox .box .left .cn{ color:#999; font-size:24px; height:36px; line-height:36px;}
.ybox .box .left .wen{ color:#666; font-size:14px; height:22px; line-height:22px;}
.ybox .box .right{ width:1210px; float:left; height:130px; padding-top:30px;}
.ybox .box .right ul{ width:850px; height:130px; display:block; overflow:hidden;}
.ybox .box .right ul li{ width:20%; float:left; display:block; text-align:center; overflow:hidden;}
.ybox .box .right ul li strong{ width:70px; height:70px; display:block; margin:auto; background-position:center; background-repeat:no-repeat;overflow:hidden;}
.ybox .box .right ul li b{ width:70px; height:70px; display:none; margin:auto; background-position:center; background-repeat:no-repeat; overflow:hidden;} 
.ybox .box .right ul li span{ display:block; height:42px; line-height:42px; font-size:16px; overflow:hidden;}
.ybox .box .right ul li:hover strong{ display:none;}
.ybox .box .right ul li:hover b{ display:block;}
.ybox .box .right ul li:hover span{ color:#3b79c0;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ybox{ width:100%; position:relative;}
.ybox .box{ width:100%;}
.ybox .box .left{ width:30%; background-color:#252525; float:left; padding:24px 3%;}
.ybox .box .left .en{ color:#fff; font-size:24px; height:30px; line-height:30px; text-transform:uppercase;}
.ybox .box .left .cn{ color:#999; font-size:20px; height:30px; line-height:30px;}
.ybox .box .left .wen{ color:#666; font-size:14px; height:22px; line-height:22px;}
.ybox .box .right{ width:64%; float:left; height:110px; padding:10px 0;}
.ybox .box .right ul{ width:100%; height:110px; display:block; overflow:hidden;}
.ybox .box .right ul li{ width:20%; float:left; display:block; text-align:center; overflow:hidden;}
.ybox .box .right ul li strong{ width:70px; height:70px; display:block; margin:auto; background-position:center; background-repeat:no-repeat; overflow:hidden;}
.ybox .box .right ul li b{ width:70px; height:70px; display:none; margin:auto; background-position:center; background-repeat:no-repeat; overflow:hidden;} 
.ybox .box .right ul li span{ display:block; width:94%; margin:auto; height:24px; margin-top:5px; line-height:24px; font-size:14px; overflow:hidden;}
.ybox .box .right ul li:hover strong{ display:none;}
.ybox .box .right ul li:hover b{ display:block;}
.ybox .box .right ul li:hover span{ color:#3b79c0;}
}
@media only screen and (max-width:768px){
.ybox{ width:100%; position:relative;}
.ybox .box{ width:100%;}
.ybox .box .left{ width:94%; background-color:#252525; float:left; padding:14px 3%;}
.ybox .box .left .en{ color:#fff; font-size:20px; height:30px; line-height:30px; text-transform:uppercase;}
.ybox .box .left .cn{ color:#999; font-size:18px; height:26px; line-height:26px;}
.ybox .box .left .wen{ color:#666; font-size:14px; height:22px; line-height:22px;}
.ybox .box .right{ width:100%; float:left; padding-bottom:15px;}
.ybox .box .right ul{ width:100%; display:block; overflow:hidden; text-align:center; vertical-align:top;}
.ybox .box .right ul li{ width:30%; margin-top:10px; display:inline-block; overflow:hidden; vertical-align:top; height:95px;}
.ybox .box .right ul li strong{ width:70px; height:70px; display:block; margin:auto; background-position:center; background-repeat:no-repeat; overflow:hidden;}
.ybox .box .right ul li b{ width:70px; height:70px; display:none; margin:auto; background-position:center; background-repeat:no-repeat; overflow:hidden;} 
.ybox .box .right ul li span{ display:block; width:94%; margin:auto; height:18px; margin-top:5px; line-height:18px; font-size:14px; overflow:hidden;}
.ybox .box .right ul li:hover strong{ display:none;}
.ybox .box .right ul li:hover b{ display:block;}
.ybox .box .right ul li:hover span{ color:#3b79c0;}
}

/*产品*/
@media screen and (min-width:1280px){
.pbox{ width:100%; background-color:#f6f8ff; padding-bottom:70px;}
.pbox .box{ width:1200px; margin:auto;}
.pbox .box .title{ padding-top:65px; text-align:center;}
.pbox .box .title span{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px;}
.pbox .box .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#666;}
.pbox .box .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:13px;}
.pbox .box ul{ width:100%; display:block; overflow:hidden; height:410px; margin-top:30px;}
.pbox .box ul li{ width:380px; height:410px; float:left; text-align:center;}
.pbox .box ul li.on{ width:440px;}
.pbox .box ul li em{ width:100%; height:20px; display:block; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s; overflow:hidden;}
.pbox .box ul li.on em{ height:0;}
.pbox .box ul li a{ width:100%; height:380px; background-color:#fff; display:block; overflow:hidden; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.pbox .box ul li.on a{ width:100%; height:410px; background-color:#3b79c0;}
.pbox .box ul li .tu{ padding-top:50px; height:80px;}
.pbox .box ul li .tu .c01{ display:block; height:80px; margin:auto;}
.pbox .box ul li .tu .c02{ display:none; height:80px; margin:auto;}
.pbox .box ul li.on .tu .c01{ display:none;}
.pbox .box ul li.on .tu .c02{ display:block;}
.pbox .box ul li .cn{ margin:auto; margin-top:23px; font-size:18px; height:28px; line-height:28px; width:240px;}
.pbox .box ul li.on .cn{ color:#fff;}
.pbox .box ul li .en{ margin:auto; font-size:14px; height:20px; line-height:20px; width:240px; text-transform:uppercase; color:999;}
.pbox .box ul li.on .en{ color:#eee;}
.pbox .box ul li b{ margin:15px auto; margin-top:16px; width:70px; height:2px; background-color:#eee; display:block;}
.pbox .box ul li .wen{ margin:auto; font-size:14px; height:72px; line-height:24px; width:240px;}
.pbox .box ul li.on .wen{ color:#fff;}
.pbox .box ul li strong{ display:none; margin:auto; margin-top:20px; width:120px;}
.pbox .box ul li.on strong{ display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pbox{ width:100%; background-color:#f6f8ff; padding-bottom:40px;}
.pbox .box{ width:94%; margin:auto;}
.pbox .box .title{ padding-top:35px; text-align:center;}
.pbox .box .title span{ display:block; overflow:hidden; font-size:24px; height:28px; line-height:28px;}
.pbox .box .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#666;}
.pbox .box .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}
.pbox .box ul{ width:100%; display:block; overflow:hidden; margin-top:20px; height:330px;}
.pbox .box ul li{ width:33.33%; float:left; text-align:center;}
.pbox .box ul li em{ width:100%; height:20px; display:block; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s; overflow:hidden;}
.pbox .box ul li.on em{ height:0;}
.pbox .box ul li a{ width:100%; height:290px; background-color:#fff; display:block; overflow:hidden; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.pbox .box ul li.on a{ width:100%; height:330px; background-color:#3b79c0;}
.pbox .box ul li .tu{ padding-top:30px; height:70px;}
.pbox .box ul li .tu .c01{ display:block; height:70px; margin:auto;}
.pbox .box ul li .tu .c02{ display:none; height:70px; margin:auto;}
.pbox .box ul li.on .tu .c01{ display:none;}
.pbox .box ul li.on .tu .c02{ display:block;}
.pbox .box ul li .cn{ margin:auto; margin-top:15px; font-size:18px; height:28px; line-height:28px; width:94%;}
.pbox .box ul li.on .cn{ color:#fff;}
.pbox .box ul li .en{ margin:auto; font-size:14px; height:20px; line-height:20px; width:94%; text-transform:uppercase; color:999;}
.pbox .box ul li.on .en{ color:#eee;}
.pbox .box ul li b{ margin:10px auto; width:70px; height:2px; background-color:#eee; display:block;}
.pbox .box ul li .wen{ margin:auto; font-size:14px; height:72px; line-height:24px; width:94%;}
.pbox .box ul li.on .wen{ color:#fff;}
.pbox .box ul li strong{ display:none; margin:auto; margin-top:10px; width:120px;}
.pbox .box ul li.on strong{ display:block;}
}
@media only screen and (max-width:768px){
.pbox{ width:100%; background-color:#f6f8ff; padding-bottom:20px;}
.pbox .box{ width:100%; margin:auto;}
.pbox .box .title{ padding-top:15px; text-align:center;}
.pbox .box .title span{ display:block; overflow:hidden; font-size:18px; height:26px; line-height:26px;}
.pbox .box .title p{ display:block; overflow:hidden; font-size:14px; height:20px; line-height:20px; color:#666;}
.pbox .box .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}
.pbox .box ul{ width:94%; margin:auto; display:block; overflow:hidden; margin-top:5px;}
.pbox .box ul li{ width:100%; margin-top:10px; float:left; text-align:center;}
.pbox .box ul li em{ display:none;}
.pbox .box ul li a{ width:100%; background-color:#fff; display:block; overflow:hidden; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s; padding-bottom:20px;}
.pbox .box ul li.on a{ width:100%; background-color:#3b79c0;}
.pbox .box ul li .tu{ padding-top:20px; height:50px;}
.pbox .box ul li .tu .c01{ display:block; height:50px; margin:auto;}
.pbox .box ul li .tu .c02{ display:none; height:50px; margin:auto;}
.pbox .box ul li.on .tu .c01{ display:none;}
.pbox .box ul li.on .tu .c02{ display:block;}
.pbox .box ul li .cn{ margin:auto; margin-top:10px; font-size:16px; height:26px; line-height:26px; width:94%;}
.pbox .box ul li.on .cn{ color:#fff;}
.pbox .box ul li .en{ margin:auto; font-size:14px; height:20px; line-height:20px; width:94%; text-transform:uppercase; color:999;}
.pbox .box ul li.on .en{ color:#eee;}
.pbox .box ul li b{ margin:10px auto; width:50px; height:2px; background-color:#eee; display:block;}
.pbox .box ul li .wen{ margin:auto; font-size:14px; line-height:20px; width:94%;}
.pbox .box ul li.on .wen{ color:#fff;}
.pbox .box ul li strong{ display:none;}
}

/*为什么选择我们*/
@media screen and (min-width:1280px){
.wbox{ width:100%; background-image:url(../images/wbg.jpg); background-attachment:fixed; background-repeat:no-repeat;}
.wbox .box{ width:100%; padding-bottom:70px; background-color:rgba(0,0,0,0.8);}
.wbox .box .title{ padding-top:65px; text-align:center;}
.wbox .box .title span{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px; color:#fff;}
.wbox .box .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#fff;}
.wbox .box .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:13px;}
.wbox .box .nei{ width:1200px; margin:auto; margin-top:30px;}
.wbox .box .nei .left{ float:left; width:500px;}
.wbox .box .nei .left img{ display:block; max-width:100%;}
.wbox .box .nei .right{ width:640px; float:right;}
.wbox .box .nei .right dt{ display:block; height:80px; width:100%; overflow:hidden;}
.wbox .box .nei .right dd{ display:block; height:40px; width:2px; background-color:rgba(59,121,192,0.7); overflow:hidden; margin-left:39px;}
.wbox .box .nei .right dt strong{ width:80px; height:80px; border-radius:80px; display:block; float:left; overflow:hidden;}
.wbox .box .nei .right dt strong img{ display:block; margin:auto;}
.wbox .box .nei .right dt:hover strong{ background-color:#3b79c0;} 
.wbox .box .nei .right dt p{ width:540px; height:80px; margin-left:20px; display:block; float:left; overflow:hidden;}
.wbox .box .nei .right dt p span{ display:block; overflow:hidden; color:#fff; font-size:18px; height:24px; line-height:24px; width:100%; float:left; margin-bottom:7px;}
.wbox .box .nei .right dt p a{ display:block; float:left; width:250px; padding-left:14px; margin-right:6px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; overflow:hidden; color:#999; font-size:14px; height:26px; line-height:26px;}
.wbox .box .nei .right dt:hover p a{ background-image:url(../images/lih.png); color:#fff;} 
}
@media screen and (min-width:769px) and (max-width:1279px){
.wbox{ width:100%; background-image:url(../images/wbg.jpg); background-attachment:fixed; background-repeat:no-repeat;}
.wbox .box{ width:94%; padding:0 3%; padding-bottom:40px; background-color:rgba(0,0,0,0.8);}
.wbox .box .title{ padding-top:35px; text-align:center;}
.wbox .box .title span{ display:block; overflow:hidden; font-size:24px; height:28px; line-height:28px; color:#fff;}
.wbox .box .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#fff;}
.wbox .box .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}
.wbox .box .nei{ width:100%; margin:auto; margin-top:20px;}
.wbox .box .nei .left{ float:left; width:50%;}
.wbox .box .nei .left img{ display:block; width:100%;}
.wbox .box .nei .right{ width:47%; float:right;}
.wbox .box .nei .right dt{ display:block; width:100%; overflow:hidden; position:relative;}
.wbox .box .nei .right dd{ display:block; height:40px; width:2px; background-color:rgba(59,121,192,0.7); overflow:hidden; margin-left:39px;}
.wbox .box .nei .right dt strong{ width:80px; height:80px; border-radius:80px; display:block; float:left; overflow:hidden; position:absolute; left:0; top:0;}
.wbox .box .nei .right dt strong img{ display:block; margin:auto;}
.wbox .box .nei .right dt:hover strong{ background-color:#3b79c0;} 
.wbox .box .nei .right dt p{ padding-left:90px; height:80px; display:block; float:left; overflow:hidden;}
.wbox .box .nei .right dt p span{ display:block; overflow:hidden; color:#fff; font-size:18px; height:24px; line-height:24px; width:100%; float:left; margin-bottom:7px;}
.wbox .box .nei .right dt p a{ display:block; float:left; width:50%; box-sizing:border-box; padding:0 10px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; overflow:hidden; color:#999; font-size:14px; height:26px; line-height:26px;}
.wbox .box .nei .right dt:hover p a{ background-image:url(../images/lih.png); color:#fff;} 
}
@media only screen and (max-width:768px){
.wbox{ width:100%; background-image:url(../images/wbg.jpg); background-size:cover;}
.wbox .box{ width:94%; padding:0 3%; background-color:rgba(0,0,0,0.8); padding-bottom:20px;}
.wbox .box .title{ padding-top:15px; text-align:center;}
.wbox .box .title span{ display:block; overflow:hidden; font-size:18px; height:26px; line-height:26px; color:#fff;}
.wbox .box .title p{ display:block; overflow:hidden; font-size:14px; height:20px; line-height:20px; color:#fff;}
.wbox .box .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}
.wbox .box .nei{ width:100%; margin:auto; margin-top:15px;}
.wbox .box .nei .left{ float:left; width:50%; display:none;}
.wbox .box .nei .left img{ display:block; width:100%;}
.wbox .box .nei .right{ width:100%; float:right;}
.wbox .box .nei .right dt{ display:block; width:100%; overflow:hidden; position:relative;}
.wbox .box .nei .right dd{ display:block; height:40px; width:2px; background-color:rgba(59,121,192,0.7); overflow:hidden; margin-left:39px;}
.wbox .box .nei .right dt strong{ width:80px; height:80px; border-radius:80px; display:block; float:left; overflow:hidden; position:absolute; left:0; top:0;}
.wbox .box .nei .right dt strong img{ display:block; margin:auto;}
.wbox .box .nei .right dt:hover strong{ background-color:#3b79c0;} 
.wbox .box .nei .right dt p{ padding-left:90px; height:80px; display:block; float:left; overflow:hidden;}
.wbox .box .nei .right dt p span{ display:block; overflow:hidden; color:#fff; font-size:18px; height:24px; line-height:24px; width:100%; float:left; margin-bottom:4px;}
.wbox .box .nei .right dt p a{ display:block; float:left; width:50%; box-sizing:border-box; padding:0 10px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; overflow:hidden; color:#999; font-size:14px; height:26px; line-height:26px;}
.wbox .box .nei .right dt:hover p a{ background-image:url(../images/lih.png); color:#fff;} 
}

/*为什么要做刷脸支付*/
@media screen and (min-width:1280px){
.sbox{ width:100%; background-color:#f6f8ff; padding-bottom:70px;}
.sbox .box{ width:1200px; margin:auto; position:relative;}
.sbox .box .title{ padding-top:65px; text-align:center;}
.sbox .box .title span{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px;}
.sbox .box .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#666;}
.sbox .box .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:13px;}
.sbox .swiper-container{ width:100%; margin-top:30px; position:relative; height:450px; z-index:0;}
.sbox .swiper-container .swiper-wrapper{ height:380px;}
.sbox .swiper-container a{ width:380px; height:380px; display:block; overflow:hidden; position:relative;}
.sbox .swiper-container .tu{ width:100%; height:250px;}
.sbox .swiper-container .tu img{ width:100%; display:block;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.sbox .swiper-container a:hover img{
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.sbox .swiper-container .line{ width:60px; height:4px; background-color:#3b79c0; position:absolute; top:198px; left:20px; z-index:2; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.sbox .swiper-container a:hover .line{ width:320px; background-color:#fff;}
.sbox .swiper-container .wen{ padding:16px 20px; width:320px; height:148px; background-color:#fff; position:absolute; left:0; bottom:0; z-index:1;}
.sbox .swiper-container .wen:hover{ background-color:#3b79c0;}
.sbox .swiper-container .wen span{ display:block; overflow:hidden; font-size:16px; height:44px; line-height:44px;}
.sbox .swiper-container .wen p{ display:block; overflow:hidden; font-size:14px; height:96px; line-height:24px; color:#999;}
.sbox .swiper-container .wen:hover span,.sbox .swiper-container .wen:hover p{ color:#fff;}
.sbox .swiper-button-prev{ width:60px; height:40px; position:absolute; left:455px; bottom:0; cursor:pointer; background-image:url(../images/left.jpg); background-repeat:no-repeat;}
.sbox .swiper-button-next{ width:60px; height:40px; position:absolute; right:455px; bottom:0; cursor:pointer; background-image:url(../images/right.jpg); background-repeat:no-repeat;}
.sbox .swiper-button-prev:hover{ background-image:url(../images/lefth.jpg);}
.sbox .swiper-button-next:hover{ background-image:url(../images/righth.jpg);}
.sbox .more{ width:150px; height:40px; position:absolute; left:50%; margin-left:-75px; bottom:0; z-index:3;}
.sbox .more a{ width:148px; height:38px; line-height:38px; text-align:center; display:block; font-size:14px; border:1px solid #cacaca;}
.sbox .more a:hover{ color:#fff; border:1px solid #3b79c0; background-color:#3b79c0;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.sbox{ width:100%; background-color:#f6f8ff; padding-bottom:40px;}
.sbox .box{ width:94%; margin:auto; position:relative;}
.sbox .box .title{ padding-top:35px; text-align:center;}
.sbox .box .title span{ display:block; overflow:hidden; font-size:24px; height:28px; line-height:28px;}
.sbox .box .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#666;}
.sbox .box .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}
.sbox .swiper-container{ width:100%; margin-top:20px; position:relative; height:440px; z-index:0;}
.sbox .swiper-container .swiper-wrapper{ height:380px;}
.sbox .swiper-container a{ width:100%; height:380px; display:block; overflow:hidden; position:relative;}
.sbox .swiper-container .tu{ width:100%; height:250px;}
.sbox .swiper-container .tu img{ width:100%; display:block;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.sbox .swiper-container a:hover img{
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.sbox .swiper-container .line{ width:60px; height:4px; background-color:#3b79c0; position:absolute; top:198px; left:20px; z-index:2; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.sbox .swiper-container a:hover .line{ width:290px; background-color:#fff;}
.sbox .swiper-container .wen{ padding:16px 20px; width:290px; height:148px; background-color:#fff; position:absolute; left:0; bottom:0; z-index:1;}
.sbox .swiper-container .wen:hover{ background-color:#3b79c0;}
.sbox .swiper-container .wen span{ display:block; overflow:hidden; font-size:16px; height:44px; line-height:44px;}
.sbox .swiper-container .wen p{ display:block; overflow:hidden; font-size:14px; height:96px; line-height:24px; color:#999;}
.sbox .swiper-container .wen:hover span,.sbox .swiper-container .wen:hover p{ color:#fff;}
.sbox .swiper-button-prev{ width:60px; height:40px; position:absolute; left:50%; margin-left:-150px; bottom:0; cursor:pointer; background-image:url(../images/left.jpg); background-repeat:no-repeat;}
.sbox .swiper-button-next{ width:60px; height:40px; position:absolute; right:50%; margin-right:-150px; bottom:0; cursor:pointer; background-image:url(../images/right.jpg); background-repeat:no-repeat;}
.sbox .swiper-button-prev:hover{ background-image:url(../images/lefth.jpg);}
.sbox .swiper-button-next:hover{ background-image:url(../images/righth.jpg);}
.sbox .more{ width:150px; height:40px; position:absolute; left:50%; margin-left:-75px; bottom:0; z-index:3;}
.sbox .more a{ width:148px; height:38px; line-height:38px; text-align:center; display:block; font-size:14px; border:1px solid #cacaca;}
.sbox .more a:hover{ color:#fff; border:1px solid #3b79c0; background-color:#3b79c0;}
}
@media only screen and (max-width:768px){
.sbox{ width:100%; background-color:#f6f8ff; padding-bottom:20px;}
.sbox .box{ width:94%; margin:auto; position:relative;}
.sbox .box .title{ padding-top:15px; text-align:center;}
.sbox .box .title span{ display:block; overflow:hidden; font-size:18px; height:26px; line-height:26px;}
.sbox .box .title p{ display:block; overflow:hidden; font-size:14px; height:20px; line-height:20px; color:#666;}
.sbox .box .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}
.sbox .swiper-container{ width:100%; margin-top:15px; position:relative; height:410px; z-index:0;}
.sbox .swiper-container .swiper-wrapper{ height:355px;}
.sbox .swiper-container a{ width:380px; height:355px; display:block; overflow:hidden; position:relative;}
.sbox .swiper-container .tu{ width:100%; height:250px;}
.sbox .swiper-container .tu img{ width:100%; display:block;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.sbox .swiper-container a:hover img{
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.sbox .swiper-container .line{ width:60px; height:4px; background-color:#3b79c0; position:absolute; top:198px; left:5%; z-index:2; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.sbox .swiper-container a:hover .line{ width:84%; background-color:#fff;}
.sbox .swiper-container .wen{ padding:10px 5%; width:94%; box-sizing:border-box; height:155px; background-color:#fff; position:absolute; left:0; bottom:0; z-index:1;}
.sbox .swiper-container .wen:hover{ background-color:#3b79c0;}
.sbox .swiper-container .wen span{ display:block; overflow:hidden; font-size:16px; height:34px; line-height:34px;}
.sbox .swiper-container .wen p{ display:block; overflow:hidden; font-size:14px; height:96px; line-height:24px; color:#999;}
.sbox .swiper-container .wen:hover span,.sbox .swiper-container .wen:hover p{ color:#fff;}
.sbox .swiper-button-prev{ width:60px; height:40px; position:absolute; left:0; bottom:0; cursor:pointer; background-image:url(../images/left.jpg); background-repeat:no-repeat;}
.sbox .swiper-button-next{ width:60px; height:40px; position:absolute; right:0; bottom:0; cursor:pointer; background-image:url(../images/right.jpg); background-repeat:no-repeat;}
.sbox .swiper-button-prev:hover{ background-image:url(../images/lefth.jpg);}
.sbox .swiper-button-next:hover{ background-image:url(../images/righth.jpg);}
.sbox .more{ width:140px; height:40px; position:absolute; left:50%; margin-left:-70px; bottom:0; z-index:3;}
.sbox .more a{ width:138px; height:38px; line-height:38px; text-align:center; display:block; font-size:14px; border:1px solid #cacaca;}
.sbox .more a:hover{ color:#fff; border:1px solid #3b79c0; background-color:#3b79c0;}
}

/*关于*/
@media screen and (min-width:1280px){
.abox{ width:100%; position:relative; background-position:right bottom; background-color:#110f10; background-repeat:no-repeat; background-size:auto 100%;}
.abox .bg{ width:64%; height:100%; background-color:#3b79c0; position:absolute; left:0; top:0; z-index:2;}
.abox .bg01{ width:36%; height:100%; position:absolute; right:0; top:0; z-index:12; background-image:url(../images/niu.png); background-position:center; background-repeat:no-repeat;}
.abox .box{ width:100%; padding:70px 0; position:relative; z-index:11;}
.abox .box .title{ width:1200px; margin:auto; height:84px; padding-top:36px; background-image:url(../images/abt.png); background-position:left top; background-repeat:no-repeat;}
.abox .box .title p{ display:block; margin-left:60px; overflow:hidden; color:#fff;}
.abox .box .title p span{ display:block; float:left; font-size:24px; line-height:32px; height:32px;}
.abox .box .title p b{ display:block; float:left; height:1px; width:40px; background-color:#ccc; margin-left:20px; margin-top:15px;}
.abox .box .title p strong{ display:block; float:left; font-size:14px; line-height:32px; height:32px; text-transform:uppercase; margin-left:10px; font-weight:normal;}
.abox .box .title a{ display:block; margin-left:60px; overflow:hidden; color:#fff; font-size:16px; line-height:26px; height:26px;}
.abox .box .wb{ width:1200px; margin:25px auto;}
.abox .box .wen{ width:760px; font-size:14px; line-height:24px; color:#fff; height:216px;}
.abox .box .list{ width:1200px; margin:auto;}
.abox .box .list ul{ display:block; background-color:#f6f8ff; width:920px; overflow:hidden; padding:30px 0;}
.abox .box .list ul li{ width:25%; display:block; text-align:center; height:66px; overflow:hidden; float:left;}
.abox .box .list ul li p{ height:42px; line-height:42px; overflow:hidden; font-size:40px; display:block;}
.abox .box .list ul li p a{ font-size:14px;}
.abox .box .list ul li span{ height:24px; line-height:24px; overflow:hidden; font-size:16px; display:block;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.abox{ width:100%; position:relative; background-position:right bottom; background-repeat:no-repeat; background-color:#110f10; background-size:auto 100%;}
.abox .bg01{ width:40%; height:100%; position:absolute; right:0; top:0; z-index:1; background-image:url(../images/niu.png); background-position:center; background-repeat:no-repeat;}
.abox .box{ width:60%; padding:40px 0; position:relative; background-color:#3b79c0;}
.abox .box .title{ width:88%; margin:auto; height:84px; padding-top:36px; background-image:url(../images/abt.png); background-position:left top; background-repeat:no-repeat;}
.abox .box .title p{ display:block; margin-left:30px; overflow:hidden; color:#fff;}
.abox .box .title p span{ display:block; float:left; font-size:24px; line-height:32px; height:32px;}
.abox .box .title p b{ display:block; float:left; height:1px; width:40px; background-color:#ccc; margin-left:20px; margin-top:15px;}
.abox .box .title p strong{ display:block; float:left; font-size:14px; line-height:32px; height:32px; text-transform:uppercase; margin-left:10px; font-weight:normal;}
.abox .box .title a{ display:block; margin-left:30px; overflow:hidden; color:#fff; font-size:14px; line-height:26px; height:26px;}
.abox .box .wb{ width:88%; margin:15px auto;}
.abox .box .wen{ width:100%; font-size:14px; line-height:24px; color:#fff; height:120px;}
.abox .box .list{ width:120%; margin-left:6%;}
.abox .box .list ul{ display:block; background-color:#f6f8ff; width:100%; overflow:hidden; padding:20px 0;}
.abox .box .list ul li{ width:25%; display:block; text-align:center; overflow:hidden; float:left;}
.abox .box .list ul li p{ height:42px; line-height:42px; overflow:hidden; font-size:36px; display:block;}
.abox .box .list ul li p a{ font-size:14px;}
.abox .box .list ul li span{ height:24px; line-height:24px; overflow:hidden; font-size:16px; display:block;}
}

@media only screen and (max-width:768px){
.abox{ width:100%; position:relative; background-position:right center; background-repeat:no-repeat; background-size:cover;}
.abox .box{ width:100%; padding-top:20px; position:relative; background-color:rgba(59,121,192,0.9);}
.abox .box .title{ width:94%; margin:auto; height:60px; padding-top:20px; background-image:url(../images/abt.png); background-position:left top; background-repeat:no-repeat; background-size:auto 100%;}
.abox .box .title p{ display:block; margin-left:20px; overflow:hidden; color:#fff;}
.abox .box .title p span{ display:block; float:left; font-size:18px; line-height:26px; height:26px;}
.abox .box .title p b{ display:block; float:left; height:1px; width:20px; background-color:#ccc; margin-left:10px; margin-top:12px;}
.abox .box .title p strong{ display:block; float:left; font-size:14px; line-height:26px; height:26px; text-transform:uppercase; margin-left:5px; font-weight:normal;}
.abox .box .title a{ display:block; margin-left:20px; overflow:hidden; color:#fff; font-size:12px; line-height:14px; height:14px;}
.abox .box .wb{ width:94%; margin:10px auto;}
.abox .box .wen{ width:100%; font-size:14px; line-height:24px; color:#fff; max-height:240px;}
.abox .box .list{ width:94%; margin:auto; padding-bottom:5px;}
.abox .box .list ul{ display:block; width:100%; overflow:hidden;}
.abox .box .list ul li{ width:50%; display:block; text-align:center; overflow:hidden; float:left; margin-bottom:10px;}
.abox .box .list ul li p{ height:30px; line-height:30px; overflow:hidden; font-size:24px; display:block; color:#fff;}
.abox .box .list ul li p a{ font-size:14px; color:#fff;}
.abox .box .list ul li span{ height:24px; line-height:24px; overflow:hidden; font-size:14px; display:block; color:#fff;}
}

/*新闻中心*/
@media screen and (min-width:1280px){
.nbox{ width:100%; background-color:#fff; padding-bottom:70px;}
.nbox .box{ width:1200px; margin:auto; position:relative;}
.nbox .box .title{ padding-top:65px; text-align:center;}
.nbox .box .title span{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px;}
.nbox .box .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#666;}
.nbox .box .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:13px;}

.nbox .box ul{ width:1240px; display:block; margin-top:30px; overflow:hidden;}
.nbox .box ul li{ display:block; margin-bottom:40px; margin-right:40px; overflow:hidden; width:580px; height:160px; float:left;}
.nbox .box ul li .left{ text-align:right; width:90px; height:100px; padding-right:10px; background-color:#eee; float:left;}
.nbox .box ul li .left p{ display:block; height:30px; line-height:30px; font-size:26px; padding-top:19px; color:#333;}
.nbox .box ul li .left span{ display:block; height:42px; line-height:42px; font-size:16px; color:#999;}
.nbox .box ul li .right{ width:420px; height:116px; background-color:#f6f8ff; float:left; padding:22px 30px;}
.nbox .box ul li .right a{ display:block; height:34px; line-height:34px; overflow:hidden; font-size:18px; font-weight:bold;}
.nbox .box ul li .right p{ width:100%; display:block; font-size:14px; line-height:24px; height:72px; overflow:hidden; padding-top:6px; color:#666;}
.nbox .box ul li:hover .left{ background-color:#3b79c0;}
.nbox .box ul li:hover .left p,.nbox .box ul li:hover .left span{ color:#fff;}
.nbox .box ul li:hover .right{ background-color:#333;}
.nbox .box ul li:hover .right a{ color:#fff;}
.nbox .box ul li:hover .right span{ color:#999;}

.nbox .more{ width:150px; height:40px; margin:auto; margin-top:-10px;}
.nbox .more a{ width:148px; height:38px; line-height:38px; text-align:center; display:block; font-size:14px; border:1px solid #cacaca;}
.nbox .more a:hover{ color:#fff; border:1px solid #3b79c0; background-color:#3b79c0;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.nbox{ width:100%; background-color:#fff; padding-bottom:40px;}
.nbox .box{ width:100%; margin:auto; position:relative;}
.nbox .box .title{ padding-top:35px; text-align:center;}
.nbox .box .title span{ display:block; overflow:hidden; font-size:24px; height:28px; line-height:28px;}
.nbox .box .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#666;}
.nbox .box .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}

.nbox .box ul{ width:100%; display:block; overflow:hidden; margin-top:20px;}
.nbox .box ul li{ display:block; float:left; width:45.5%; margin-left:3%; margin-bottom:20px; overflow:hidden;}
.nbox .box ul li .left{ text-align:right; width:20%; height:100px; background-color:#eee; float:left;}
.nbox .box ul li .left p{ display:block; height:30px; line-height:30px; font-size:20px; padding-top:19px; color:#333; padding-right:10px;}
.nbox .box ul li .left span{ display:block; height:42px; line-height:42px; font-size:16px; color:#999; padding-right:10px;}
.nbox .box ul li .right{ width:74%; height:116px; background-color:#f6f8ff; float:left; padding:22px 3%;}
.nbox .box ul li .right a{ display:block; height:34px; line-height:34px; font-size:18px; font-weight:bold; overflow:hidden;}
.nbox .box ul li .right p{ width:100%; display:block; font-size:14px; line-height:24px; height:72px; overflow:hidden; padding-top:6px; color:#666;}
.nbox .box ul li:hover .left{ background-color:#3b79c0;}
.nbox .box ul li:hover .left p,.nbox .box ul li:hover .left span{ color:#fff;}
.nbox .box ul li:hover .right{ background-color:#333;}
.nbox .box ul li:hover .right a{ color:#fff;}
.nbox .box ul li:hover .right span{ color:#999;}

.nbox .more{ width:150px; height:40px; margin:auto;}
.nbox .more a{ width:148px; height:38px; line-height:38px; text-align:center; display:block; font-size:14px; border:1px solid #cacaca;}
.nbox .more a:hover{ color:#fff; border:1px solid #3b79c0; background-color:#3b79c0;}
}
@media only screen and (max-width:768px){
.nbox{ width:100%; background-color:#fff; padding-bottom:20px;}
.nbox .box{ width:94%; margin:auto; position:relative;}
.nbox .box .title{ padding-top:15px; text-align:center;}
.nbox .box .title span{ display:block; overflow:hidden; font-size:18px; height:26px; line-height:26px;}
.nbox .box .title p{ display:block; overflow:hidden; font-size:14px; height:20px; line-height:20px; color:#666;}
.nbox .box .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}

.nbox .box ul{ width:100%; display:block; overflow:hidden; margin-top:15px;}
.nbox .box ul li{ display:block; width:100%; margin-bottom:15px; overflow:hidden;}
.nbox .box ul li .left{ text-align:right; width:20%; height:76px; background-color:#eee; float:left;}
.nbox .box ul li .left p{ display:block; height:30px; line-height:30px; font-size:20px; padding-top:9px; color:#333; padding-right:8%;}
.nbox .box ul li .left span{ display:block; height:32px; line-height:32px; font-size:16px; color:#666; padding-right:8%;}
.nbox .box ul li .right{ width:74%; height:96px; background-color:#f6f8ff; float:left; padding:12px 3%;}
.nbox .box ul li .right a{ display:block; height:24px; line-height:24px; font-size:18px; overflow:hidden;}
.nbox .box ul li .right p{ width:100%; display:block; font-size:14px; line-height:24px; height:72px; overflow:hidden; padding-top:4px; color:#666;}
.nbox .box ul li:hover .left{ background-color:#3b79c0;}
.nbox .box ul li:hover .left p,.nbox .box ul li:hover .left span{ color:#fff;}
.nbox .box ul li:hover .right{ background-color:#333;}
.nbox .box ul li:hover .right a{ color:#fff;}
.nbox .box ul li:hover .right span{ color:#999;}

.nbox .more{ width:150px; height:40px; margin:auto;}
.nbox .more a{ width:148px; height:38px; line-height:38px; text-align:center; display:block; font-size:14px; border:1px solid #cacaca;}
.nbox .more a:hover{ color:#fff; border:1px solid #3b79c0; background-color:#3b79c0;}
}

/*为什么选择我们*/
@media screen and (min-width:1280px){
.hbox{ width:100%; background-image:url(../images/hbg.jpg); background-attachment:fixed; background-repeat:no-repeat;}
.hbox .box{ width:100%; padding:70px 0; background-color:rgba(0,0,0,0.8); position:relative;}
.hbox .box .bg{ width:1116px; height:536px; border:2px solid rgba(255,255,255,0.5); position:absolute; left:50%; margin-left:-560px; top:70px; z-index:1;}
.hbox .box .nei{ width:1200px; margin:60px auto; position:relative; z-index:3; height:420px;}
.hbox .box .nei .left{ width:250px; height:240px; float:left; margin-top:70px;}
.hbox .box .nei .left img{ display:block; height:240px;}
.hbox .box .nei .right{ width:810px; height:720px; float:right; margin-right:90px;}
.hbox .box .nei .right dl{ width:840px; display:block; overflow:hidden;}
.hbox .box .nei .right dl dt{ width:250px; height:120px; background-color:#fff; margin-right:30px; margin-bottom:30px; float:left; display:table; text-align:center; vertical-align:middle; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hbox .box .nei .right dl dt a{ width:250px; height:120px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.hbox .box .nei .right dl dt img{ max-width:100%; max-height:100%;}
.hbox .box .nei .right dl dd{ width:250px; height:120px; background-color:#fff; margin-right:30px; margin-bottom:30px; float:left; display:table; text-align:center; vertical-align:middle;}
.hbox .box .nei .right dl dd a{ width:250px; height:120px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.hbox .box .nei .right dl dt:hover{ -webkit-transform:rotateY(-360deg);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.hbox{ width:100%; background-image:url(../images/hbg.jpg); background-attachment:fixed; background-repeat:no-repeat;}
.hbox .box{ width:100%; padding:40px 0; height:400px; background-color:rgba(0,0,0,0.8); position:relative;}
.hbox .box .bg{ width:96%; height:400px; box-sizing:border-box; border:2px solid rgba(255,255,255,0.5); position:absolute; left:2%; top:40px; z-index:1;}
.hbox .box .nei{ width:100%; margin:30px auto; height:400px; position:relative; z-index:3;}
.hbox .box .nei .left{ width:20%; float:left; margin-top:30px;}
.hbox .box .nei .left img{ display:block; width:100%;}
.hbox .box .nei .right{ width:80%; height:340px; float:right;}
.hbox .box .nei .right dl{ width:100%; display:block; overflow:hidden;}
.hbox .box .nei .right dl dt{ width:29.33%; height:100px; background-color:#fff; margin-left:3%; margin-bottom:20px; float:left; display:table; text-align:center; vertical-align:middle; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hbox .box .nei .right dl dt a{ width:100%; height:100px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.hbox .box .nei .right dl dt img{ max-width:100%; max-height:100%;}
.hbox .box .nei .right dl dd{ width:29.33%; height:100px; background-color:#fff; margin-left:3%; margin-bottom:20px; float:left; display:table; text-align:center; vertical-align:middle;}
.hbox .box .nei .right dl dd a{ width:100%; height:100px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.hbox .box .nei .right dl dt:hover{ -webkit-transform:rotateY(-360deg);}
}
@media only screen and (max-width:768px){
.hbox{ width:100%; background-image:url(../images/hbg.jpg); background-size:cover;}
.hbox .box{ width:100%; background-color:rgba(0,0,0,0.8); padding:20px 0; position:relative;}
.hbox .box .bg{ width:88%; height:330px; box-sizing:border-box; border:2px solid rgba(255,255,255,0.5); position:absolute; left:6%; top:35px; z-index:1;}
.hbox .box .nei{ width:100%; position:relative; z-index:3;}
.hbox .box .nei .left{ height:120px;}
.hbox .box .nei .left img{ display:block; height:120px; margin:auto;}
.hbox .box .nei .right{ width:100%;}
.hbox .box .nei .right dl{ width:100%; display:block; overflow:hidden;}
.hbox .box .nei .right dl dt{ width:29.33%; height:70px; background-color:#fff; margin-left:3%; margin-top:10px; float:left; display:table; text-align:center; vertical-align:middle; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hbox .box .nei .right dl dt a{ width:100%; height:70px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.hbox .box .nei .right dl dt img{ max-width:100%; max-height:100%;}
.hbox .box .nei .right dl dd{ width:29.33%; height:70px; background-color:#fff; margin-left:3%; margin-top:10px; float:left; display:table; text-align:center; vertical-align:middle;}
.hbox .box .nei .right dl dd a{ width:100%; height:70px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.hbox .box .nei .right dl dd a img{ width:30px;}
.hbox .box .nei .right dl dt:hover{ -webkit-transform:rotateY(-360deg);}
}

/*产品*/
@media screen and (min-width:1280px){
.jbox{ width:100%; background-color:#f6f8ff; padding-bottom:70px;}
.jbox .box{ width:1200px; margin:auto;}
.jbox .box .title{ padding-top:65px; text-align:center;}
.jbox .box .title span{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px;}
.jbox .box .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#666;}
.jbox .box .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:13px;}
.jbox dl{ width:1130px; display:block; margin:45px auto; overflow:hidden;}
.jbox dl dt{ display:block; width:230px; float:left; overflow:hidden;}
.jbox dl dt strong{ width:102px; height:102px; padding:20px; display:table; text-align:center; vertical-align:middle; background-position:center; background-repeat:no-repeat; margin:auto;}
.jbox dl dt strong b{ width:102px; height:102px; display:table-cell; text-align:center; vertical-align:middle; font-size:18px; color:#3b79c0; line-height:30px;}
.jbox dl dt p{ display:block; width:100%; font-size:14px; line-height:24px; margin-top:40px; text-align:center;}
.jbox dl dt:hover p{ margin-top:30px;}
.jbox dl dd{ display:block; width:70px; float:left; padding-top:66px; overflow:hidden;}
.jbox .more{ width:150px; height:40px; margin:auto;}
.jbox .more a{ width:148px; height:38px; line-height:38px; text-align:center; display:block; font-size:14px; border:1px solid #cacaca;}
.jbox .more a:hover{ color:#fff; border:1px solid #3b79c0; background-color:#3b79c0;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.jbox{ width:100%; background-color:#f6f8ff; padding-bottom:40px;}
.jbox .box{ width:94%; margin:auto;}
.jbox .box .title{ padding-top:35px; text-align:center;}
.jbox .box .title span{ display:block; overflow:hidden; font-size:24px; height:28px; line-height:28px;}
.jbox .box .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#666;}
.jbox .box .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}
.jbox dl{ width:100%; display:block; margin:35px auto; overflow:hidden;}
.jbox dl dt{ display:block; width:20%; float:left; overflow:hidden;}
.jbox dl dt strong{ width:82px; height:82px; padding:20px; display:table; text-align:center; vertical-align:middle; background-size:100% 100%; background-position:center; background-repeat:no-repeat; margin:auto;}
.jbox dl dt strong b{ width:82px; height:82px; display:table-cell; text-align:center; vertical-align:middle; font-size:18px; color:#3b79c0; line-height:30px;}
.jbox dl dt p{ display:block; width:100%; font-size:14px; line-height:24px; margin-top:30px; text-align:center;}
.jbox dl dt:hover p{ margin-top:30px;}
.jbox dl dd{ display:block; width:5%; float:left; padding-top:66px; overflow:hidden;}
.jbox dl dd img{ width:100%; display:block;}
.jbox .more{ width:150px; height:40px; margin:auto;}
.jbox .more a{ width:148px; height:38px; line-height:38px; text-align:center; display:block; font-size:14px; border:1px solid #cacaca;}
.jbox .more a:hover{ color:#fff; border:1px solid #3b79c0; background-color:#3b79c0;}
}
@media only screen and (max-width:768px){
.jbox{ width:100%; background-color:#f6f8ff; padding-bottom:20px;}
.jbox .box{ width:100%; margin:auto;}
.jbox .box .title{ padding-top:15px; text-align:center;}
.jbox .box .title span{ display:block; overflow:hidden; font-size:18px; height:26px; line-height:26px;}
.jbox .box .title p{ display:block; overflow:hidden; font-size:14px; height:20px; line-height:20px; color:#666;}
.jbox .box .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}

.jbox dl{ width:100%; display:block; overflow:hidden; margin-bottom:10px;}
.jbox dl dt{ display:block; width:45.5%; margin-left:3%; float:left; overflow:hidden; margin-top:10px;}
.jbox dl dt strong{ width:82px; height:82px; padding:20px; display:table; text-align:center; vertical-align:middle; background-size:100% 100%; background-position:center; background-repeat:no-repeat; margin:auto;}
.jbox dl dt strong b{ width:82px; height:82px; display:table-cell; text-align:center; vertical-align:middle; font-size:18px; color:#3b79c0; line-height:30px;}
.jbox dl dt p{ display:block; width:100%; height:120px; overflow:hidden; font-size:14px; line-height:24px; margin-top:10px; text-align:center;}
.jbox dl dt:hover p{ margin-top:30px;}
.jbox dl dd{ display:none; width:5%; float:left; padding-top:66px; overflow:hidden;}
.jbox dl dd img{ width:100%; display:block;}

.jbox .more{ width:150px; height:40px; margin:auto;}
.jbox .more a{ width:148px; height:38px; line-height:38px; text-align:center; display:block; font-size:14px; border:1px solid #cacaca;}
.jbox .more a:hover{ color:#fff; border:1px solid #3b79c0; background-color:#3b79c0;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; background-color:#252525; padding-top:20px;}
.footer .foot{ width:1200px; margin:30px auto;}
.footer .foot ul{ width:1201px; display:block; overflow:hidden;}
.footer .foot ul li{ width:299.25px; display:block; float:left; height:140px; border-right:1px solid #333; text-align:center; overflow:hidden;}
.footer .foot ul li strong{ width:100%; height:42px; display:block; margin-top:14px;}
.footer .foot ul li strong img{ display:block; height:42px; margin:auto;}
.footer .foot ul li p{ width:100%; height:28px; line-height:28px; font-size:18px; color:#999; display:block; overflow:hidden; margin-top:15px;}
.footer .foot ul li span{ width:100%; height:42px; line-height:42px; font-size:14px; color:#999; display:block; overflow:hidden;}
.footer .foot ul li:hover p{ color:#fff;}

.footer .mil{ width:1200px; margin:auto; padding:30px 0; height:34px; border-top:1px solid #333;}
.footer .mil dl{ display:block; height:34px; line-height:34px; font-size:14px; float:left;}
.footer .mil dl dt{ display:block; float:left;}
.footer .mil dl dt a{ color:#999;}
.footer .mil dl dd{ margin:0 30px; display:block; float:left; color:#999;}
.footer .mil dl dt a:hover{ color:#fff;}
.footer .mil select{ background-color:#252525; background-image:url(../images/sel_126.png); background-position:189px center; background-repeat:no-repeat; height:34px; line-height:34px; font-size:14px; padding-left:9px; display:block; border:1px solid #333; width:212px; float:right; color:#999;}

.footer .di{ padding:18px 0; width:1200px; margin:auto; border-top:1px solid #333;}
.footer .di p{ display:block; float:left; height:48px; line-height:24px; font-size:14px; color:#999;}
.footer .di p a{ color:#999;}
.footer .di p a:hover{ color:#fff;}
.footer .di ul{ display:block; float:right; height:26px; margin-top:11px; overflow:hidden;}
.footer .di ul li{ display:block; float:left; margin-left:20px; height:26px;}
.footer .di ul li img{ display:block; height:26px;}
}

@media screen and (min-width: 769px) and (max-width: 1279px){
.footer{ width:100%; background-color:#252525; padding-top:15px;}
.footer .foot{ width:94%; margin:15px auto;}
.footer .foot ul{ width:100%; display:block; overflow:hidden;}
.footer .foot ul li{ width:25%; box-sizing:border-box; display:block; float:left; height:130px; border-right:1px solid #333; text-align:center; overflow:hidden;}
.footer .foot ul li:last-child{ border-right:none;}
.footer .foot ul li strong{ width:100%; height:42px; display:block; margin-top:14px;}
.footer .foot ul li strong img{ display:block; height:42px; margin:auto;}
.footer .foot ul li p{ width:100%; height:28px; line-height:28px; font-size:18px; color:#999; display:block; overflow:hidden; margin-top:10px;}
.footer .foot ul li span{ width:100%; height:32px; line-height:32px; font-size:14px; color:#999; display:block; overflow:hidden;}
.footer .foot ul li:hover p{ color:#fff;}

.footer .mil{ width:94%; margin:auto; padding:15px 0; height:34px; border-top:1px solid #333;}
.footer .mil dl{ display:block; height:34px; line-height:34px; font-size:14px; float:left;}
.footer .mil dl dt{ display:block; float:left;}
.footer .mil dl dt a{ color:#999;}
.footer .mil dl dd{ margin:0 15px; display:block; float:left; color:#999;}
.footer .mil dl dt a:hover{ color:#fff;}
.footer .mil select{ background-color:#252525; background-image:url(../images/sel_126.png); background-position:189px center; background-repeat:no-repeat; height:34px; line-height:34px; font-size:14px; padding-left:9px; display:block; border:1px solid #333; width:212px; float:right; color:#999;}

.footer .di{ padding:15px 0; width:94%; margin:auto; border-top:1px solid #333;}
.footer .di p{ display:block; float:left; height:48px; line-height:24px; font-size:14px; color:#999;}
.footer .di p a{ color:#999;}
.footer .di p a:hover{ color:#fff;}
.footer .di ul{ display:block; float:right; height:26px; margin-top:11px; overflow:hidden;}
.footer .di ul li{ display:block; float:left; margin-left:20px; height:26px;}
.footer .di ul li img{ display:block; height:26px;}
}

@media only screen and (max-width: 768px){
.footer{ width:100%; background-color:#252525;}
.footer .foot{ display:none;}
.footer .mil{ display:none;}

.footer .di{ padding:10px 0; width:94%; margin:auto; text-align:center;}
.footer .di p{ display:block; line-height:24px; font-size:14px; color:#999;}
.footer .di p a{ color:#999;}
.footer .di ul{ display:none;}
}

/*内页*/
@media screen and (min-width:1280px){
.ban{ width:100%; height:460px; position:relative; z-index:0; background-position:center; background-repeat:no-repeat;}

.dbox{ width:100%; background-color:#f1f1f1; height:80px;}
.dbox .box{ width:1200px; height:80px; margin:auto;}
.dbox .box p{ display:block; float:left; padding-top:8px;}
.dbox .box p span{ display:block; height:38px; line-height:38px; font-size:24px; color:#3b79c0;}
.dbox .box p a{ display:block; height:24px; line-height:24px; font-size:16px;}
.dbox .box ul{ display:block; height:80px; float:right; overflow:hidden;}
.dbox .box ul li{ min-width:80px; padding:0 10px; line-height:80px; height:76px; border-bottom:4px solid #f1f1f1; font-size:16px; text-align:center; display:block; float:left;}
.dbox .box ul li.on{ background-color:#fff; border-bottom:4px solid #3b79c0;}
.dbox .box ul li:hover a{ color:#3b79c0;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ban{ width:100%; height:400px; position:relative; z-index:0; background-position:center; background-repeat:no-repeat; background-size:cover;}

.dbox{ width:100%; background-color:#f1f1f1; height:70px;}
.dbox .box{ width:94%; height:70px; margin:auto;}
.dbox .box p{ display:block; float:left; padding-top:8px;}
.dbox .box p span{ display:block; height:28px; line-height:28px; font-size:18px; color:#3b79c0;}
.dbox .box p a{ display:block; height:24px; line-height:24px; font-size:14px;}
.dbox .box ul{ display:block; height:70px; float:right; overflow:hidden;}
.dbox .box ul li{ padding:0 10px; line-height:66px; height:66px; border-bottom:4px solid #f1f1f1; font-size:14px; text-align:center; display:block; float:left;}
.dbox .box ul li.on{ background-color:#fff; border-bottom:4px solid #3b79c0;}
.dbox .box ul li:hover a{ color:#3b79c0;}
}
@media only screen and (max-width:768px){
.ban{ width:100%; height:180px; position:relative; z-index:0; background-position:center; background-repeat:no-repeat; background-size:cover;}

.dbox{ width:100%; background-color:#f1f1f1;}
.dbox .box{ width:94%; margin:auto;}
.dbox .box p{ display:none;}
.dbox .box ul{ display:block; width:100%; text-align:center; overflow:hidden;}
.dbox .box ul li{ display:inline-block; padding:0 10px; line-height:36px; height:36px; border-bottom:2px solid #f1f1f1; font-size:14px; text-align:center;}
.dbox .box ul li.on{ border-bottom:2px solid #3b79c0; color:#3b79c0;}
}

/*关于我们*/
@media screen and (min-width:1281px){
.ab01{ width:1200px; margin:70px auto; overflow:hidden;}
.ab01 .title{ text-align:center;}
.ab01 .title span{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px;}
.main .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#666;}
.ab01 .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:13px;}
.ab01 .tu{ width:100%; margin-top:30px;}
.ab01 .tu img{ width:100%; display:block; font-weight:bold;}
.ab01 .wen{ width:100%; font-size:14px; line-height:1.8em; padding-top:25px; color:#5D5D5D;}
.ab01 .wen img{ max-width:100%; height:auto;}

.ab02{ width:1200px; margin:auto; padding:70px 0; overflow:hidden;}
.ab02 .tu{ float:right; width:550px; border-radius:5px;}
.ab02 .tu img{ width:100%; display:block;}
.ab02 .wen{ float:left; width:610px; padding-top:20px;}
.ab02 .wen .bt{ font-size:24px; height:42px; line-height:42px; color:#3b79c0; margin-bottom:5px; font-weight:bold;}
.ab02 .wen .wz{ font-size:14px; line-height:1.8em; width:100%; color:#5D5D5D;}
.ab02 .wen .wz img{ max-width:100%; height:auto;}

.ab04{ padding:70px 0; overflow:hidden; background-color:#f2f2f2;}
.ab04 .wen{ width:100%; width:1200px; margin:auto;}
.ab04 .wen .bt{ font-size:24px; height:42px; line-height:42px; color:#3b79c0; margin-bottom:5px; font-weight:bold;}
.ab04 .wen .wz{ font-size:14px; line-height:1.8em; width:100%; color:#5D5D5D;}
.ab04 .wen .wz img{ max-width:100%; height:auto;}

.ab03{ width:1200px; margin:70px auto; overflow:hidden;}
.ab03 .wen{ width:100%;}
.ab03 .wen .bt{ font-size:24px; height:42px; line-height:42px; color:#3b79c0; margin-bottom:5px; font-weight:bold;}
.ab03 .wen .wz{ font-size:14px; line-height:1.8em; width:100%; color:#5D5D5D;}
.ab03 .wen .wz img{ max-width:100%; height:auto;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.ab01{ width:94%; margin:40px auto; overflow:hidden;}
.ab01 .title{ text-align:center;}
.ab01 .title span{ display:block; overflow:hidden; font-size:24px; height:28px; line-height:28px;}
.ab01 .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#666;}
.ab01 .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}
.ab01 .tu{ width:100%; margin-top:20px;}
.ab01 .tu img{ width:100%; display:block;}
.ab01 .wen{ width:100%; font-size:14px; line-height:1.8em; padding-top:15px; color:#5D5D5D;}
.ab01 .wen img{ max-width:100%; height:auto;}

.ab04{ padding:40px 0; overflow:hidden; background-color:#f2f2f2;}
.ab04 .wen{ width:94%; margin:auto;}
.ab04 .wen .bt{ font-size:18px; line-height:36px; color:#3b79c0; font-weight:bold;}
.ab04 .wen .wz{ font-size:14px; line-height:1.8em; width:100%; color:#5D5D5D;}
.ab04 .wen .wz img{ max-width:100%; height:auto;}

.ab02{ width:94%; margin:auto; padding:40px 0; border-bottom:1px solid #eee; overflow:hidden;}
.ab02 .tu{ float:right; width:45%; border-radius:5px;}
.ab02 .tu img{ width:100%; display:block;}
.ab02 .wen{ float:left; width:52%;}
.ab02 .wen .bt{ font-size:18px; line-height:36px; color:#3b79c0; font-weight:bold;}
.ab02 .wen .wz{ font-size:14px; line-height:1.8em; width:100%; color:#5D5D5D;}
.ab02 .wen .wz img{ max-width:100%; height:auto;}

.ab03{ width:94%; margin:40px auto; overflow:hidden;}
.ab03 .wen{ width:100%;}
.ab03 .wen .bt{ font-size:18px; line-height:36px; color:#3b79c0; font-weight:bold;}
.ab03 .wen .wz{ font-size:14px; line-height:1.8em; width:100%; color:#5D5D5D;}
.ab03 .wen .wz img{ max-width:100%; height:auto;}
}

@media only screen and (max-width:767px){
.ab01{ width:94%; margin:20px auto; overflow:hidden;}
.ab01 .title{ text-align:center;}
.ab01 .title span{ display:block; overflow:hidden; font-size:18px; height:26px; line-height:26px;}
.ab01 .title p{ display:block; overflow:hidden; font-size:14px; height:20px; line-height:20px; color:#666;}
.ab01 .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}
.ab01 .tu{ width:100%; margin-top:15px;}
.ab01 .tu img{ width:100%; display:block;}
.ab01 .wen{ width:100%; font-size:14px; line-height:1.8em; padding-top:10px; color:#5D5D5D;}
.ab01 .wen img{ max-width:100%; height:auto;}

.ab04{ padding:20px 0; overflow:hidden; background-color:#f2f2f2;}
.ab04 .wen{ width:94%; margin:auto;}
.ab04 .wen .bt{ font-size:18px; line-height:36px; color:#3b79c0; font-weight:bold;}
.ab04 .wen .wz{ font-size:14px; line-height:1.8em; width:100%; color:#5D5D5D;}
.ab04 .wen .wz img{ max-width:100%; height:auto;}

.ab02{ width:94%; margin:20px auto; border-bottom:1px solid #eee; overflow:hidden;}
.ab02 .tu{ float:right; width:100%; border-radius:5px;}
.ab02 .tu img{ width:100%; display:block;}
.ab02 .wen{ float:left; width:100%;}
.ab02 .wen .bt{ font-size:18px; line-height:36px; color:#3b79c0; font-weight:bold;}
.ab02 .wen .wz{ font-size:14px; line-height:1.8em; width:100%; color:#5D5D5D;}
.ab02 .wen .wz img{ max-width:100%; height:auto;}

.ab03{ width:94%; margin:20px auto; overflow:hidden;}
.ab03 .wen{ float:left; width:100%;}
.ab03 .wen .bt{ font-size:18px; line-height:36px; color:#3b79c0; font-weight:bold;}
.ab03 .wen .wz{ font-size:14px; line-height:1.8em; width:100%; color:#5D5D5D;}
.ab03 .wen .wz img{ max-width:100%; height:auto;}
}

/*企业团队*/
@media screen and (min-width:1280px){
.main{ width:1200px; margin:auto; padding-bottom:70px;}
.main .title{ padding-top:65px; text-align:center;}
.main .title span{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px;}
.main .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#666;}
.main .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:13px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.main{ width:100%; padding-bottom:40px;}
.main .title{ padding-top:35px; text-align:center;}
.main .title span{ display:block; overflow:hidden; font-size:24px; height:28px; line-height:28px;}
.main .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#666;}
.main .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}
}
@media only screen and (max-width:768px){
.main{ width:100%; padding-bottom:20px;}
.main .title{ padding-top:15px; text-align:center;}
.main .title span{ display:block; overflow:hidden; font-size:18px; height:26px; line-height:26px;}
.main .title p{ display:block; overflow:hidden; font-size:14px; height:20px; line-height:20px; color:#666;}
.main .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}
}

@media screen and (min-width:1280px){
.dian{ width:1230px; display:block;}
.dian li{ width:380px; height:400px; display:block; float:left; overflow:hidden; margin-right:30px; margin-top:25px;}
.dian li a{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.dian li .tu{ width:100%; height:300px;}
.dian li .tu img{ height:100%; display:block;
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.dian li:hover img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.dian li .wen{ padding:17px 30px; width:320px; position:absolute; left:0; bottom:0; height:66px; text-align:center; background-color:#f2f2f2; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.dian li .wen span{ display:block; font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.dian li .wen b{ display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; font-weight:normal; color:#999;}
.dian li .wen p{ display:block; font-size:14px; height:48px; line-height:24px; overflow:hidden; display:none; color:#666;}
.dian li:hover .wen{ padding:23px 30px; height:114px;}
.dian li:hover .wen span{ color:#3b79c0;}
.dian li:hover .wen p{ display:block; margin-top:6px;}

.main .fanye{ text-align:center; font-size:12px; margin-top:30px;}
.main .fanye a{ margin:0 3px; display:inline-block; min-width:14px; text-align:center; padding:0 5px; height:24px; line-height:24px; background-color:#eee;}
.main .fanye span{ margin:0 3px; display:inline-block; color:#3b79c0; min-width:14px; text-align:center; padding:0 5px; height:24px; line-height:24px; background-color:#3b79c0; color:#fff;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.dian{ width:100%; display:block;}
.dian li{ width:29.33%; display:block; margin-left:3%; margin-top:20px; float:left; overflow:hidden;}
.dian li a{ width:100%; padding-bottom:80px; background-color:#fff; position:relative; display:block; overflow:hidden;}
.dian li .tu{ width:100%; height:250px;}
.dian li .tu img{ height:100%; display:block;
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.dian li:hover img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.dian li .wen{ padding:10px 20px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; height:80px; text-align:center; background-color:#f2f2f2; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.dian li .wen span{ display:block; font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.dian li .wen b{ display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; font-weight:normal; color:#999;}
.dian li .wen p{ display:block; font-size:14px; height:48px; line-height:24px; overflow:hidden; display:none; color:#666;}
.dian li:hover .wen{ height:128px;}
.dian li:hover .wen span{ color:#3b79c0;}
.dian li:hover .wen p{ display:block;}

.main .fanye{ text-align:center; font-size:14px; margin-top:20px;}
.main .fanye a{ margin:0 3px;}
.main .fanye span{ margin:0 3px; color:#3b79c0;}
}

@media only screen and (max-width:768px){
.dian{ width:100%; display:block; margin-top:5px;}
.dian li{ width:45.5%; display:block; float:left; overflow:hidden; margin-left:3%; margin-top:10px;}
.dian li a{ width:100%; background-color:#fff; position:relative; display:block; overflow:hidden;}
.dian li .tu{ width:100%; height:130px;}
.dian li .tu img{ width:100%; display:block;}
.dian li .wen{ padding:10px; width:100%; box-sizing:border-box; text-align:center; background-color:#f2f2f2; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.dian li .wen span{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden;}
.dian li .wen b{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; font-weight:normal; color:#999;}
.dian li .wen p{ display:none;}
.dian li:hover .wen span{ color:#3b79c0;}

.main .fanye{ text-align:center; font-size:14px; margin-top:15px;}
.main .fanye a{ margin:0 3px;}
.main .fanye span{ margin:0 3px; color:#3b79c0;}
}

/*荣誉*/
@media screen and (min-width:1280px){
.main .honor{ width:1230px; display:block; overflow:hidden;}
.main .honor dd{ width:275.5px; border:1px solid #cacaca; height:398px; display:block; float:left; margin-top:30px; margin-right:30px; overflow:hidden; background-color:#fff;}
.main .honor dd a{ width:100%; height:398px; overflow:hidden; display:block; position:relative;}
.main .honor a img{ height:100%; display:block; margin:auto;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main .honor dd p{ width:100%; height:398px; display:none; text-align:center; vertical-align:middle; overflow:hidden; position:absolute; left:0; top:0;}
.main .honor dd p span{ width:100%; height:398px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.main .honor dd p b{ display:block; width:110px; height:1px; background-color:rgba(255,255,255,0.7); overflow:hidden; margin:auto;}
.main .honor dd p strong{ display:block; font-weight:normal; font-size:16px; color:#fff; line-height:38px; overflow:hidden;}
.main .honor a:hover p{ display:table; background-color:rgba(59,121,192,0.7);}
.main .honor a:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
}

@media screen and (min-width:769px) and (max-width:1279px){
.main .honor{ width:100%; display:block; overflow:hidden;}
.main .honor dd{ width:29.33%; box-sizing:border-box; border:1px solid #cacaca; height:308px; display:block; float:left; margin-top:20px; margin-left:3%; overflow:hidden; background-color:#fff;}
.main .honor dd a{ width:100%; height:308px; overflow:hidden; display:block; position:relative;}
.main .honor a img{ height:100%; display:block; margin:auto;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main .honor dd p{ width:100%; height:308px; display:none; text-align:center; vertical-align:middle; overflow:hidden; position:absolute; left:0; top:0;}
.main .honor dd p span{ width:100%; height:308px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.main .honor dd p b{ display:block; width:110px; height:1px; background-color:rgba(255,255,255,0.7); overflow:hidden; margin:auto;}
.main .honor dd p strong{ display:block; font-weight:normal; font-size:16px; color:#fff; line-height:38px; overflow:hidden;}
.main .honor a:hover p{ display:table; background-color:rgba(59,121,192,0.7);}
.main .honor a:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
}

@media only screen and (max-width:768px){
.main .honor{ width:100%; display:block; overflow:hidden; margin-top:5px;}
.main .honor dd{ width:45.5%; box-sizing:border-box; border:1px solid #cacaca; height:208px; display:block; float:left; margin-top:10px; margin-left:3%; overflow:hidden; background-color:#fff;}
.main .honor dd a{ width:100%; height:208px; overflow:hidden; display:block; position:relative;}
.main .honor a img{ height:100%; display:block; margin:auto;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main .honor dd p{ width:100%; height:208px; display:none; text-align:center; vertical-align:middle; overflow:hidden; position:absolute; left:0; top:0;}
.main .honor dd p span{ width:100%; height:208px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.main .honor dd p b{ display:block; width:110px; height:1px; background-color:rgba(255,255,255,0.7); overflow:hidden; margin:auto;}
.main .honor dd p strong{ display:block; font-weight:normal; font-size:16px; color:#fff; line-height:38px; overflow:hidden;}
.main .honor a:hover p{ display:table; background-color:rgba(59,121,192,0.7);}
.main .honor a:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
}

/*文章页*/
@media screen and (min-width:1280px){
.main .left{ width:900px; float:left; margin-top:70px;}
.main .left .toub{ font-size:24px; text-align:center;}
.main .left .time{ padding:20px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main .left .wen{ width:100%; margin:20px auto; font-size:14px; line-height:24px;}
.main .left .wen img{ max-width:100%; height:auto;}
.main .left .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:20px;}
.main .left .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main .left .back p span{ display:block; height:24px; overflow:hidden;}
.main .left .back p span a:hover{ color:#3b79c0;}
.main .left .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main .left .back strong a:hover{ color:#3b79c0;}

.main .right{ width:258px; border:1px solid #cacaca; border-top:2px solid #3b79c0; float:right; margin-top:70px;}
.main .right .bt{ padding:0 19px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #cacaca;}
.main .right ul{ width:100%; display:block; overflow:hidden; padding-bottom:20px;}
.main .right ul li{ padding:20px 19px; padding-bottom:0; display:block; overflow:hidden;}
.main .right ul li strong{ width:100%; display:block; overflow:hidden;}
.main .right ul li strong img{ width:100%; display:block;}
.main .right ul li span{ margin:10px auto; font-size:16px; display:block; overflow:hidden;}
.main .right ul li p{ display:block; font-size:14px; color:#999; overflow:hidden;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.main .left{ width:69%; float:left; margin-left:3%; margin-top:40px;}
.main .left .toub{ font-size:18px; text-align:center;}
.main .left .time{ padding:10px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main .left .wen{ width:100%; margin:15px auto; font-size:14px; line-height:24px;}
.main .left .wen img{ max-width:100%; height:auto;}
.main .left .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:15px;}
.main .left .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main .left .back p span{ display:block; height:24px; overflow:hidden;}
.main .left .back p span a:hover{ color:#3b79c0;}
.main .left .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main .left .back strong a:hover{ color:#3b79c0;}

.main .right{ width:22%; margin-right:3%; border:1px solid #cacaca; border-top:2px solid #3b79c0; float:right; margin-top:40px;}
.main .right .bt{ padding:0 3%; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #cacaca;}
.main .right ul{ width:100%; display:block; overflow:hidden; padding-bottom:20px;}
.main .right ul li{ padding:15px 10px; padding-bottom:0; display:block; overflow:hidden;}
.main .right ul li strong{ width:100%; display:block; overflow:hidden;}
.main .right ul li strong img{ width:100%; display:block;}
.main .right ul li span{ margin:5px auto; font-size:14px; display:block; overflow:hidden;}
.main .right ul li p{ display:block; font-size:14px; color:#999; overflow:hidden;}
}

@media only screen and (max-width:768px){
.main .left{ width:94%; margin-left:3%; float:left; margin-top:20px;}
.main .left .toub{ font-size:16px; text-align:center;}
.main .left .time{ padding:5px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main .left .wen{ width:100%; margin:10px auto; font-size:14px; line-height:24px;}
.main .left .wen img{ max-width:100%; height:auto;}
.main .left .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:10px;}
.main .left .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main .left .back p span{ display:block; height:24px; overflow:hidden;}
.main .left .back p span a:hover{ color:#3b79c0;}
.main .left .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main .left .back strong a:hover{ color:#3b79c0;}
.main .right{ display:none;}
}

/*分析*/
@media screen and (min-width:1280px){
.main .wenz{ width:1200px; margin:auto; font-size:14px; line-height:24px; margin-top:30px;}
.main .wenz img{ max-width:100%; height:auto;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.main .wenz{ width:94%; margin:auto; font-size:14px; line-height:24px; margin-top:20px;}
.main .wenz img{ max-width:100%; height:auto;}
}

@media only screen and (max-width:768px){
.main .wenz{ width:94%; margin:auto; font-size:14px; line-height:24px; margin-top:15px;}
.main .wenz img{ max-width:100%; height:auto;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.box02{ width:1200px; margin:auto; margin-top:30px;}
#map{ width:600px; height:400px; overflow:hidden; float:left;}
.box02 .right01{ width:480px; margin-top:50px; float:right;}
.box02 .right01 h2{ display:block; font-size:24px; color:#3b79c0; margin-bottom:20px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:36px;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.box02{ margin:auto; margin-top:20px; width:94%;}
#map{ width:50%; height:300px; overflow:hidden; float:left;}
.box02 .right01{ width:47%; margin-top:30px; float:right;}
.box02 .right01 h2{ display:block; font-size:22px; color:#3b79c0; margin-bottom:15px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:30px;}
}

@media only screen and (max-width:768px){
.box02{ margin:auto; margin-top:15px; width:94%;}
#map{ width:100%; height:260px; overflow:hidden;}
.box02 .right01{ width:100%; margin-top:20px;}
.box02 .right01 h2{ display:block; font-size:18px; color:#3b79c0; margin-bottom:10px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:24px;}
}

/*新闻*/
@media screen and (min-width:1281px){
.nlist{ width:1230px; margin:auto; display:block;}
.nlist li{ width:380px; display:block; float:left; margin-right:30px; margin-top:30px; overflow:hidden;}
.nlist li strong{ width:100%; height:300px; display:block; overflow:hidden;}
.nlist li strong img{ width:100%; display:block;}
.nlist li span{ display:block; height:36px; line-height:36px; font-size:18px; overflow:hidden; margin-top:10px;}
.nlist li em,.nlist li p,.nlist li b{ display:block; font-size:14px; line-height:26px; height:26px; overflow:hidden; font-style:normal; font-weight:normal;}
.nlist li b a{ text-decoration:underline;}
.nlist li:hover span a{ color:#3b79c0;}
}

@media screen and (min-width:768px) and (max-width:1280px){
.nlist{ width:100%; margin:auto; display:block;}
.nlist li{ width:29.33%; display:block; float:left; margin-left:3%; margin-top:20px; overflow:hidden;}
.nlist li strong{ width:100%; height:240px; display:block; overflow:hidden;}
.nlist li strong img{ width:100%; display:block;}
.nlist li span{ display:block; height:36px; line-height:36px; font-size:18px; overflow:hidden; margin-top:5px;}
.nlist li em,.nlist li p,.nlist li b{ display:block; font-size:14px; line-height:26px; height:26px; overflow:hidden; font-style:normal; font-weight:normal;}
.nlist li b a{ text-decoration:underline;}
.nlist li:hover span a{ color:#3b79c0;}
}

@media only screen and (max-width:768px){
.nlist{ width:100%; margin:auto; margin-top:5px; display:block;}
.nlist li{ width:45.5%; display:block; float:left; margin-left:3%; margin-top:10px; overflow:hidden; background-color:#fff;}
.nlist li strong{ width:100%; height:160px; display:block; overflow:hidden;}
.nlist li strong img{ width:100%; display:block;}
.nlist li span{ display:block; height:26px; line-height:26px; font-size:18px; overflow:hidden; margin-top:5px; padding:0 3%;}
.nlist li em,.nlist li p,.nlist li b{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; font-style:normal; font-weight:normal;padding:0 3%;}
.nlist li b a{ text-decoration:underline;}
.nlist li:hover span a{ color:#3b79c0;}
}

/*产品*/
@media screen and (min-width:1280px){
.main .dao{ width:100%; text-align:center; padding-top:20px;}
.main .dao a{ display:inline-block; padding:0 15px; height:36px; line-height:36px; font-size:16px; background-color:#f1f1f1; margin:0 10px; margin-top:10px;}
.main .dao a:hover{ color:#3b79c0;}
.main .dao a.on{ background-color:#3b79c0; color:#fff;}
.chan{ width:1230px;}
.chan li{ width:380px; height:400px; display:block; float:left; margin-top:30px; margin-right:30px; background-color:#fff; overflow:hidden; box-shadow:0 0 3px #cacaca;}
.chan li:hover{ box-shadow:0 0 3px #aaa;}
.chan li .tu{ width:100%; height:300px; position:relative;}
.chan li .tu img{ height:100%; display:block; margin:auto;}
.chan li .tu a{ width:320px; padding:0 30px; height:300px; display:none; background-color:rgba(59,121,192,0.7); position:absolute; left:0; top:0;}
.chan li .tu a .wwz{ display:table; width:100%; height:300px; text-align:left; vertical-align:middle; overflow:hidden;}
.chan li .tu a .wwz .wwz01{ color:#fff; display:table-cell; vertical-align:middle; font-size:16px; line-height:30px; overflow:hidden; word-break:break-all;}
.chan li:hover .tu a{ display:block;}
.chan li .wen{ padding:25px 30px; position:relative; background-color:#f6f8ff;}
.chan li .wen span{ font-size:24px; line-height:24px; font-size:18px; overflow:hidden;}
.chan li .wen p{ height:26px; line-height:26px; font-size:14px; color:#666; overflow:hidden;}
.chan li .tu img{ 
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.chan li:hover img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
}

@media screen and (min-width:769px) and (max-width:1279px){
.main .dao{ width:100%; text-align:center; padding-top:10px;}
.main .dao a{ display:inline-block; padding:0 15px; height:36px; line-height:36px; font-size:16px; background-color:#f1f1f1; margin:0 10px; margin-top:10px;}
.main .dao a:hover{ color:#3b79c0;}
.main .dao a.on{ background-color:#3b79c0; color:#fff;}
.chan{ width:100%; display:block;}
.chan li{ width:29.33%; height:330px; display:block; float:left; margin-top:20px; margin-left:3%; background-color:#fff; overflow:hidden; box-shadow:0 0 3px #cacaca;}
.chan li:hover{ box-shadow:0 0 3px #aaa;}
.chan li .tu{ width:100%; height:240px; position:relative;}
.chan li .tu img{ height:100%; display:block; margin:auto;}
.chan li .tu a{ width:100%; box-sizing:border-box; padding:0 20px; height:300px; display:none; background-color:rgba(59,121,192,0.7); position:absolute; left:0; top:0;}
.chan li .tu a .wwz{ display:table; width:100%; height:300px; text-align:left; vertical-align:middle; overflow:hidden;}
.chan li .tu a .wwz .wwz01{ color:#fff; display:table-cell; vertical-align:middle; font-size:16px; line-height:30px; overflow:hidden; word-break:break-all;}
.chan li:hover .tu a{ display:block;}
.chan li .wen{ padding:20px; position:relative; background-color:#f6f8ff;}
.chan li .wen span{ font-size:24px; line-height:24px; font-size:18px; overflow:hidden;}
.chan li .wen p{ height:26px; line-height:26px; font-size:14px; color:#666; overflow:hidden;}
.chan li .tu img{ 
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.chan li:hover img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
}

@media only screen and (max-width:768px){
.main .dao{ width:100%; text-align:center; padding-top:10px;}
.main .dao a{ display:block; float:left; width:45.5%; margin-left:3%; height:34px; line-height:34px; font-size:14px; background-color:#f1f1f1; margin-top:5px;}
.main .dao a:hover{ color:#3b79c0;}
.main .dao a.on{ background-color:#3b79c0; color:#fff;}
.chan{ width:100%; display:block;}
.chan li{ width:45.5%; display:block; float:left; margin-top:20px; margin-left:3%; background-color:#fff; overflow:hidden; box-shadow:0 0 3px #cacaca;}
.chan li:hover{ box-shadow:0 0 3px #aaa;}
.chan li .tu{ width:100%; height:140px; position:relative;}
.chan li .tu img{ height:100%; display:block; margin:auto;}
.chan li .tu a{ width:100%; box-sizing:border-box; padding:0 15px; height:140px; display:none; background-color:rgba(59,121,192,0.7); position:absolute; left:0; top:0;}
.chan li .tu a .wwz{ display:table; width:100%; height:140px; text-align:left; vertical-align:middle; overflow:hidden;}
.chan li .tu a .wwz .wwz01{ color:#fff; display:table-cell; vertical-align:middle; font-size:16px; line-height:30px; overflow:hidden; word-break:break-all;}
.chan li:hover .tu a{ display:block;}
.chan li .wen{ padding:10px 15px; position:relative; background-color:#f6f8ff;}
.chan li .wen span{ font-size:24px; line-height:24px; font-size:16px; overflow:hidden;}
.chan li .wen p{ height:24px; line-height:24px; font-size:12px; color:#666; overflow:hidden;}
}

/*产品内页*/
@media screen and (min-width:1281px){
.boxs{ width:1200px; padding:70px 0; margin:auto; display:none;}
.boxs .left{ width:680px; height:500px; float:left; background-color:#fff;}
#gallery{ height:340px; width:620px; margin:30px auto; overflow:hidden; position:relative; z-index:1;}
#gallery .swiper-wrapper{
    position:relative;
    width:100%;
	margin:auto;
    height:340px;
    z-index:1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#gallery .swiper-wrapper .swiper-slide{
	-webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
	position:relative;
	width:100%;
    height:340px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#gallery .swiper-wrapper .swiper-slide a{ display:block; width:100%; height:340px; display:block; overflow:hidden; background-size:auto 340px; background-repeat:no-repeat; background-position:center;}
.swiper-container-thumbs{
    margin:0 auto;
    position:relative;
    overflow:hidden;
    z-index:1;
	width:390px;
    height:70px;
    box-sizing:border-box;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.swiper-container-thumbs .swiper-wrapper {
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-container-thumbs .swiper-slide {
    width:90px;
    height:100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	-webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
}
.swiper-container-thumbs .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-size:auto 100%; background-position:center; background-repeat:no-repeat;}
.swiper-container-thumbs .swiper-slide b{ width:100%; height:100%; display:block; overflow:hidden; box-sizing:border-box; display:block; border:2px solid #cacaca;}
.swiper-container-thumbs .swiper-slide-thumb-active b{ border:2px solid #3b79c0;}
.boxs .left .swiper-button-prev{ width:40px; height:40px; background-color:#fff; border-radius:100px; position:absolute; left:-15px; top:160px; z-index:3; cursor:pointer;}
.boxs .left .swiper-button-next{ width:40px; height:40px; background-color:#fff; border-radius:100px; position:absolute; right:-15px; top:160px; z-index:3; cursor:pointer;}
.boxs .left .swiper-button-next img,.boxs .left .swiper-button-prev img{ height:20px; margin:10px auto; display:block;}

.boxs .right{ width:430px; height:440px; padding:30px; background-color:#fff; float:right;}
.boxs .right .tou{ font-size:24px; color:#22549a; margin-bottom:15px;}
.boxs .right .wen{ font-size:14px; line-height:24px; margin-bottom:15px; height:312px; word-break:break-all;}
.boxs .right .xx{ border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; height:50px; line-height:50px; font-size:14px; margin-bottom:20px;}
.boxs .right .xx p{ display:block; float:left; width:50%; overflow:hidden;}
.boxs .right .tou01{ font-size:18px; color:#22549a; margin-bottom:10px;}
.boxs .right .wen01{ font-size:14px; line-height:24px; margin-bottom:20px; height:120px; word-break:break-all;}
.boxs .right a{ width:100%; height:50px; line-height:50px; font-size:18px; text-align:center; color:#fff; background-color:#22549a; display:block;}

} 

@media screen and (min-width:769px) and (max-width:1280px){
.boxs{ width:94%; padding:40px 3%; display:none;}
.boxs .left{ width:60%; height:480px; float:left; background-color:#fff;}
#gallery{ height:340px; width:94%; margin:20px auto; overflow:hidden; position:relative; z-index:1;}
#gallery .swiper-wrapper{ height:340px;}
#gallery .swiper-wrapper .swiper-slide{ width:100%; height:340px;}
#gallery .swiper-wrapper .swiper-slide a{ display:block; width:100%; height:340px; display:block; margin:auto; overflow:hidden; background-size:auto 340px; background-repeat:no-repeat; background-position:center;}
.swiper-container-thumbs{
    margin:0 auto;
    position:relative;
    overflow:hidden;
    z-index:1;
	width:390px;
    height:70px;
    box-sizing:border-box;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.swiper-container-thumbs .swiper-slide { width:90px; height:100%;}
.swiper-container-thumbs .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-size:auto 100%; background-position:center; background-repeat:no-repeat;}
.swiper-container-thumbs .swiper-slide b{ width:100%; height:100%; display:block; overflow:hidden; box-sizing:border-box; display:block; border:2px solid #cacaca;}
.swiper-container-thumbs .swiper-slide-thumb-active b{ border:2px solid #3b79c0;}
.boxs .left .swiper-button-prev{ width:40px; height:40px; background-color:#fff; border-radius:100px; position:absolute; left:3%; top:160px; z-index:3;}
.boxs .left .swiper-button-next{ width:40px; height:40px; background-color:#fff; border-radius:100px; position:absolute; right:3%; top:160px; z-index:3;}
.boxs .left .swiper-button-next img,.boxs .left .swiper-button-prev img{ height:20px; margin:10px auto; display:block;}

.boxs .right{ width:36%; height:480px; padding:20px; box-sizing:border-box; background-color:#fff; float:right;}
.boxs .right .tou{ font-size:24px; color:#22549a; margin-bottom:15px;}
.boxs .right .wen{ font-size:14px; line-height:24px; margin-bottom:15px; height:312px; word-break:break-all;}
.boxs .right .xx{ border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; height:50px; line-height:50px; font-size:14px; margin-bottom:20px;}
.boxs .right .xx p{ display:block; float:left; width:50%; overflow:hidden;}
.boxs .right .tou01{ font-size:18px; color:#22549a; margin-bottom:10px;}
.boxs .right .wen01{ font-size:14px; line-height:24px; margin-bottom:20px; height:120px; word-break:break-all;}
.boxs .right a{ width:100%; height:50px; line-height:50px; font-size:18px; text-align:center; color:#fff; background-color:#22549a; display:block;}

}

@media only screen and (max-width:768px){
.boxs{ width:94%; padding:20px 3%; display:none;}
.boxs .left{ width:94%; padding:0 3%; height:380px; float:left; background-color:#fff;}
#gallery{ height:260px; width:100%; margin:20px auto; margin-bottom:10px; overflow:hidden; position:relative; z-index:1;}
#gallery .swiper-wrapper{
    position:relative;
    width:100%;
    height:260px;
    z-index:1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#gallery .swiper-wrapper .swiper-slide{
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width:100%;
    height:260px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#gallery .swiper-wrapper .swiper-slide a{ display:block; width:100%; height:260px; display:block; margin:auto; overflow:hidden; background-size:auto 260px; background-repeat:no-repeat; background-position:center;}
.swiper-container-thumbs{
    margin:0 auto;
    position:relative;
    z-index:1;
	width:100%;
    height:70px;
    box-sizing:border-box;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.swiper-container-thumbs .swiper-wrapper {
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-container-thumbs .swiper-slide {
    width:90px;
    height:100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	-webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
	position:relative;	
}
.swiper-container-thumbs .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-size:auto 100%; background-position:center; background-repeat:no-repeat;}
.swiper-container-thumbs .swiper-slide b{ width:100%; height:100%; display:block; overflow:hidden; box-sizing:border-box; display:block; border:2px solid #cacaca;}
.swiper-container-thumbs .swiper-slide-thumb-active b{ border:2px solid #3b79c0;}
.boxs .left .swiper-button-prev{ width:40px; height:40px; background-color:#fff; border-radius:100px; position:absolute; left:3%; top:120px; z-index:3;}
.boxs .left .swiper-button-next{ width:40px; height:40px; background-color:#fff; border-radius:100px; position:absolute; right:3%; top:120px; z-index:3;}
.boxs .left .swiper-button-next img,.boxs .left .swiper-button-prev img{ height:20px; margin:10px auto; display:block;}

.boxs .right{ width:100%; padding:15px; box-sizing:border-box; background-color:#fff; float:right; margin-top:15px;}
.boxs .right .tou{ font-size:20px; color:#22549a; margin-bottom:5px;}
.boxs .right .wen{ font-size:14px; line-height:24px; margin-bottom:5px; word-break:break-all;}
.boxs .right .xx{ border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; line-height:30px; font-size:14px; margin-bottom:10px;}
.boxs .right .xx p{ display:block; float:left; min-width:50%; overflow:hidden;}
.boxs .right .tou01{ font-size:18px; color:#22549a; margin-bottom:10px;}
.boxs .right .wen01{ font-size:14px; line-height:24px; margin-bottom:10px; word-break:break-all;}
.boxs .right a{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff; background-color:#22549a; display:block;}
}

/*案例*/
@media screen and (min-width:1280px){
.albox{ width:100%;}
.albox .title{ padding-top:65px; text-align:center;}
.albox .title span{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px;}
.albox .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#666;}
.albox .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:13px;}
.albox dl{ width:100%; display:block; overflow:hidden; margin-top:-40px;}
.albox dl dt{ width:100%; display:block; overflow:hidden; padding:70px 0;}
.albox dl dd{ width:100%; display:block; overflow:hidden; padding:70px 0; background-color:#f6f8ff;}
.albox dl .box{ width:1200px; margin:auto;}
.albox dl .box .left{ width:540px; height:360px; overflow:hidden;}
.albox dl dt .left{ float:left;}
.albox dl dd .left{ float:right;}
.albox dl .box .left img{ display:block; height:360px;}
.albox dl dd .left img{ float:right;}
.albox dl .box .right{ width:590px; height:360px; overflow:hidden; display:table; vertical-align:middle;}
.albox dl dt .right{ float:right;}
.albox dl dd .right{ float:left;}
.albox dl .box .right .nei{ width:100%; height:360px; display:table-cell; vertical-align:middle;}
.albox dl .box .right .nei .biao{ font-size:24px; color:#3b79c0; margin-bottom:25px;}
.albox dl .box .right .nei .wz{ font-size:18px; line-height:36px; margin-bottom:35px;}
.albox dl .box .right .nei .more{ width:140px; height:40px; line-height:40px; display:block; background-color:#4f8ed6; font-size:16px; color:#fff; text-align:center;}
.albox dl .box .right .nei .more:hover{ background-color:#3b79c0;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.pbox{ width:100%;}
.albox .title{ padding-top:35px; text-align:center;}
.albox .title span{ display:block; overflow:hidden; font-size:24px; height:28px; line-height:28px;}
.albox .title p{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px; color:#666;}
.albox .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}
.albox dl{ width:100%; display:block; overflow:hidden; margin-top:-30px;}
.albox dl dt{ width:100%; display:block; overflow:hidden; padding:50px 0;}
.albox dl dd{ width:100%; display:block; overflow:hidden; padding:50px 0; background-color:#f6f8ff;}
.albox dl .box{ width:94%; margin:auto;}
.albox dl .box .left{ width:45%; height:300px; overflow:hidden;}
.albox dl dt .left{ float:left;}
.albox dl dd .left{ float:right;}
.albox dl .box .left img{ display:block; height:300px;}
.albox dl dd .left img{ float:right;}
.albox dl .box .right{ width:50%; height:300px; overflow:hidden; display:table; vertical-align:middle;}
.albox dl dt .right{ float:right;}
.albox dl dd .right{ float:left;}
.albox dl .box .right .nei{ width:100%; height:300px; display:table-cell; vertical-align:middle;}
.albox dl .box .right .nei .biao{ font-size:20px; color:#3b79c0; margin-bottom:15px;}
.albox dl .box .right .nei .wz{ font-size:16px; line-height:26px; margin-bottom:25px;}
.albox dl .box .right .nei .more{ width:140px; height:40px; line-height:40px; display:block; background-color:#4f8ed6; font-size:16px; color:#fff; text-align:center;}
.albox dl .box .right .nei .more:hover{ background-color:#3b79c0;}
}

@media only screen and (max-width:768px){
.albox{ width:100%;}
.albox .title{ padding-top:15px; text-align:center;}
.albox .title span{ display:block; overflow:hidden; font-size:18px; height:26px; line-height:26px;}
.albox .title p{ display:block; overflow:hidden; font-size:14px; height:20px; line-height:20px; color:#666;}
.albox .title b{ display:block; overflow:hidden; width:30px; height:4px; background-color:#3b79c0; margin:auto; margin-top:5px;}
.albox dl{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.albox dl dt{ width:100%; display:block; overflow:hidden; padding:30px 0;}
.albox dl dd{ width:100%; display:block; overflow:hidden; padding:30px 0; background-color:#f6f8ff;}
.albox dl .box{ width:94%; margin:auto;}
.albox dl .box .left{ width:100%; overflow:hidden;}
.albox dl dt .left{ float:left;}
.albox dl dd .left{ float:right;}
.albox dl .box .left img{ display:block; width:100%;}
.albox dl .box .right{ width:100%; overflow:hidden; display:table; vertical-align:middle;}
.albox dl dt .right{ float:right;}
.albox dl dd .right{ float:left;}
.albox dl .box .right .nei{ width:100%; display:table-cell; vertical-align:middle;}
.albox dl .box .right .nei .biao{ font-size:16px; color:#3b79c0; margin-top:15px; margin-bottom:10px;}
.albox dl .box .right .nei .wz{ font-size:14px; line-height:24px; margin-bottom:15px;}
.albox dl .box .right .nei .more{ width:120px; height:30px; line-height:30px; display:block; background-color:#4f8ed6; font-size:14px; color:#fff; text-align:center;}
.albox dl .box .right .nei .more:hover{ background-color:#3b79c0;}
}

/*首页视频*/
@media screen and (min-width:1280px){
.video-box{ display:none;}
.videobox{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; left:0; top:0; z-index:999;}
.videobox .box{ width:1200px; padding:10px; margin:5% auto; background-color:#fff; position:relative;}
.videobox .box .clos{ position:absolute; right:20px; top:20px; cursor:pointer; z-index:999;}
.videobox .box video{ width:100%; display:block; overflow:hidden; z-index:0;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.video-box{ display:none;}
.videobox{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; left:0; top:0; z-index:999;}
.videobox .box{ width:90%; padding:10px; margin:5% auto; background-color:#fff; position:relative;}
.videobox .box .clos{ position:absolute; right:20px; top:20px; cursor:pointer; z-index:999;}
.videobox .box video{ width:100%; display:block; overflow:hidden; z-index:0;}
}

@media only screen and (max-width:768px){
.video-box{ width:100%; height:360px; background-position:center; background-repeat:no-repeat; background-size:cover; display:block; overflow:hidden; position:relative;}
.video-box .video-img{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.3); background-image:url(../images/niu.png); background-position:center; background-repeat:no-repeat;}
.videobox{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; left:0; top:0; z-index:999;}
.videobox .box{ width:90%; padding:1%; margin:10% auto; background-color:#fff; position:relative;}
.videobox .box .clos{ position:absolute; right:10px; top:10px; cursor:pointer; z-index:999;}
.videobox .box video{ width:100%; display:block; overflow:hidden; z-index:0;}
}

@media screen and (min-width:1280px){
.pc{ width:100%; height:100%;}
.mobile{ display:none;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.mobile{ width:100%; height:100%;}
.pc{ display:none;}
}

@media only screen and (max-width:768px){
.mobile{ width:100%; height:100%;}
.pc{ display:none;}
}