
/* CSS Document */

html,body{ width:100%; height:100%;}
body{
	font-family: "Microsoft YaHei", Arial, sans-serif;
	/* [disabled]font-size:14px; */
	line-height: 24px;
	color: #333;
	background: #fff;
}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0; }
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
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;} 
input,select,textarea{ -webkit-appearance:none;}

/*header*/
@media screen and (min-width:1280px){
.header{ width:100%; background-color:#fff; height:150px; box-shadow:0 0 10px rgba(0,0,0,0.1); position:relative; z-index:99;}
.header .box{ width:1200px; margin:auto; height:60px; padding:20px 0;}
.header .box .logo{ float:left; height:60px;}
.header .box .logo img{ display:block; height:60px;}
.header .box .ming{ float:left; height:60px; margin-left:150px;}
.header .box .ming img{ display:block; height:60px;}
.header .box .ser{ float:right; height:40px; margin:10px 0; margin-right:100px; position:relative; width:350px;}
.header .box .ser .text{ width:346px; height:36px; line-height:36px; border:2px solid #f2a90e; border-radius:40px; display:block; font-size:14px; text-indent:18px; overflow:hidden;}
.header .box .ser .sub{ width:80px; height:40px; line-height:40px; border-radius:40px; text-align:center; font-size:14px; background-color:#f2a90e; color:#fff; overflow:hidden; position:absolute; right:0; top:0; cursor:pointer;}
.navbox{ width:100%; height:50px; background-image:url(../image/top_10.jpg); background-position:top left; background-repeat:repeat-x;}
.navbox ul{ width:1200px; display:block; height:50px; margin:auto;}
.navbox ul li{ width:120px; display:block; float:left; position:relative;}
.navbox ul li span{ display:block; width:100%; height:50px; position:relative; overflow:hidden;}
.navbox ul li span a{ display:block; font-size:16px; height:50px; line-height:50px; overflow:hidden; text-align:center;}
.navbox ul li span a:hover{ color:#e77817;}
.navbox ul li.on span a{ color:#e77817;}
.navbox ul li.on span b{ width:100%; height:2px; display:block; background-color:#f2a90e; position:absolute; left:0; top:0;}
.navbox ul li p{ display:none; width:100%; position:absolute; left:0; top:50px; overflow:hidden; padding:10px; background-color:rgba(255,255,255,0.7); box-sizing:border-box;}
.navbox ul li p a{ display:block; text-align:center; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.navbox ul li p a:hover{ color:#e77817;}
.navbox ul li:hover p{ display:block;}
.menu{ display:none;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.header{ width:100%; background-color:#fff; height:130px; box-shadow:0 0 10px rgba(0,0,0,0.1); position:relative; z-index:99;}
.header .box{ width:94%; margin:auto; height:56px; padding:15px 0;}
.header .box .logo{ float:left; height:56px;}
.header .box .logo img{ display:block; height:56px;}
.header .box .ming{ float:left; height:56px; margin-left:3%;}
.header .box .ming img{ display:block; height:56px;}
.header .box .ser{ float:right; height:36px; margin:10px 0; position:relative; max-width:calc(100% - 500px); width:30%;}
.header .box .ser .text{ width:100%; height:36px; line-height:34px; border:2px solid #f2a90e; border-radius:40px; display:block; font-size:14px; text-indent:18px; overflow:hidden; box-sizing:border-box;}
.header .box .ser .sub{ width:70px; height:36px; line-height:36px; border-radius:40px; text-align:center; font-size:14px; background-color:#f2a90e; color:#fff; overflow:hidden; position:absolute; right:0; top:0; cursor:pointer;}
.navbox{ width:100%; height:50px; background-image:url(../image/top_10.jpg); background-position:top left; background-repeat:repeat-x;}
.navbox ul{ width:94%; display:block; height:44px; margin:auto;}
.navbox ul li{ width:10%; display:block; float:left; position:relative;}
.navbox ul li span{ display:block; width:100%; height:44px; position:relative; overflow:hidden;}
.navbox ul li span a{ display:block; font-size:14px; height:44px; line-height:44px; overflow:hidden; text-align:center;}
.navbox ul li span a:hover{ color:#e77817;}
.navbox ul li.on span a{ color:#e77817;}
.navbox ul li.on span b{ width:100%; height:2px; display:block; background-color:#f2a90e; position:absolute; left:0; top:0;}
.navbox ul li p{ display:none; width:100%; position:absolute; left:0; top:44px; overflow:hidden; padding:10px 5px; background-color:rgba(255,255,255,0.7); box-sizing:border-box;}
.navbox ul li p a{ display:block; text-align:center; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.navbox ul li p a:hover{ color:#e77817;}
.navbox ul li:hover p{ display:block;}
.menu{ display:none;}
}
@media only screen and (max-width: 768px){
.header{ width:100%; background-color:#fff; height:60px; box-shadow:0 0 10px rgba(0,0,0,0.1); position:relative; z-index:99;}
.header .box{ width:94%; margin:auto; height:40px; padding:10px 0;}
.header .box .logo{ float:left; height:40px;}
.header .box .logo img{ display:block; height:40px;}
.header .box .ming,.header .box .ser,.header .navbox{ display:none;}
.header .box .nav_btn{ height:30px; width:30px; float:right; margin:5px 0; background-image:url(../image/nav.png);}
.header .box .nav_btn.on{ background-image:url(../image/nav01.png);}

.menu{ width:100%; height:100%; position:absolute; left:0; top:60px; opacity:0; z-index:-1;}
.menu.on{ opacity:1; z-index:9999;}
.sliding-menu{ width:100%; position:relative; background-color:rgba(0,0,0,0.7);}
.sliding-menu ul{ float:left;}
.sliding-menu ul li{ display:block; overflow:hidden; padding:7px 15px;}
.sliding-menu a{ display:block; color:#fff; line-height:24px; font-size:14px; background-image:url(../image/nr.png); background-position:right center; background-repeat:no-repeat;}
.sliding-menu a.back{ background-color:#000; background-image:url(../image/nl.png); background-position:15px center; padding:7px 30px;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; height:600px; position:relative; z-index:0;}
.banner .hd{ width:100%; position:absolute; left:0; bottom:30px; z-index:9;}
.banner .hd ul{ width:100%; display:block; text-align:center; vertical-align:middle;}
.banner .hd ul li{ display:inline-block; width:6px; height:6px; border-radius:100%; background-color:#666; vertical-align:middle; margin:0 5px;}
.banner .hd ul li.on{ border:2px solid #f2a90e; width:10px; height:10px; vertical-align:middle; background-color:transparent;}
.banner .prev{ display:block; position:absolute; left:3%; top:50%; margin-top:-37px; width:40px; height:74px; z-index:3; background-image:url(../image/left.png);}
.banner .prev:hover{ background-image:url(../image/lefth.png);}
.banner .next{ display:block; position:absolute; right:3%; top:50%; margin-top:-37px; width:40px; height:74px; z-index:3; background-image:url(../image/right.png);}
.banner .next:hover{ background-image:url(../image/righth.png);}
.banner .bd{ width:100%; height:600px; position:relative; z-index:1;}
.banner .bd li{ width:100%; height:600px; display:block; overflow:hidden; background-color:#f1f1f1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .bd li img{ display:none;}
.banner .bd li .b06{ width:1200px; margin:auto; padding-top:450px; position:relative;}
.banner .bd li .b06 a{ width:180px; height:50px; line-height:50px; border-radius:50px; text-align:center; float:left; display:block; color:#fff; background-color:#f2a90e; font-size:18px;}
.banner .bd li .b06 a:nth-child(2){ width:178px; height:48px; line-height:48px; border:2px solid #f2a90e; color:#f2a90e; background-color:transparent; margin-left:20px;}
.banner .bd li .b06 a:hover{ background-color:#e77817;}
.banner .bd li .b06 a:nth-child(2):hover{ background-color:transparent; border:2px solid #e77817; color:#e77817;}
/*.banner .bd li .box{ width:1200px; height:600px; margin:auto; position:relative;}
.banner .bd li .box .left{ width:600px; position:absolute; top:50%; left:0; transform:translateX(0) translateY(-50%);}
.banner .bd li .box .left .b01{ color:#f2a90e; font-size:50px; line-height:60px; height:60px;}
.banner .bd li .box .left .b02{ color:#333; font-size:50px; line-height:60px; height:60px;}
.banner .bd li .box .left .b03{ width:50px; height:4px; background-color:#e77817; margin-top:10px;}
.banner .bd li .box .left .b04{ color:#333; font-size:36px; line-height:56px; height:56px; margin-top:20px;}
.banner .bd li .box .left .b05{ color:#666; font-size:24px; line-height:44px; height:44px;}
.banner .bd li .box .left .b06{ margin-top:40px; margin-bottom:10px;}
.banner .bd li .box .left .b06 a{ width:180px; height:50px; line-height:50px; border-radius:50px; text-align:center; float:left; display:block; color:#fff; background-color:#f2a90e; font-size:18px;}
.banner .bd li .box .left .b06 a:nth-child(2){ width:178px; height:48px; line-height:48px; border:2px solid #f2a90e; color:#f2a90e; background-color:transparent; margin-left:20px;}
.banner .bd li .box .left .b06 a:hover{ background-color:#e77817;}
.banner .bd li .box .left .b06 a:nth-child(2):hover{ background-color:transparent; border:2px solid #e77817; color:#e77817;}
.banner .bd li .box .right{ position:absolute; top:50%; right:0; transform:translateX(0) translateY(-50%);}
.banner .bd li .box .right img{ max-width:572px; max-height:500px; display:block;}*/
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.banner{ width:100%; height:500px; position:relative; z-index:0;}
.banner .hd{ width:100%; position:absolute; left:0; bottom:20px; z-index:9;}
.banner .hd ul{ width:100%; display:block; text-align:center; vertical-align:middle;}
.banner .hd ul li{ display:inline-block; width:6px; height:6px; border-radius:100%; background-color:#666; vertical-align:middle; margin:0 5px;}
.banner .hd ul li.on{ border:2px solid #f2a90e; width:10px; height:10px; vertical-align:middle; background-color:transparent;}
.banner .bd{ width:100%; height:500px; position:relative; z-index:1;}
.banner .bd li{ width:100%; height:500px; display:block; overflow:hidden; background-color:#f1f1f1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .bd li img{ display:none;}
.banner .bd li .b06{ width:94%; margin:auto; margin-top:400px;}
.banner .bd li .b06 a{ width:140px; height:40px; line-height:40px; border-radius:50px; text-align:center; float:left; display:block; color:#fff; background-color:#f2a90e; font-size:16px;}
.banner .bd li .b06 a:nth-child(2){ width:138px; height:38px; line-height:38px; border:2px solid #f2a90e; color:#f2a90e; background-color:transparent; margin-left:15px;}
.banner .bd li .b06 a:hover{ background-color:#e77817;}
.banner .bd li .b06 a:nth-child(2):hover{ background-color:transparent; border:2px solid #e77817; color:#e77817;}
/*.banner .bd li .box{ width:94%; height:500px; margin:auto; position:relative;}
.banner .bd li .box .left{ width:600px; position:absolute; top:50%; left:0; transform:translateX(0) translateY(-50%); z-index:2;}
.banner .bd li .box .left .b01{ color:#f2a90e; font-size:40px; line-height:50px; height:50px;}
.banner .bd li .box .left .b02{ color:#333; font-size:40px; line-height:50px; height:50px;}
.banner .bd li .box .left .b03{ width:50px; height:4px; background-color:#e77817; margin-top:10px;}
.banner .bd li .box .left .b04{ color:#333; font-size:26px; line-height:46px; height:46px; margin-top:15px;}
.banner .bd li .box .left .b05{ color:#666; font-size:20px; line-height:40px; height:40px;}
.banner .bd li .box .left .b06{ margin-top:20px; margin-bottom:10px;}
.banner .bd li .box .left .b06 a{ width:140px; height:40px; line-height:40px; border-radius:50px; text-align:center; float:left; display:block; color:#fff; background-color:#f2a90e; font-size:16px;}
.banner .bd li .box .left .b06 a:nth-child(2){ width:138px; height:38px; line-height:38px; border:2px solid #f2a90e; color:#f2a90e; background-color:transparent; margin-left:15px;}
.banner .bd li .box .left .b06 a:hover{ background-color:#e77817;}
.banner .bd li .box .left .b06 a:nth-child(2):hover{ background-color:transparent; border:2px solid #e77817; color:#e77817;}
.banner .bd li .box .right{ position:absolute; top:50%; right:0; transform:translateX(0) translateY(-50%); z-index:1;}
.banner .bd li .box .right img{ max-width:400px; max-height:300px; display:block;}*/
}
@media only screen and (max-width: 768px){
.banner{ width:100%; position:relative; z-index:0;}
.banner .hd{ width:100%; position:absolute; left:0; bottom:10px; z-index:9;}
.banner .hd ul{ width:100%; display:block; text-align:center; vertical-align:middle;}
.banner .hd ul li{ display:inline-block; width:6px; height:6px; border-radius:100%; background-color:#666; vertical-align:middle; margin:0 2px;}
.banner .hd ul li.on{ border:2px solid #f2a90e; width:10px; height:10px; vertical-align:middle; background-color:transparent;}
.banner .bd{ width:100% !important; height:100% !important; position:absolute !important; left:0; top:0; z-index:1;}
.banner .bd ul{ width:100% !important; height:100% !important;}
.banner .bd li{ width:100% !important; height:100% !important; display:block; overflow:hidden; background-color:#f1f1f1; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:none;}
.banner .bd li img{ width:100%; display:block;}
.banner .bd li .b06{ width:257px; position:absolute; left:50%; margin-left:-128px; bottom:10px;}
.banner .bd li .b06 a{ width:120px; height:34px; line-height:34px; border-radius:50px; text-align:center; float:left; display:block; color:#fff; background-color:#f2a90e; font-size:14px;}
.banner .bd li .b06 a:nth-child(2){ width:118px; height:30px; line-height:30px; border:2px solid #f2a90e; color:#f2a90e; background-color:transparent; margin-left:15px;}
.banner .bd li .b06 a:hover{ background-color:#e77817;}
.banner .bd li .b06 a:nth-child(2):hover{ background-color:transparent; border:2px solid #e77817; color:#e77817;}
/*.banner .bd li .box{ width:94%; height:400px; margin:auto; position:relative;}
.banner .bd li .box .left{ width:100%; position:absolute; top:10px; left:0; z-index:2;}
.banner .bd li .box .left .b01{ color:#f2a90e; font-size:20px; line-height:30px; height:30px;}
.banner .bd li .box .left .b02{ color:#333; font-size:20px; line-height:30px; height:30px;}
.banner .bd li .box .left .b03{ width:30px; height:2px; background-color:#e77817; margin-top:5px;}
.banner .bd li .box .left .b04{ color:#333; font-size:18px; line-height:28px; height:28px; margin-top:10px;}
.banner .bd li .box .left .b05{ color:#666; font-size:16px; line-height:26px; height:26px;}
.banner .bd li .box .left .b06{ margin-top:10px;}
.banner .bd li .box .left .b06 a{ width:120px; height:34px; line-height:34px; border-radius:50px; text-align:center; float:left; display:block; color:#fff; background-color:#f2a90e; font-size:14px;}
.banner .bd li .box .left .b06 a:nth-child(2){ width:118px; height:30px; line-height:30px; border:2px solid #f2a90e; color:#f2a90e; background-color:transparent; margin-left:15px;}
.banner .bd li .box .left .b06 a:hover{ background-color:#e77817;}
.banner .bd li .box .left .b06 a:nth-child(2):hover{ background-color:transparent; border:2px solid #e77817; color:#e77817;}
.banner .bd li .box .right{ width:100%; position:absolute; left:0; bottom:15px;}
.banner .bd li .box .right img{ max-width:70%; max-height:200px; margin:auto; display:block;}*/
}

/*万庆主营业务*/
@media screen and (min-width:1280px){
.ybox{ padding-top:65px; padding-bottom:70px; background-color:#fff;}
.ybox .title{ width:1200px; margin:auto; text-align:center;}
.ybox .title b{ display:block; font-size:30px; line-height:40px; height:40px; overflow:hidden;}
.ybox .title p{ display:block; font-size:18px; line-height:28px; color:#666; overflow:hidden; margin-top:10px;}
.ybox .box{ width:1200px; margin:auto; margin-top:25px; height:440px;}
.ybox .box ul{ width:1260px; display:block; overflow:hidden;}
.ybox .box ul li{ display:block; float:left; margin-right:60px; position:relative; overflow:hidden; height:440px; width:360px;}
.ybox .box ul li a{ width:300px; border-radius:5px; background-color:#e1eeff; overflow:hidden; display:block; margin-top:86px; padding:50px 30px;}
.ybox .box ul li a:hover{ margin-top:0;}
.ybox .box ul li .y01{ height:88px;}
.ybox .box ul li .y01 img{ display:block; height:88px; margin:auto;}
.ybox .box ul li .y02{ height:28px; line-height:28px; font-size:18px; text-align:center; margin-top:35px;}
.ybox .box ul li .y03{ width:40px; margin:auto; margin-top:15px; background-color:#ddd; height:1px;}
.ybox .box ul li .y04{ height:72px; line-height:24px; font-size:14px; color:#666; text-align:center; margin-top:25px; display:none;}
.ybox .box ul li .y05{ width:200px; height:40px; background-color:#f2a90e; border-radius:40px; background-image:url(../image/more_01.png); background-position:center; background-repeat:no-repeat; margin:auto; margin-top:35px; display:none;}
.ybox .box ul li a:hover .y04,.ybox .box ul li a:hover .y05{ display:block;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.ybox{ padding-top:45px; padding-bottom:50px; background-color:#fff;}
.ybox .title{ width:94%; margin:auto; text-align:center;}
.ybox .title b{ display:block; font-size:24px; line-height:34px; height:34px; overflow:hidden;}
.ybox .title p{ display:block; font-size:16px; line-height:26px; color:#666; overflow:hidden; margin-top:5px;}
.ybox .box{ width:100%; margin:auto; margin-top:20px; height:344px;}
.ybox .box ul{ width:100%; display:block; overflow:hidden;}
.ybox .box ul li{ display:block; float:left; margin-left:3%; position:relative; overflow:hidden; height:344px; width:29.33%;}
.ybox .box ul li a{ width:90%; border-radius:5px; background-color:#e1eeff; overflow:hidden; display:block; margin-top:71px; padding:30px 5%;}
.ybox .box ul li a:hover{ margin-top:0;}
.ybox .box ul li .y01{ height:88px;}
.ybox .box ul li .y01 img{ display:block; height:88px; margin:auto;}
.ybox .box ul li .y02{ height:28px; line-height:28px; font-size:18px; text-align:center; margin-top:15px;}
.ybox .box ul li .y03{ width:40px; margin:auto; margin-top:10px; background-color:#ddd; height:1px;}
.ybox .box ul li .y04{ height:72px; line-height:24px; font-size:14px; color:#666; text-align:center; margin-top:15px; display:none;}
.ybox .box ul li .y05{ width:80%; height:40px; background-color:#f2a90e; border-radius:40px; background-image:url(../image/more_01.png); background-position:center; background-repeat:no-repeat; margin:auto; margin-top:15px; display:none;}
.ybox .box ul li a:hover .y04,.ybox .box ul li a:hover .y05{ display:block;}
}
@media only screen and (max-width: 768px){
.ybox{ padding-top:25px; padding-bottom:30px; background-color:#fff;}
.ybox .title{ width:94%; margin:auto; text-align:center;}
.ybox .title b{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden;}
.ybox .title p{ display:block; font-size:14px; line-height:24px; color:#666; overflow:hidden;}
.ybox .box{ width:94%; margin:auto;}
.ybox .box ul{ width:100%; display:block; overflow:hidden;}
.ybox .box ul li{ display:block; position:relative; overflow:hidden; width:100%; margin-top:15px;}
.ybox .box ul li a{ width:90%; border-radius:5px; background-color:#e1eeff; overflow:hidden; display:block; padding:20px 5%;}
.ybox .box ul li .y01{ height:60px;}
.ybox .box ul li .y01 img{ display:block; height:60px; margin:auto;}
.ybox .box ul li .y02{ height:28px; line-height:26px; font-size:16px; text-align:center; margin-top:10px;}
.ybox .box ul li .y03{ width:40px; margin:auto; margin-top:5px; background-color:#ddd; height:1px;}
.ybox .box ul li .y04{ display:none;}
.ybox .box ul li .y05{ display:none;}
}

/*关于万庆*/
@media screen and (min-width:1280px){
.abox{ width:100%; background-color:#e1eeff;}
.abox .box{ width:1200px; margin:70px auto;}
.abox .left{ float:left; width:520px; height:540px;}
.abox .left img{ max-width:100%; max-height:100%; display:block;}
.abox .right{ padding-top:55px; float:right; width:590px;}
.abox .right .a01{ font-size:30px; font-weight:bold; line-height:40px; line-height:40px;}
.abox .right .a02{ font-size:18px; height:28px; line-height:28px; margin-top:10px;}
.abox .right .a03{ width:60px; height:4px; background-color:#f2a90e; margin-top:15px;}
.abox .right .a04{ margin-top:22px; font-size:14px; line-height:30px; height:240px;}
.abox .right .a05{ margin-top:22px; width:160px; height:40px;}
.abox .right .a05 a{ width:160px; height:40px; line-height:40px; border-radius:40px; text-align:center; display:block; color:#fff; background-color:#f2a90e; font-size:14px;}
.abox .right .a05 a:hover{ background-color:#e77817;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.abox{ width:100%; background-color:#e1eeff;}
.abox .box{ width:94%; margin:50px auto;}
.abox .left{ float:left; width:45%;}
.abox .left img{ max-width:100%; display:block;}
.abox .right{ padding-top:25px; float:right; width:50%;}
.abox .right .a01{ font-size:24px; font-weight:bold; line-height:34px; line-height:34px;}
.abox .right .a02{ font-size:16px; height:26px; line-height:26px; margin-top:5px;}
.abox .right .a03{ width:60px; height:4px; background-color:#f2a90e; margin-top:10px;}
.abox .right .a04{ margin-top:15px; font-size:14px; line-height:30px; height:240px;}
.abox .right .a05{ margin-top:15px; width:160px; height:40px;}
.abox .right .a05 a{ width:160px; height:40px; line-height:40px; border-radius:40px; text-align:center; display:block; color:#fff; background-color:#f2a90e; font-size:14px;}
.abox .right .a05 a:hover{ background-color:#e77817;}
}
@media only screen and (max-width: 768px){
.abox{ width:100%; background-color:#e1eeff;}
.abox .box{ width:94%; margin:30px auto;}
.abox .left{ width:70%; margin:auto;}
.abox .left img{ width:100%; display:block;}
.abox .right{ padding-top:15px; width:100%;}
.abox .right .a01{ font-size:18px; font-weight:bold; line-height:28px; line-height:28px; text-align:center;}
.abox .right .a02{ font-size:14px; line-height:24px; text-align:center;}
.abox .right .a03{ width:40px; height:2px; background-color:#f2a90e; margin:auto; margin-top:5px;}
.abox .right .a04{ margin-top:15px; font-size:14px; line-height:24px;}
.abox .right .a05{ margin-top:15px; height:40px;}
.abox .right .a05 a{ width:140px; height:34px; line-height:34px; border-radius:40px; text-align:center; display:block; color:#fff; background-color:#f2a90e; font-size:14px; margin:auto;}
.abox .right .a05 a:hover{ background-color:#e77817;}
}

/*解决方案*/
@media screen and (min-width:1280px){
.jbox{ width:100%; padding:70px 0; background-color:#fff;}
.jbox .title{ width:1200px; margin:auto;}
.jbox .title .left{ float:left; height:34px;}
.jbox .title .left p{ display:block; float:left; height:34px; line-height:34px; font-size:30px;}
.jbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:20px; line-height:30px; height:30px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.jbox .title .right{ float:right;}
.jbox .title .right .more{ display:block; float:right; margin-left:10px;}
.jbox .title .right .more a{ display:block; width:120px; height:34px; line-height:34px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px;}
.jbox .title .right .more a:hover{ background-color:#f2a90e; color:#fff;}
.jbox .box{ width:1200px; margin:auto; margin-top:6px;}
.jbox .box ul{ width:1230px; display:block; overflow:hidden;}
.jbox .box ul li{ display:block; float:left; width:380px; height:220px; margin-top:30px; margin-right:30px; border-radius:5px; overflow:hidden; position:relative;}
.jbox .box ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.jbox .box ul li .mask{ width:100%; padding:10px 15px; box-sizing:border-box; height:70px; position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.9);}
.jbox .box ul li .mask span{ font-size:16px; line-height:26px; height:26px; display:block; overflow:hidden; width:calc(100% - 30px);}
.jbox .box ul li .mask p{ font-size:14px; line-height:24px; height:24px; color:#999; display:block; overflow:hidden; width:calc(100% - 30px);}
.jbox .box ul li .mask b{ display:none; width:20px; height:20px; position:absolute; right:15px; bottom:15px; background-image:url(../image/more_01.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.jbox .box ul 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);}
.jbox .box ul li:hover .mask{ background-color:#f2a90e;}
.jbox .box ul li:hover .mask span,.jbox .box ul li:hover .mask p{ color:#fff;}
.jbox .box ul li:hover .mask b{ display:block;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.jbox{ width:100%; padding:50px 0; background-color:#fff;}
.jbox .title{ width:94%; margin:auto;}
.jbox .title .left{ float:left; height:30px;}
.jbox .title .left p{ display:block; float:left; height:30px; line-height:30px; font-size:24px;}
.jbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:18px; line-height:24px; height:24px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.jbox .title .right{ float:right;}
.jbox .title .right .more{ display:block; float:right; margin-left:10px;}
.jbox .title .right .more a{ display:block; width:110px; height:30px; line-height:30px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px;}
.jbox .title .right .more a:hover{ background-color:#f2a90e; color:#fff;}
.jbox .box{ width:100%; margin:auto; }
.jbox .box ul{ width:100%; display:block; overflow:hidden;}
.jbox .box ul li{ display:block; float:left; width:29.33%; height:170px; margin-top:20px; margin-left:3%; border-radius:5px; overflow:hidden; position:relative;}
.jbox .box ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.jbox .box ul li .mask{ width:100%; padding:5px 10px; box-sizing:border-box; height:60px; position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.9);}
.jbox .box ul li .mask span{ font-size:16px; line-height:26px; height:26px; display:block; overflow:hidden; width:calc(100% - 20px);}
.jbox .box ul li .mask p{ font-size:14px; line-height:24px; height:24px; color:#999; display:block; overflow:hidden; width:calc(100% - 20px);}
.jbox .box ul li .mask b{ display:none; width:20px; height:20px; position:absolute; right:10px; bottom:10px; background-image:url(../image/more_01.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.jbox .box ul 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);}
.jbox .box ul li:hover .mask{ background-color:#f2a90e;}
.jbox .box ul li:hover .mask span,.jbox .box ul li:hover .mask p{ color:#fff;}
.jbox .box ul li:hover .mask b{ display:block;}
}
@media only screen and (max-width: 768px){
.jbox{ width:100%; padding:30px 0; background-color:#fff;}
.jbox .title{ width:94%; margin:auto;}
.jbox .title .left{ float:left; height:26px;}
.jbox .title .left p{ display:block; float:left; height:26px; line-height:26px; font-size:18px;}
.jbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:5px; font-size:14px; line-height:20px; height:20px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.jbox .title .right{ float:right;}
.jbox .title .right .more{ display:block; float:right; margin-left:5px;}
.jbox .title .right .more a{ display:block; width:90px; height:26px; line-height:26px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px;}
.jbox .title .right .more a:hover{ background-color:#f2a90e; color:#fff;}
.jbox .box{ width:100%; margin:auto; }
.jbox .box ul{ width:100%; display:block; overflow:hidden;}
.jbox .box ul li{ display:block; float:left; width:45.5%; height:140px; margin-top:15px; margin-left:3%; border-radius:5px; overflow:hidden; position:relative;}
.jbox .box ul li img{ height:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.jbox .box ul li .mask{ width:100%; padding:4px 5px; box-sizing:border-box; position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.7);}
.jbox .box ul li .mask span{ font-size:14px; line-height:16px; height:32px; display:block; overflow:hidden; width:calc(100% - 15px)}
.jbox .box ul li .mask p{ display:none;}
.jbox .box ul li .mask b{ display:none; width:10px; height:10px; position:absolute; right:5px; bottom:7px; background-image:url(../image/more_01.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% 100%;}
.jbox .box ul 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);}
.jbox .box ul li:hover .mask{ background-color:#f2a90e;}
.jbox .box ul li:hover .mask span{ color:#fff;}
.jbox .box ul li:hover b{ display:block;}
}

/*产品展示*/
@media screen and (min-width:1280px){
.pbox{ width:100%; padding:70px 0; background-color:#e1eeff;}
.pbox .title{ width:1200px; margin:auto;}
.pbox .title .left{ float:left; height:34px;}
.pbox .title .left p{ display:block; float:left; height:34px; line-height:34px; font-size:30px;}
.pbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:20px; line-height:30px; height:30px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.pbox .title .right{ float:right;}
.pbox .title .right .more{ display:block; float:right; margin-left:10px;}
.pbox .title .right .more a{ display:block; width:120px; height:34px; line-height:34px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px;}
.pbox .title .right .more a:hover{ background-color:#f2a90e; color:#fff;}
.pbox .title .right ul{ display:block; float:right; overflow:hidden;}
.pbox .title .right ul li{ display:block; float:left; margin-left:10px; width:120px; height:34px; line-height:34px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px; cursor:pointer;}
.pbox .title .right ul li.on{ background-color:#f2a90e; color:#fff;}
.pbox .box{ width:1200px; margin:auto; margin-top:6px;}
.pbox .box ul{ width:1230px; display:block; overflow:hidden;}
.pbox .box ul li{ display:block; float:left; width:380px; height:220px; margin-top:30px; margin-right:30px; border-radius:5px; overflow:hidden; position:relative;}
.pbox .box ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.pbox .box ul li p{ width:100%; height:40px; line-height:40px; font-size:18px; text-align:center; padding:0 15px; box-sizing:border-box; background-color:rgba(255,255,255,0.7); display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.pbox .box ul li:hover p{ background-color:rgba(242,169,14,0.9); color:#fff;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.pbox{ width:100%; padding:50px 0; background-color:#e1eeff;}
.pbox .title{ width:94%; margin:auto;}
.pbox .title .left{ float:left; height:30px;}
.pbox .title .left p{ display:block; float:left; height:30px; line-height:30px; font-size:24px;}
.pbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:18px; line-height:24px; height:24px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.pbox .title .right{ float:right;}
.pbox .title .right .more{ display:block; float:right; margin-left:10px;}
.pbox .title .right .more a{ display:block; width:110px; height:30px; line-height:30px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px;}
.pbox .title .right .more a:hover{ background-color:#f2a90e; color:#fff;}
.pbox .title .right ul{ display:block; float:right; overflow:hidden;}
.pbox .title .right ul li{ display:block; float:left; margin-left:10px; width:120px; height:30px; line-height:30px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px; cursor:pointer;}
.pbox .title .right ul li.on{ background-color:#f2a90e; color:#fff;}
.pbox .box{ width:100%; margin:auto; }
.pbox .box ul{ width:100%; display:block; overflow:hidden;}
.pbox .box ul li{ display:block; float:left; width:29.33%; height:170px; margin-top:20px; margin-left:3%; border-radius:5px; overflow:hidden; position:relative;}
.pbox .box ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.pbox .box ul li p{ width:100%; height:36px; line-height:36px; font-size:16px; text-align:center; padding:0 10px; box-sizing:border-box; background-color:rgba(255,255,255,0.7); display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.pbox .box ul li:hover p{ background-color:rgba(242,169,14,0.9); color:#fff;}
}
@media only screen and (max-width: 768px){
.pbox{ width:100%; padding:30px 0; background-color:#e1eeff;}
.pbox .title{ width:94%; margin:auto; position:relative;}
.pbox .title .left{ position:absolute; left:0; top:0; height:26px;}
.pbox .title .left p{ display:block; float:left; height:26px; line-height:26px; font-size:18px;}
.pbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:5px; font-size:14px; line-height:20px; height:20px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.pbox .title .right{ float:right; width:100%;}
.pbox .title .right .more{ display:block; float:right; margin-left:5px;}
.pbox .title .right .more a{ display:block; width:90px; height:26px; line-height:26px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px;}
.pbox .title .right .more a:hover{ background-color:#f2a90e; color:#fff;}
.pbox .title .right ul{ display:block; width:100%; overflow:hidden;}
.pbox .title .right ul li{ display:block; float:left; margin-right:3%; width:31.33%; height:26px; line-height:26px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px; cursor:pointer; margin-top:10px;}
.pbox .title .right ul li:nth-child(3n){ margin-right:0;}
.pbox .title .right ul li.on{ background-color:#f2a90e; color:#fff;}
.pbox .box{ width:100%; margin:auto; }
.pbox .box ul{ width:100%; display:block; overflow:hidden;}
.pbox .box ul li{ display:block; float:left; width:45.5%; height:140px; margin-top:15px; margin-left:3%; border-radius:5px; overflow:hidden; position:relative;}
.pbox .box ul li img{ height:110px; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.pbox .box ul li p{ width:100%; height:30px; line-height:30px; font-size:14px; text-align:center; padding:0 5px; box-sizing:border-box; background-color:#f1f1f1; display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.pbox .box ul li:hover p{ background-color:rgba(242,169,14,1); color:#fff;}
}

/*产品展示*/
@media screen and (min-width:1280px){
.cbox{ width:100%; padding:70px 0; background-color:#fff;}
.cbox .title{ width:1200px; margin:auto;}
.cbox .title .left{ float:left; height:34px;}
.cbox .title .left p{ display:block; float:left; height:34px; line-height:34px; font-size:30px;}
.cbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:20px; line-height:30px; height:30px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.cbox .title .right{ float:right;}
.cbox .title .right .more{ display:block; float:right; margin-left:10px;}
.cbox .title .right .more a{ display:block; width:120px; height:34px; line-height:34px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px;}
.cbox .title .right .more a:hover{ background-color:#f2a90e; color:#fff;}
.cbox .title .right ul{ display:block; float:right; overflow:hidden;}
.cbox .title .right ul li{ display:block; float:left; margin-left:10px; width:120px; height:34px; line-height:34px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px; cursor:pointer;}
.cbox .title .right ul li.on{ background-color:#f2a90e; color:#fff;}
.cbox .box{ width:1200px; margin:auto; margin-top:6px;}
.cbox .box ul{ width:1230px; display:block; overflow:hidden;}
.cbox .box ul li{ display:block; float:left; width:380px; height:220px; margin-top:30px; margin-right:30px; border-radius:5px; overflow:hidden; position:relative;}
.cbox .box ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.cbox .box ul li .mask{ width:340px; padding:14px 20px; box-sizing:border-box; position:absolute; left:20px; bottom:20px; background-color:rgba(255,255,255,0.7); text-align:center;}
.cbox .box ul li .mask span{ font-size:18px; line-height:28px; height:28px; display:block; overflow:hidden;}
.cbox .box ul li .mask p{ font-size:14px; line-height:24px; height:24px; color:#666; display:block; overflow:hidden;}
.cbox .box ul 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);}
.cbox .box ul li:hover .mask{ background-color:#f2a90e;}
.cbox .box ul li:hover .mask span,.cbox .box ul li:hover .mask p{ color:#fff;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.cbox{ width:100%; padding:50px 0; background-color:#fff;}
.cbox .title{ width:94%; margin:auto;}
.cbox .title .left{ float:left; height:30px;}
.cbox .title .left p{ display:block; float:left; height:30px; line-height:30px; font-size:24px;}
.cbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:18px; line-height:24px; height:24px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.cbox .title .right{ float:right;}
.cbox .title .right .more{ display:block; float:right; margin-left:10px;}
.cbox .title .right .more a{ display:block; width:110px; height:30px; line-height:30px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px;}
.cbox .title .right .more a:hover{ background-color:#f2a90e; color:#fff;}
.cbox .title .right ul{ display:block; float:right; overflow:hidden;}
.cbox .title .right ul li{ display:block; float:left; margin-left:10px; width:120px; height:30px; line-height:30px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px; cursor:pointer;}
.cbox .title .right ul li.on{ background-color:#f2a90e; color:#fff;}
.cbox .box{ width:100%; margin:auto; }
.cbox .box ul{ width:100%; display:block; overflow:hidden;}
.cbox .box ul li{ display:block; float:left; width:29.33%; height:170px; margin-top:20px; margin-left:3%; border-radius:5px; overflow:hidden; position:relative;}
.cbox .box ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.cbox .box ul li .mask{ width:90%; padding:10px 15px; box-sizing:border-box; position:absolute; left:5%; bottom:15px; background-color:rgba(255,255,255,0.7); text-align:center;}
.cbox .box ul li .mask span{ font-size:16px; line-height:26px; height:26px; display:block; overflow:hidden;}
.cbox .box ul li .mask p{ font-size:14px; line-height:24px; height:24px; color:#666; display:block; overflow:hidden;}
.cbox .box ul 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);}
.cbox .box ul li:hover .mask{ background-color:#f2a90e;}
.cbox .box ul li:hover .mask span,.cbox .box ul li:hover .mask p{ color:#fff;}
}
@media only screen and (max-width: 768px){
.cbox{ width:100%; padding:30px 0; background-color:#fff;}
.cbox .title{ width:94%; margin:auto; position:relative;}
.cbox .title .left{ position:absolute; left:0; top:0; height:26px;}
.cbox .title .left p{ display:block; float:left; height:26px; line-height:26px; font-size:18px;}
.cbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:5px; font-size:14px; line-height:20px; height:20px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.cbox .title .right{ float:right; width:100%;}
.cbox .title .right .more{ display:block; float:right; margin-left:5px;}
.cbox .title .right .more a{ display:block; width:90px; height:26px; line-height:26px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px;}
.cbox .title .right .more a:hover{ background-color:#f2a90e; color:#fff;}
.cbox .title .right ul{ display:block; width:100%; overflow:hidden;}
.cbox .title .right ul li{ display:block; float:left; margin-right:3%; width:31.33%; height:26px; line-height:26px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px; cursor:pointer; margin-top:10px;}
.cbox .title .right ul li:nth-child(3n){ margin-right:0;}
.cbox .title .right ul li.on{ background-color:#f2a90e; color:#fff;}
.cbox .box{ width:100%; margin:auto; }
.cbox .box ul{ width:100%; display:block; overflow:hidden;}
.cbox .box ul li{ display:block; float:left; width:45.5%; height:140px; margin-top:15px; margin-left:3%; border-radius:5px; overflow:hidden; position:relative;}
.cbox .box ul li img{ height:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.cbox .box ul li .mask{ width:90%; padding:4px 10px; box-sizing:border-box; position:absolute; left:5%; bottom:10px; background-color:rgba(255,255,255,0.7); text-align:center;}
.cbox .box ul li .mask span{ font-size:14px; line-height:16px; height:32px; display:block; overflow:hidden;}
.cbox .box ul li .mask p{ display:none;}
.cbox .box ul 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);}
.cbox .box ul li:hover .mask{ background-color:#f2a90e;}
.cbox .box ul li:hover .mask span{ color:#fff;}
}

/*新闻中心*/
@media screen and (min-width:1280px){
.nbox{ width:100%; padding:70px 0; background-color:#e1eeff;}
.nbox .title{ width:1200px; margin:auto;}
.nbox .title .left{ float:left; height:34px;}
.nbox .title .left p{ display:block; float:left; height:34px; line-height:34px; font-size:30px;}
.nbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:20px; line-height:30px; height:30px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.nbox .title .right{ float:right;}
.nbox .title .right .more{ display:block; float:right; margin-left:10px;}
.nbox .title .right .more a{ display:block; width:120px; height:34px; line-height:34px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px;}
.nbox .title .right .more a:hover{ background-color:#f2a90e; color:#fff;}
.nbox .title .right ul{ display:block; float:right; overflow:hidden;}
.nbox .title .right ul li{ display:block; float:left; margin-left:10px; width:120px; height:34px; line-height:34px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px; cursor:pointer;}
.nbox .title .right ul li.on{ background-color:#f2a90e; color:#fff;}
.nbox .box{ width:1200px; margin:auto; margin-top:36px; position:relative; height:470px;}
.nbox .box .tabox{ width:100%; position:absolute; left:0; top:0; z-index:0; background-color:#e1eeff;}
.nbox .box .tabox.on{ z-index:2;}
.nbox .box .left{ float:left; width:600px; height:470px; position:relative;}
.nbox .box .left .txt-bg{ width:100%; height:40px; position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7); z-index:2;}
.nbox .box .left .pic{ width:100%; height:470px; position:relative; display:block; overflow:hidden; z-index:1;}
.nbox .box .left .pic li{ width:100%; height:470px; display:block; overflow:hidden;}
.nbox .box .left .pic li img{ height:100%; display:block;}
.nbox .box .left .txt{ position:absolute; left:20px; bottom:0; z-index:3; height:40px; width:420px; overflow:hidden;}
.nbox .box .left .txt li{ height:40px; line-height:40px; position:absolute; bottom:-40px;}
.nbox .box .left .txt li a{ width:100%; display:block; height:40px; line-height:40px; overflow:hidden; color:#fff; font-size:16px;}
.nbox .box .left .num{ position:absolute; right:20px; bottom:15px; z-index:6; height:10px; overflow:hidden; display:block;}
.nbox .box .left .num li{ width:10px; height:10px; display:block; float:left; margin-left:5px; background-color:rgba(255,255,255,0.7);}
.nbox .box .left .num li.on{ background-color:#f2a90e;}
.nbox .box .right{ float:right; width:550px; height:470px; position:relative;}
.nbox .box .right ul{ height:484px; margin-top:-15px; width:100%; display:block; overflow:hidden;}
.nbox .box .right ul li{ padding:15px 0; display:block; border-bottom:1px solid #eee; overflow:hidden;}
.nbox .box .right ul li .tu{ width:120px; height:94px; float:left;}
.nbox .box .right ul li .tu img{ height:100%; display:block;}
.nbox .box .right ul li .wz{ width:420px; height:94px; float:right;}
.nbox .box .right ul li .wz .bt{ font-size:16px; height:26px; line-height:26px;}
.nbox .box .right ul li .wz .wen{ font-size:14px; height:48px; line-height:24px; color:#666;}
.nbox .box .right ul li .wz .shi{ width:100%; height:22px;}
.nbox .box .right ul li .wz .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.nbox .box .right ul li .wz .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.nbox .box .right ul li:hover .wz .bt a{ color:#f2a90e;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.nbox{ width:100%; padding:50px 0; background-color:#e1eeff;}
.nbox .title{ width:94%; margin:auto;}
.nbox .title .left{ float:left; height:30px;}
.nbox .title .left p{ display:block; float:left; height:30px; line-height:30px; font-size:24px;}
.nbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:18px; line-height:24px; height:24px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.nbox .title .right{ float:right;}
.nbox .title .right .more{ display:block; float:right; margin-left:10px;}
.nbox .title .right .more a{ display:block; width:110px; height:30px; line-height:30px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px;}
.nbox .title .right .more a:hover{ background-color:#f2a90e; color:#fff;}
.nbox .title .right ul{ display:block; float:right; overflow:hidden;}
.nbox .title .right ul li{ display:block; float:left; margin-left:10px; width:120px; height:30px; line-height:30px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px; cursor:pointer;}
.nbox .title .right ul li.on{ background-color:#f2a90e; color:#fff;}
.nbox .box{ width:94%; margin:auto; margin-top:20px; position:relative; height:381px;}
.nbox .box .tabox{ width:100%; position:absolute; left:0; top:0; z-index:0; background-color:#e1eeff;}
.nbox .box .tabox.on{ z-index:2;}
.nbox .box .left{ float:left; width:50%; height:381px; position:relative;}
.nbox .box .left .txt-bg{ width:100%; height:40px; position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7); z-index:2;}
.nbox .box .left .pic{ width:100%; height:470px; position:relative; display:block; overflow:hidden; z-index:1;}
.nbox .box .left .pic li{ width:100%; height:470px; display:block; overflow:hidden;}
.nbox .box .left .pic li img{ height:100%; display:block;}
.nbox .box .left .txt{ position:absolute; left:15px; bottom:0; z-index:3; height:40px; width:calc(100% - 100px); overflow:hidden;}
.nbox .box .left .txt li{ height:40px; line-height:40px; position:absolute; bottom:-40px;}
.nbox .box .left .txt li a{ width:100%; display:block; height:40px; line-height:40px; overflow:hidden; color:#fff; font-size:16px;}
.nbox .box .left .num{ position:absolute; right:15px; bottom:15px; z-index:6; height:10px; overflow:hidden; display:block;}
.nbox .box .left .num li{ width:10px; height:10px; display:block; float:left; margin-left:5px; background-color:rgba(255,255,255,0.7);}
.nbox .box .left .num li.on{ background-color:#f2a90e;}
.nbox .box .right{ float:right; width:47%; height:381px; position:relative;}
.nbox .box .right ul{ height:396px; margin-top:-15px; width:100%; display:block; overflow:hidden;}
.nbox .box .right ul li{ padding:15px 0; display:block; border-bottom:1px solid #eee; overflow:hidden;}
.nbox .box .right ul li .tu{ width:92px; height:72px; float:left;}
.nbox .box .right ul li .tu img{ height:100%; display:block;}
.nbox .box .right ul li .wz{ width:calc(100% - 100px); height:72px; float:right;}
.nbox .box .right ul li .wz .bt{ font-size:16px; height:26px; line-height:26px;}
.nbox .box .right ul li .wz .wen{ font-size:14px; height:24px; line-height:24px; color:#666;}
.nbox .box .right ul li .wz .shi{ width:100%; height:22px;}
.nbox .box .right ul li .wz .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.nbox .box .right ul li .wz .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.nbox .box .right ul li:hover .wz .bt a{ color:#f2a90e;}
}
@media only screen and (max-width: 768px){
.nbox{ width:100%; padding:30px 0; background-color:#e1eeff;}
.nbox .title{ width:94%; margin:auto; position:relative;}
.nbox .title .left{ position:absolute; left:0; top:0; height:26px;}
.nbox .title .left p{ display:block; float:left; height:26px; line-height:26px; font-size:18px;}
.nbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:5px; font-size:14px; line-height:20px; height:20px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.nbox .title .right{ float:right; width:100%;}
.nbox .title .right .more{ display:block; float:right; margin-left:5px;}
.nbox .title .right .more a{ display:block; width:90px; height:26px; line-height:26px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px;}
.nbox .title .right .more a:hover{ background-color:#f2a90e; color:#fff;}
.nbox .title .right ul{ display:block; width:100%; overflow:hidden;}
.nbox .title .right ul li{ display:block; float:left; margin-right:3%; width:31.33%; height:26px; line-height:26px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px; cursor:pointer; margin-top:10px;}
.nbox .title .right ul li:nth-child(3n){ margin-right:0;}
.nbox .title .right ul li.on{ background-color:#f2a90e; color:#fff;}
.nbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; height:636px;}
.nbox .box .tabox{ width:100%; position:absolute; left:0; top:0; z-index:0; background-color:#e1eeff;}
.nbox .box .tabox.on{ z-index:2;}
.nbox .box .left{ float:left; width:100%; height:240px; position:relative;}
.nbox .box .left .txt-bg{ width:100%; height:40px; position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7); z-index:2;}
.nbox .box .left .pic{ width:100%; height:470px; position:relative; display:block; overflow:hidden; z-index:1;}
.nbox .box .left .pic li{ width:100%; height:470px; display:block; overflow:hidden;}
.nbox .box .left .pic li img{ height:100%; display:block;}
.nbox .box .left .txt{ position:absolute; left:10px; bottom:0; z-index:3; height:40px; width:calc(100% - 100px); overflow:hidden;}
.nbox .box .left .txt li{ height:40px; line-height:40px; position:absolute; bottom:-40px;}
.nbox .box .left .txt li a{ width:100%; display:block; height:40px; line-height:40px; overflow:hidden; color:#fff; font-size:14px;}
.nbox .box .left .num{ position:absolute; right:10px; bottom:15px; z-index:6; height:10px; overflow:hidden; display:block;}
.nbox .box .left .num li{ width:10px; height:10px; display:block; float:left; margin-left:5px; background-color:rgba(255,255,255,0.7);}
.nbox .box .left .num li.on{ background-color:#f2a90e;}
.nbox .box .right{ float:right; width:100%; height:396px; position:relative;}
.nbox .box .right ul{ height:396px; width:100%; display:block; overflow:hidden;}
.nbox .box .right ul li{ padding:15px 0; display:block; border-bottom:1px solid #eee; overflow:hidden;}
.nbox .box .right ul li .tu{ width:92px; height:72px; float:left;}
.nbox .box .right ul li .tu img{ height:100%; display:block;}
.nbox .box .right ul li .wz{ width:calc(100% - 100px); height:72px; float:right;}
.nbox .box .right ul li .wz .bt{ font-size:16px; height:26px; line-height:26px;}
.nbox .box .right ul li .wz .wen{ font-size:14px; height:24px; line-height:24px; color:#666;}
.nbox .box .right ul li .wz .shi{ width:100%; height:22px;}
.nbox .box .right ul li .wz .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.nbox .box .right ul li .wz .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.nbox .box .right ul li:hover .wz .bt a{ color:#f2a90e;}
}

/*合作客户*/
@media screen and (min-width:1280px){
.hbox{ width:100%; padding:70px 0; background-color:#fff;}
.hbox .title{ width:1200px; margin:auto;}
.hbox .title .left{ float:left; height:34px;}
.hbox .title .left p{ display:block; float:left; height:34px; line-height:34px; font-size:30px;}
.hbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:20px; line-height:30px; height:30px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.hbox .title .right{ float:right;}
.hbox .title .right .more{ display:block; float:right; margin-left:10px;}
.hbox .title .right .more a{ display:block; width:120px; height:34px; line-height:34px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px;}
.hbox .title .right .more a:hover{ background-color:#f2a90e; color:#fff;}
.hbox .box{ width:1198px; margin:auto; margin-top:6px;}
.hbox .box ul{ width:1224px; display:block; overflow:hidden;}
.hbox .box ul li{ display:table; text-align:center; vertical-align:middle; width:280px; height:100px; background-color:#fff; overflow:hidden; margin-top:25px; margin-right:26px; float:left;}
.hbox .box ul li a{ width:100%; height:100px; display:table-cell; text-align:center; vertical-align:middle;}
.hbox .box ul li img{ max-width:100%; max-height:100%; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hbox .box ul li:hover img{ -webkit-transform:rotateY(-360deg);}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.hbox{ width:100%; padding:50px 0; background-color:#fff;}
.hbox .title{ width:94%; margin:auto;}
.hbox .title .left{ float:left; height:30px;}
.hbox .title .left p{ display:block; float:left; height:30px; line-height:30px; font-size:24px;}
.hbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:18px; line-height:24px; height:24px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.hbox .title .right{ float:right;}
.hbox .title .right .more{ display:block; float:right; margin-left:10px;}
.hbox .title .right .more a{ display:block; width:110px; height:30px; line-height:30px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px;}
.hbox .title .right .more a:hover{ background-color:#f2a90e; color:#fff;}
.hbox .box{ width:100%; margin:auto;}
.hbox .box ul{ width:100%; display:block; overflow:hidden;}
.hbox .box ul li{ display:table; text-align:center; vertical-align:middle; width:21.25%; height:80px; background-color:#fff; overflow:hidden; margin-top:20px; margin-left:3%; float:left;}
.hbox .box ul li a{ width:100%; height:80px; display:table-cell; text-align:center; vertical-align:middle;}
.hbox .box ul li img{ max-width:100%; max-height:100%; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hbox .box ul li:hover img{ -webkit-transform:rotateY(-360deg);}
}
@media only screen and (max-width: 768px){
.hbox{ width:100%; padding:30px 0; background-color:#fff;}
.hbox .title{ width:94%; margin:auto;}
.hbox .title .left{ float:left; height:26px;}
.hbox .title .left p{ display:block; float:left; height:26px; line-height:26px; font-size:18px;}
.hbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:5px; font-size:14px; line-height:20px; height:20px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.hbox .title .right{ float:right;}
.hbox .title .right .more{ display:block; float:right; margin-left:5px;}
.hbox .title .right .more a{ display:block; width:90px; height:26px; line-height:26px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px;}
.hbox .title .right .more a:hover{ background-color:#f2a90e; color:#fff;}
.hbox .box{ width:100%; margin:auto; margin-top:5px;}
.hbox .box ul{ width:100%; display:block; overflow:hidden;}
.hbox .box ul li{ display:table; text-align:center; vertical-align:middle; width:45.5%; height:60px; background-color:#fff; overflow:hidden; margin-top:10px; margin-left:3%; float:left;}
.hbox .box ul li a{ width:100%; height:60px; display:table-cell; text-align:center; vertical-align:middle;}
.hbox .box ul li img{ max-width:100%; max-height:100%; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hbox .box ul li:hover img{ -webkit-transform:rotateY(-360deg);}
}

/*服务流程*/
@media screen and (min-width:1280px){
.sbox{ width:100%; padding:70px 0; background-color:#e1eeff;}
.sbox .title{ width:1200px; margin:auto;}
.sbox .title .left{ float:left; height:34px;}
.sbox .title .left p{ display:block; float:left; height:34px; line-height:34px; font-size:30px;}
.sbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:20px; line-height:30px; height:30px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.sbox .box{ width:1200px; margin:auto; margin-top:26px;}
.sbox .box ul{ width:1220px; display:block; overflow:hidden;}
.sbox .box ul li{ display:block; width:245px; padding:0 20px; height:210px; overflow:hidden; float:left; margin-top:10px; margin-right:20px;}
.sbox .box ul li:nth-child(1),.sbox .box ul li:nth-child(3),.sbox .box ul li:nth-child(6),.sbox .box ul li:nth-child(8){ background-image:url(../image/a04.png);}
.sbox .box ul li:nth-child(1):hover,.sbox .box ul li:nth-child(3):hover,.sbox .box ul li:nth-child(6):hover,.sbox .box ul li:nth-child(8):hover{ background-image:url(../image/a04h.png);}
.sbox .box ul li:nth-child(2),.sbox .box ul li:nth-child(4),.sbox .box ul li:nth-child(5),.sbox .box ul li:nth-child(7){ background-image:url(../image/a04r.png);}
.sbox .box ul li:nth-child(2):hover,.sbox .box ul li:nth-child(4):hover,.sbox .box ul li:nth-child(5):hover,.sbox .box ul li:nth-child(7):hover{ background-image:url(../image/a04rh.png);}
.sbox .box ul li strong{ padding-top:35px; display:block; overflow:hidden;}
.sbox .box ul li strong img{ display:block; height:60px; margin:auto;}
.sbox .box ul li strong img.img02{ display:none;}
.sbox .box ul li:hover img.img01{ display:none;}
.sbox .box ul li:hover img.img02{ display:block;}
.sbox .box ul li b{ font-weight:normal; font-size:18px; height:36px; line-height:36px; display:block; overflow:hidden;}
.sbox .box ul li span{ font-size:18px; height:26px; line-height:26px; display:block; overflow:hidden;}
.sbox .box ul li p{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden; color:#666; text-transform:uppercase;}
.sbox .box ul li:hover b,.sbox .box ul li:hover span,.sbox .box ul li:hover p{ color:#fff;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.sbox{ width:100%; padding:50px 0; background-color:#e1eeff;}
.sbox .title{ width:94%; margin:auto;}
.sbox .title .left{ float:left; height:30px;}
.sbox .title .left p{ display:block; float:left; height:30px; line-height:30px; font-size:24px;}
.sbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:18px; line-height:24px; height:24px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.sbox .box{ width:100%; margin:auto; margin-top:10px;}
.sbox .box ul{ width:100%; display:block; overflow:hidden;}
.sbox .box ul li{ display:block; width:21.25%; padding:0 15px; box-sizing:border-box; height:200px; overflow:hidden; float:left; margin-top:10px; margin-left:3%; background-size:100% 100%;}
.sbox .box ul li:nth-child(1),.sbox .box ul li:nth-child(3),.sbox .box ul li:nth-child(6),.sbox .box ul li:nth-child(8){ background-image:url(../image/a04.png);}
.sbox .box ul li:nth-child(1):hover,.sbox .box ul li:nth-child(3):hover,.sbox .box ul li:nth-child(6):hover,.sbox .box ul li:nth-child(8):hover{ background-image:url(../image/a04h.png);}
.sbox .box ul li:nth-child(2),.sbox .box ul li:nth-child(4),.sbox .box ul li:nth-child(5),.sbox .box ul li:nth-child(7){ background-image:url(../image/a04r.png);}
.sbox .box ul li:nth-child(2):hover,.sbox .box ul li:nth-child(4):hover,.sbox .box ul li:nth-child(5):hover,.sbox .box ul li:nth-child(7):hover{ background-image:url(../image/a04rh.png);}
.sbox .box ul li strong{ padding-top:30px; display:block; overflow:hidden;}
.sbox .box ul li strong img{ display:block; height:60px; margin:auto;}
.sbox .box ul li strong img.img02{ display:none;}
.sbox .box ul li:hover img.img01{ display:none;}
.sbox .box ul li:hover img.img02{ display:block;}
.sbox .box ul li b{ font-weight:normal; font-size:18px; height:36px; line-height:36px; display:block; overflow:hidden;}
.sbox .box ul li span{ font-size:18px; height:26px; line-height:26px; display:block; overflow:hidden;}
.sbox .box ul li p{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden; color:#666; text-transform:uppercase;}
.sbox .box ul li:hover b,.sbox .box ul li:hover span,.sbox .box ul li:hover p{ color:#fff;}
}
@media only screen and (max-width: 768px){
.sbox{ width:100%; padding:30px 0; background-color:#e1eeff;}
.sbox .title{ width:94%; margin:auto;}
.sbox .title .left{ float:left; height:26px;}
.sbox .title .left p{ display:block; float:left; height:26px; line-height:26px; font-size:18px;}
.sbox .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:5px; font-size:14px; line-height:20px; height:20px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.sbox .box{ width:100%; margin:auto; margin-top:10px;}
.sbox .box ul{ width:100%; display:block; overflow:hidden;}
.sbox .box ul li{ display:block; width:45.5%; padding:0 10px; box-sizing:border-box; height:160px; overflow:hidden; float:left; margin-top:5px; margin-left:3%; background-size:100% 100%;}
.sbox .box ul li:nth-child(1),.sbox .box ul li:nth-child(4),.sbox .box ul li:nth-child(5),.sbox .box ul li:nth-child(8){ background-image:url(../image/a04.png);}
.sbox .box ul li:nth-child(1):hover,.sbox .box ul li:nth-child(3):hover,.sbox .box ul li:nth-child(6):hover,.sbox .box ul li:nth-child(8):hover{ background-image:url(../image/a04h.png);}
.sbox .box ul li:nth-child(2),.sbox .box ul li:nth-child(3),.sbox .box ul li:nth-child(6),.sbox .box ul li:nth-child(7){ background-image:url(../image/a04r.png);}
.sbox .box ul li:nth-child(2):hover,.sbox .box ul li:nth-child(4):hover,.sbox .box ul li:nth-child(5):hover,.sbox .box ul li:nth-child(7):hover{ background-image:url(../image/a04rh.png);}
.sbox .box ul li strong{ padding-top:20px; display:block; overflow:hidden;}
.sbox .box ul li strong img{ display:block; height:30px; margin:auto;}
.sbox .box ul li strong img.img02{ display:none;}
.sbox .box ul li:hover img.img01{ display:none;}
.sbox .box ul li:hover img.img02{ display:block;}
.sbox .box ul li b{ font-weight:normal; font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden;}
.sbox .box ul li span{ font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden;}
.sbox .box ul li p{ font-size:14px; height:40px; line-height:20px; display:block; overflow:hidden; color:#666; text-transform:uppercase;}
.sbox .box ul li:hover b,.sbox .box ul li:hover span,.sbox .box ul li:hover p{ color:#fff;}
}

/*咨询*/
@media screen and (min-width:1280px){
.zx{ width:100%; height:320px;}
.zx a{ width:100%; display:block; height:320px; background-position:center; background-repeat:no-repeat;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.zx{ width:100%; height:280px;}
.zx a{ width:100%; display:block; height:280px; background-position:center; background-repeat:no-repeat;}
}
@media only screen and (max-width: 768px){
.zx{ display:none;}
}

/*底部浮动*/
@media screen and (min-width:1280px){
.db{ display:none;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.db{ display:none;}
}
@media only screen and (max-width: 768px){
.db{ width:100%; height:40px; background-color:#e77817; display:block; position:fixed; left:0; bottom:0; z-index:990;}
.db dt{ width:25%; display:block; float:left; font-size:14px; text-align:center; height:40px; line-height:40px; overflow:hidden;}
.db dd{ width:25%; display:block; float:left; font-size:14px; text-align:center; height:40px; line-height:40px; overflow:hidden; background-image:url(../image/foot.jpg); background-position:left center; background-repeat:no-repeat;}
.db a,.db span{ display:block; color:#fff;}
.db01{ width:100%; height:40px;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ background-image:url(../image/foot_39.jpg);}
.footer .foot{ width:1200px; margin:auto;}
.footer .foot .tel{ width:280px; margin-right:40px; float:left; padding-top:38px;}
.footer .foot .tel span{ display:block; overflow:hidden; color:#fff; font-size:30px; height:44px; line-height:44px;}
.footer .foot .tel strong{ font-weight:normal; display:block; overflow:hidden; color:#fff; font-size:14px; height:32px; line-height:32px;}
.footer .foot .tel p{ position:relative; padding-left:40px; display:block; font-size:14px; line-height:24px; color:#999; margin-top:15px;}
.footer .foot .tel p a{ color:#999; position:absolute; left:0; top:0;}
.footer .foot .dao{ width:160px; display:block; padding-top:28px; margin-right:30px; float:left;}
.footer .foot .dao dt{ display:block; color:#fff; overflow:hidden; font-size:18px; height:40px; line-height:40px;}
.footer .foot .dao dd{ display:block; overflow:hidden;}
.footer .foot .dao dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#999; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .dao dd a:hover{ color:#fff;}
.footer .foot .ma{ display:block; padding-top:28px; float:right;}
.footer .foot .ma p{ display:block; color:#fff; overflow:hidden; font-size:18px; height:40px; line-height:40px; text-align:center;}
.footer .foot .ma strong{ display:block; overflow:hidden; width:110px; margin-top:9px;}
.footer .foot .ma strong img{ width:100%; display:block;}
.footer .link{ width:1200px; margin:17px auto; margin-bottom:25px; display:block;}
.footer .link dt{ display:block; color:#fff; height:44px; line-height:44px; font-size:18px;}
.footer .link dd{ width:1225px; display:block; overflow:hidden;}
.footer .link dd a{ display:block; float:left; margin-right:25px; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999;}
.footer .link dd a:hover{ color:#fff;}
.footer .bot{ width:1200px; height:58px; line-height:58px; text-align:center; margin:auto; border-top:1px solid #333; font-size:14px; color:#999;}
.footer .bot a{ color:#999;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.footer{ background-image:url(../image/foot_39.jpg);}
.footer .foot{ width:94%; margin:auto;}
.footer .foot .tel{ width:280px; float:left; padding-top:38px;}
.footer .foot .tel span{ display:block; overflow:hidden; color:#fff; font-size:30px; height:44px; line-height:44px;}
.footer .foot .tel strong{ font-weight:normal; display:block; overflow:hidden; color:#fff; font-size:14px; height:32px; line-height:32px;}
.footer .foot .tel p{ position:relative; padding-left:40px; display:block; font-size:14px; line-height:24px; color:#999; margin-top:15px;}
.footer .foot .tel p a{ color:#999; position:absolute; left:0; top:0;}
.footer .foot .dao{ display:block; padding-top:28px; padding-left:3%; float:left; width:calc((100% - 280px)/4); box-sizing:border-box;}
.footer .foot .dao dt{ display:block; color:#fff; overflow:hidden; font-size:18px; height:40px; line-height:40px;}
.footer .foot .dao dd{ display:block; overflow:hidden;}
.footer .foot .dao dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#999; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .dao dd a:hover{ color:#fff;}
.footer .foot .ma{ display:none;}
.footer .link{ width:94%; margin:15px auto; margin-bottom:25px; display:block;}
.footer .link dt{ display:block; color:#fff; height:28px; line-height:28px; font-size:18px;}
.footer .link dd{ width:1225px; display:block; overflow:hidden;}
.footer .link dd a{ display:block; float:left; margin-right:25px; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999;}
.footer .link dd a:hover{ color:#fff;}
.footer .bot{ width:94%; height:58px; line-height:58px; text-align:center; margin:auto; border-top:1px solid #333; font-size:14px; color:#999;}
.footer .bot a{ color:#999;}
}
@media only screen and (max-width: 768px){
.footer{ background-image:url(../image/foot_39.jpg);}
.footer .foot{ width:94%; margin:auto;}
.footer .foot .tel{ padding-top:25px;}
.footer .foot .tel span{ display:block; overflow:hidden; color:#fff; font-size:20px; height:30px; line-height:30px;}
.footer .foot .tel strong{ font-weight:normal; display:block; overflow:hidden; color:#fff; font-size:14px; height:24px; line-height:24px;}
.footer .foot .tel p{ padding-left:40px; position:relative; display:block; font-size:14px; line-height:24px; color:#999; margin-top:10px;}
.footer .foot .tel p a{ color:#999; position:absolute; left:0; top:0;}
.footer .foot .dao{ display:none;}
.footer .foot .ma{ display:none;}
.footer .link{ width:94%; margin:15px auto; margin-bottom:20px; display:block;}
.footer .link dt{ display:block; color:#fff; height:28px; line-height:28px; font-size:18px;}
.footer .link dd{ width:100%; display:block; overflow:hidden;}
.footer .link dd a{ display:block; float:left; margin-right:25px; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999;}
.footer .link dd a:hover{ color:#fff;}
.footer .bot{ width:94%; line-height:20px; padding:8px 0; text-align:center; margin:auto; border-top:1px solid #333; font-size:14px; color:#999;}
.footer .bot a{ color:#999;}
}

/*ban*/
@media screen and (min-width:1280px){
.ban{ width:100%; height:400px; position:relative; z-index:0; background-size:cover; background-position:center; background-repeat:no-repeat;} 
.ban .box{ width:1200px; height:400px; margin:auto; position:relative;}
.ban .box .left{ width:600px; position:absolute; top:50%; left:0; transform:translateX(0) translateY(-50%);}
.ban .box .left .b04{ color:#333; font-size:36px; line-height:56px; height:56px;}
.ban .box .left .b05{ color:#666; font-size:24px; line-height:44px; height:44px;}
.ban .box img{ display:none;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.ban{ width:100%; height:350px; position:relative; z-index:0; background-size:cover; background-position:center; background-repeat:no-repeat;} 
.ban .box{ width:94%; height:350px; margin:auto; position:relative;}
.ban .box .left{ width:600px; position:absolute; top:50%; left:0; transform:translateX(0) translateY(-50%);}
.ban .box .left .b04{ color:#333; font-size:26px; line-height:46px; height:46px;}
.ban .box .left .b05{ color:#666; font-size:20px; line-height:40px; height:40px;}
.ban .box img{ display:none;}
}
@media only screen and (max-width: 768px){
.ban{ width:100%; position:relative; z-index:0; background-image:none !important;} 
.ban .box{ width:100%; margin:auto; position:relative;}
.ban .box .left{ width:50%; position:absolute; top:50%; left:3%; transform:translateX(0) translateY(-50%);}
.ban .box .left .b04{ color:#333; font-size:16px; line-height:26px;}
.ban .box .left .b05{ color:#666; font-size:14px; line-height:24px; margin-top:5px;}
.ban .box img{ width:100%; display:none;}
}

/*内页*/
@media screen and (min-width:1280px){
.sec{ width:100%; padding-top:70px; background-color:#fff;}
.sec .title{ width:1200px; margin:auto;}
.sec .title .left{ float:left; height:34px;}
.sec .title .left p{ display:block; float:left; height:34px; line-height:34px; font-size:30px;}
.sec .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:20px; line-height:30px; height:30px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.sec .title .right{ float:right; max-width:800px; margin-top:-5px; text-align:right;}
.sec .title .right a{ display:inline-block; text-align:center; margin-left:10px; min-width:90px; height:34px; line-height:34px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px; cursor:pointer; padding:0 15px; margin-top:5px;}
.sec .title .right a:hover{ color:#f2a90e;}
.sec .title .right a.on{ background-color:#f2a90e; color:#fff !important;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.sec{ width:100%; padding-top:50px; background-color:#fff;}
.sec .title{ width:94%; margin:auto;}
.sec .title .left{ float:left; height:30px;}
.sec .title .left p{ display:block; float:left; height:30px; line-height:30px; font-size:24px;}
.sec .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:18px; line-height:24px; height:24px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.sec .title .right{ float:right; max-width:calc(100% - 300px); margin-top:-5px; text-align:right;}
.sec .title .right a{ display:inline-block; text-align:center; margin-left:10px; min-width:90px; height:30px; line-height:30px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px; cursor:pointer; padding:0 10px; margin-top:5px;}
.sec .title .right a:hover{ color:#f2a90e;}
.sec .title .right a.on{ background-color:#f2a90e; color:#fff !important;}
}
@media only screen and (max-width: 768px){
.sec{ width:100%; padding-top:30px; background-color:#fff;}
.sec .title{ width:94%; margin:auto; position:relative;}
.sec .title .left{ width:100%;}
.sec .title .left p{ display:block; float:left; height:26px; line-height:26px; font-size:18px;}
.sec .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:5px; font-size:14px; line-height:20px; height:20px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.sec .title .right{ float:right; width:100%;}
.sec .title .right a{ display:block; float:left; margin-right:3%; padding:0 10px; height:26px; line-height:26px; font-size:14px; text-align:center; background-color:#eee; border-radius:34px; cursor:pointer; margin-top:10px;}
.sec .title .right a:nth-child(3n){ margin-right:0;}
.sec .title .right a.on{ background-color:#f2a90e; color:#fff;}
}

/*公司简介*/
@media screen and (min-width:1280px){
.ab01{ width:1200px; margin:36px auto; margin-bottom:50px;}
.tp{ width:1200px; margin:auto;}
.tp .left{ width:790px; height:350px; float:left;}
.tp .left img{ width:100%; display:block;}
.tp .right{ width:410px; padding-top:110px; float:left;}
.tp .right p{ display:block; margin-left:-17px; height:46px; line-height:46px; font-size:24px; overflow:hidden;}
.tp .right p b{ width:34px; height:6px; display:block; float:left; background-color:#f2a90e; margin:20px; margin-left:0;}
.tp .right p strong{ display:block; float:left; font-weight:normal;}
.tp .right span{ display:block; text-align:right; height:74px; line-height:74px; font-size:48px; color:#f2a90e; text-transform:uppercase;}
.tp .right a{ display:block; margin-left:77px; height:18px; line-height:18px; font-size:18px; color:#666; text-transform:uppercase;}
.ab01 .wenz{ width:1200px; margin:auto; margin-top:30px; font-size:14px; line-height:30px;}
.ab01 .wenz img{ max-width:100%; height:auto;}

.ab02{ width:1200px; padding:50px 0; margin:auto; border-top:1px solid #cacaca;}
.ab02 .right{ float:right; border-radius:5px; width:600px; max-height:360px;}
.ab02 .right img{ width:100%; display:block;}
.ab02 .left{ float:left; width:550px; padding-top:30px; font-size:14px; line-height:30px;}

.ab03{ padding:70px 0; background-color:#e1eeff;}
.ab03 .box{ width:1200px; margin:auto; margin-top:6px;}
.ab03 .honor{ width:1220px; display:block;}
.ab03 .honor a{ width:285px; height:210px; position:relative; overflow:hidden; display:block; float:left; margin-top:20px; margin-right:20px;}
.ab03 .honor a span{ height:40px; line-height:40px; text-align:center; background-color:rgba(255,255,255,0.9); width:245px; padding:0 20px; display:block; position:absolute; left:0; bottom:0; font-size:16px;}
.ab03 .honor a:hover span{ background-color:rgba(242,169,14,0.9); color:#fff;}
.ab03 .honor a img{ max-width:100%; max-height:100%; display:block; margin:auto;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.ab01{ width:100%; margin:20px auto; margin-bottom:40px;}
.tp{ width:94%; margin:auto;}
.tp .left{ width:65%; float:left;}
.tp .left img{ width:100%; display:block;}
.tp .right{ width:35%; padding-top:5%; float:left;}
.tp .right p{ display:block; margin-left:-17px; overflow:hidden; position:relative;}
.tp .right p b{ width:34px; height:4px; display:block; background-color:#f2a90e; margin:13px; margin-left:0; position:absolute; left:0; top:0;}
.tp .right p strong{ display:block; font-weight:normal; line-height:30px; font-size:20px; padding-left:47px;}
.tp .right span{ display:block; text-align:right; height:46px; line-height:46px; font-size:36px; color:#f2a90e; text-transform:uppercase;}
.tp .right a{ display:block; margin-left:20%; height:24px; line-height:24px; font-size:14px; color:#666; text-transform:uppercase;}

.ab01 .wenz{ width:94%; margin:auto; margin-top:20px; font-size:14px; line-height:24px;}
.ab01 .wenz img{ max-width:100%; height:auto;}

.ab02{ width:94%; padding:40px 0; margin:auto; border-top:1px solid #cacaca;}
.ab02 .right{ float:right; border-radius:5px; width:50%;}
.ab02 .right img{ width:100%; display:block;}
.ab02 .left{ float:left; width:47%; padding-top:20px; font-size:14px; line-height:30px;}

.ab03{ padding:50px 0; background-color:#e1eeff;}
.ab03 .box{ width:100%; margin:auto;}
.ab03 .honor{ width:100%; display:block;}
.ab03 .honor a{ width:21.25%; height:170px; position:relative; overflow:hidden; display:block; float:left; margin-top:20px; margin-left:3%;}
.ab03 .honor a span{ height:40px; line-height:40px; text-align:center; background-color:rgba(255,255,255,0.9); width:90%; padding:0 5%; display:block; position:absolute; left:0; bottom:0; font-size:14px;}
.ab03 .honor a:hover span{ background-color:rgba(242,169,14,0.9); color:#fff;}
.ab03 .honor a img{ max-width:100%; max-height:100%; display:block; margin:auto;}
}
@media only screen and (max-width: 768px){
.ab01{ width:100%; margin:15px auto; margin-bottom:30px;}
.tp{ width:94%; margin:auto;}
.tp .left{ width:60%; float:left;}
.tp .left img{ width:100%; display:block;}
.tp .right{ width:40%; padding-top:1%; float:left;}
.tp .right p{ display:block; margin-left:-10px; overflow:hidden; position:relative;}
.tp .right p b{ width:20px; height:2px; display:block; float:left; background-color:#f2a90e; margin:9px; margin-left:0; position:absolute; left:0; top:0;}
.tp .right p strong{ display:block; float:left; font-weight:normal; line-height:20px; font-size:16px; padding-left:30px;}
.tp .right span{ display:block; text-align:center; height:24px; line-height:24px; font-size:20px; color:#f2a90e; text-transform:uppercase;}
.tp .right a{ display:block; text-align:right; line-height:14px; font-size:14px; color:#666; text-transform:uppercase;}

.ab01 .wenz{ width:94%; margin:auto; margin-top:15px; font-size:14px; line-height:24px;}
.ab01 .wenz img{ max-width:100%; height:auto;}

.ab02{ width:94%; padding:30px 0; margin:auto; border-top:1px solid #cacaca;}
.ab02 .right{ float:right; border-radius:5px; width:100%;}
.ab02 .right img{ width:100%; display:block;}
.ab02 .left{ float:left; width:100%; padding-top:15px; font-size:14px; line-height:24px;}

.ab03{ padding:30px 0; background-color:#e1eeff;}
.ab03 .box{ width:100%; margin:auto;}
.ab03 .honor{ width:100%; display:block;}
.ab03 .honor a{ width:45.5%; height:130px; position:relative; overflow:hidden; display:block; float:left; margin-top:15px; margin-left:3%;}
.ab03 .honor a span{ height:34px; line-height:34px; text-align:center; background-color:rgba(255,255,255,0.9); width:90%; padding:0 5%; display:block; position:absolute; left:0; bottom:0; font-size:14px;}
.ab03 .honor a:hover span{ background-color:rgba(242,169,14,0.9); color:#fff;}
.ab03 .honor a img{ max-width:100%; max-height:100%; display:block; margin:auto;}
}

/*新闻中心*/
@media screen and (min-width:1280px){
.sec .news{ width:1200px; margin:auto; padding-top:10px; display:block;}
.sec .news li{ padding:20px 0; display:block; overflow:hidden; border-bottom:1px solid #eee;}
.sec .news li .left{ width:170px; height:110px; float:left;}
.sec .news li .left img{ width:100%; display:block;}
.sec .news li .right{ width:1010px; height:110px; float:right;}
.sec .news li .right .bt{ font-size:16px; height:28px; line-height:28px;}
.sec .news li .right .bt.b01 a{ display:block; float:left; position:relative; padding-right:25px;}
.sec .news li .right .bt.b01 a b{ display:block; position:absolute; right:0; top:0;}
.sec .news li .right .bt.b01 a b img{ width:16px; float:right; display:block;}
.sec .news li .right:hover .bt a{ color:#f2a90e;}
.sec .news li .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.sec .news li .right .shi{ width:100%; height:24px;}
.sec .news li .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:24px; line-height:24px;}
.sec .news li .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:11px;}
.sec .news li .right:hover .shi b{ background-color:#f2a90e;}
.sec .news li .right:hover .shi span{ color:#f2a90e;}

.sec .fanye{ text-align:center; font-size:14px; margin-bottom:70px; margin-top:30px; overflow:hidden;}
.sec .fanye a{ margin:0 3px; min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; display:inline-block;}
.sec .fanye span{ margin:0 3px; min-width:14px; color:#fff; padding:0 5px; height:24px; line-height:24px; background-color:#f2a90e; display:inline-block;}
.sec .fanye a:hover{ color:#f2a90e;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.sec .news{ width:94%; margin:auto; display:block;}
.sec .news li{ padding:20px 0; display:block; overflow:hidden; border-bottom:1px solid #eee; position:relative;}
.sec .news li .left{ width:170px; height:110px; position:absolute; left:0; top:20px;}
.sec .news li .left img{ width:100%; display:block;}
.sec .news li .right{ padding-left:190px; height:110px;}
.sec .news li .right .bt{ font-size:16px; height:28px; line-height:28px;}
.sec .news li .right .bt.b01 a{ display:block; float:left; position:relative; padding-right:25px;}
.sec .news li .right .bt.b01 a b{ display:block; position:absolute; right:0; top:0;}
.sec .news li .right .bt.b01 a b img{ width:16px; float:right; display:block;}
.sec .news li .right:hover .bt a{ color:#f2a90e;}
.sec .news li .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.sec .news li .right .shi{ width:100%; height:22px;}
.sec .news li .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.sec .news li .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.sec .news li .right:hover .shi b{ background-color:#f2a90e;}
.sec .news li .right:hover .shi span{ color:#f2a90e;}

.sec .fanye{ text-align:center; font-size:14px; margin-bottom:50px; margin-top:20px; overflow:hidden;}
.sec .fanye a{ margin:0 3px; min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; display:inline-block;}
.sec .fanye span{ margin:0 3px; min-width:14px; color:#fff; padding:0 5px; height:24px; line-height:24px; background-color:#f2a90e; display:inline-block;}
.sec .fanye a:hover{ color:#f2a90e;}
}
@media only screen and (max-width: 768px){
.sec .news{ width:94%; margin:auto; display:block;}
.sec .news li{ padding:15px 0; display:block; overflow:hidden; border-bottom:1px solid #eee;}
.sec .news li .left{ width:30%; height:110px; float:left;}
.sec .news li .left img{ height:100%; display:block;}
.sec .news li .right{ width:67%; height:110px; float:right;}
.sec .news li .right .bt{ font-size:16px; height:28px; line-height:28px;}
.sec .news li .right .bt.b01 a{ display:block; float:left; position:relative; padding-right:20px;}
.sec .news li .right .bt.b01 a b{ display:block; position:absolute; right:0; top:0;}
.sec .news li .right .bt.b01 a b img{ width:16px; float:right; display:block;}
.sec .news li .right:hover .bt a{ color:#f2a90e;}
.sec .news li .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.sec .news li .right .shi{ width:100%; height:22px;}
.sec .news li .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.sec .news li .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.sec .news li .right:hover .shi b{ background-color:#f2a90e;}
.sec .news li .right:hover .shi span{ color:#f2a90e;}

.sec .fanye{ text-align:center; font-size:12px; margin-bottom:30px; margin-top:15px; overflow:hidden;}
.sec .fanye a{ margin:0 3px; min-width:10px; padding:0 5px; height:20px; line-height:20px; background-color:#f2f2f2; display:inline-block;}
.sec .fanye span{ margin:0 3px; min-width:10px; color:#fff; padding:0 5px; height:20px; line-height:20px; background-color:#f2a90e; display:inline-block;}
.sec .fanye a:hover{ color:#f2a90e;}
}

/*新闻内页*/
@media screen and (min-width:1280px){
.row04{ width:1200px; margin:70px auto; margin-top:30px;}
.row04 .lbar{ width:910px; float:left;}
.row04 .lbar .bt{ text-align:center; color:#f2a90e; font-size:24px; line-height:34px;}
.row04 .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #eee;}
.row04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:30px;}
.row04 .lbar .wen img{ max-width:100%; height:auto;}
.row04 .lbar .back{ margin-top:20px; padding-top:9px; border-top:1px solid #eee; position:relative;}
.row04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px;}
.row04 .lbar .back p a{ max-width:700px; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.row04 .lbar .back p a:hover{ color:#f2a90e;}
.row04 .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.row04 .lbar .back span a:hover{ color:#f2a90e;}

.row04 .rbar{ width:258px; border:1px solid #ddd; border-top:2px solid #f2a90e; float:right; margin:5px 0;}
.row04 .rbar .title{ padding-left:19px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #ddd;}
.row04 .rbar ul{ display:block; padding:4px 19px; padding-bottom:15px;}
.row04 .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.row04 .rbar ul li strong{ width:100%; display:block; height:154px; overflow:hidden;}
.row04 .rbar ul li strong img{ width:100%; display:block;}
.row04 .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.row04 .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.row04 .rbar ul li:hover p{ color:#f2a90e;}

.bshare-custom{ margin-top:20px; text-align:right;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.row04{ width:94%; margin:20px auto; margin-bottom:50px;}
.row04 .lbar{ width:76%; float:left;}
.row04 .lbar .bt{ text-align:center; color:#f2a90e; font-size:20px; line-height:30px;}
.row04 .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; border-bottom:1px solid #eee;}
.row04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.row04 .lbar .wen img{ max-width:100%; height:auto;}
.row04 .lbar .back{ margin-top:15px; padding-top:10px; border-top:1px solid #eee; position:relative;}
.row04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.row04 .lbar .back p a{ max-width:60%; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.row04 .lbar .back p a:hover{ color:#f2a90e;}
.row04 .lbar .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}
.row04 .lbar .back span a:hover{ color:#f2a90e;}

.row04 .rbar{ width:21.5%; border:1px solid #ddd; border-top:2px solid #f2a90e; float:right; margin:5px 0;}
.row04 .rbar .title{ padding-left:14px; font-size:16px; height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.row04 .rbar ul{ display:block; padding:4px 14px; padding-bottom:10px;}
.row04 .rbar ul li{ display:block; width:100%; margin-top:10px; overflow:hidden;}
.row04 .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.row04 .rbar ul li strong img{ width:100%; display:block;}
.row04 .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:22px; line-height:22px; padding-top:5px;}
.row04 .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:18px; line-height:18px; color:#999;}
.row04 .rbar ul li:hover p{ color:#f2a90e;}

.bshare-custom{ margin-top:15px; text-align:right;}
}
@media only screen and (max-width:768px){
.row04{ width:94%; margin:30px auto; margin-top:15px;}
.row04 .lbar{ width:100%;}
.row04 .lbar .bt{ text-align:center; color:#f2a90e; font-size:18px; line-height:28px;}
.row04 .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; border-bottom:1px solid #eee;}
.row04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.row04 .lbar .wen img{ max-width:100%; height:auto;}
.row04 .lbar .back{ margin-top:10px; padding-top:10px; border-top:1px solid #eee; position:relative;}
.row04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.row04 .lbar .back p a{ max-width:50%; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.row04 .lbar .back p a:hover{ color:#f2a90e;}
.row04 .lbar .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}
.row04 .lbar .back span a:hover{ color:#f2a90e;}

.bshare-custom{ margin-top:10px; text-align:right;}

.row04 .rbar{ display:none;}
}

/*产品展示*/
@media screen and (min-width:1280px){
.pro{ width:1200px; margin:auto;}
.pro ul{ width:1230px; display:block; overflow:hidden;}
.pro ul li{ display:block; float:left; width:380px; height:220px; margin-top:30px; margin-right:30px; border-radius:5px; overflow:hidden; position:relative;}
.pro ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.pro ul li p{ width:100%; height:40px; line-height:40px; font-size:18px; text-align:center; padding:0 15px; box-sizing:border-box; background-color:rgba(255,255,255,0.7); display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.pro ul li:hover p{ background-color:rgba(242,169,14,0.9); color:#fff;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.pro{ width:100%; margin:auto; }
.pro ul{ width:100%; display:block; overflow:hidden;}
.pro ul li{ display:block; float:left; width:29.33%; height:170px; margin-top:20px; margin-left:3%; border-radius:5px; overflow:hidden; position:relative;}
.pro ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.pro ul li p{ width:100%; height:36px; line-height:36px; font-size:16px; text-align:center; padding:0 10px; box-sizing:border-box; background-color:rgba(255,255,255,0.7); display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.pro ul li:hover p{ background-color:rgba(242,169,14,0.9); color:#fff;}
}
@media only screen and (max-width: 768px){
.pro{ width:100%; margin:auto; }
.pro ul{ width:100%; display:block; overflow:hidden;}
.pro ul li{ display:block; float:left; width:45.5%; height:140px; margin-top:15px; margin-left:3%; border-radius:5px; overflow:hidden; position:relative;}
.pro ul li img{ height:110px; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.pro ul li p{ width:100%; height:30px; line-height:30px; font-size:14px; text-align:center; padding:0 5px; box-sizing:border-box; background-color:#f1f1f1; display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.pro ul li:hover p{ background-color:rgba(242,169,14,1); color:#fff;}
}

/*产品内页*/
@media screen and (min-width:1280px){
.sec .chan{ width:1200px; margin:auto; margin-top:30px;}
.sec .cl{ width:568px; height:348px; float:left; border:1px solid #cacaca; position:relative;} 
.sec .cl .bd{ width:100%; height:348px; overflow:hidden; position:relative; z-index:0;}
.sec .cl .bd li{ position:relative; width:100%; height:100%;}
.sec .cl .bd li img{ display:block; margin:auto; width:100%;}
.sec .cl .next{ display:block; width:22px; height:40px; position:absolute; right:10px; top:50%; margin-top:-20px; z-index:11; background-image:url(../image/pr.png);}
.sec .cl .prev{ display:block; width:22px; height:40px; position:absolute; left:10px; top:50%; margin-top:-20px; z-index:11; background-image:url(../image/pl.png);}

.sec .cr{ width:600px; float:right;}
.sec .cr .tou{ font-size:24px; line-height:50px; height:50px; margin-top:17px;}
.sec .cr .wen{ font-size:14px; height:150px; line-height:30px; margin-bottom:25px;}
.sec .cr .cr03{ width:520px; padding:30px 40px; background-color:#f7f7f7; height:40px;}
.sec .cr .cr03 .box{ padding-left:54px; background-image:url(../image/tel_03.jpg); background-position:left center; background-repeat:no-repeat; position:relative;}
.sec .cr .cr03 .box span{ display:block; font-size:14px; line-height:16px; height:16px; overflow:hidden;}
.sec .cr .cr03 .box p{ display:block; font-size:24px; line-height:24px; height:24px; overflow:hidden; color:#f2a90e;}
.sec .cr .cr03 .box a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:40px; border-radius:5px; background-color:#f2a90e; color:#fff; display:block;}

.sec .cpx{ width:1200px; margin:auto; background-image:url(../image/ptt.jpg); background-position:left bottom; background-repeat:no-repeat; padding-top:46px;}
.sec .cpx p{ display:block; text-align:center; font-size:18px; height:44px; line-height:44px; width:120px; font-weight:bold; color:#333;}

.sec .cp01{ width:1200px; margin:auto; margin-top:30px; font-size:14px; line-height:24px;}
.sec .cp01 img{ max-width:100%; height:auto;}

.cp02{ width:1200px; margin:30px auto;}
.cp02 .left{ width:550px; height:380px; border-radius:5px; float:left;}
.cp02 .left img{ width:100%; display:block;}
.cp02 .right{ width:600px; float:right;}
.cp02 .right ul{ width:100%; display:block; overflow:hidden; margin-top:-20px;}
.cp02 .right ul li{ display:block; overflow:hidden; margin-top:20px; position:relative;}
.cp02 .right ul li .zc{ width:80px; height:80px; float:left;}
.cp02 .right ul li .zc img{ width:100%; display:block; -webkit-transition:1s linear; transition:1s ease-in;}
.cp02 .right ul li:hover .zc img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.cp02 .right ul li .yc{ width:500px; float:right;}
.cp02 .right ul li .yc .bt{ font-size:18px; line-height:28px;}
.cp02 .right ul li .yc .wz{ font-size:14px; line-height:24px;}

.sec .cp03{ width:1200px; margin:70px auto; margin-top:0; font-size:14px; line-height:24px;}
.sec .cp03 img{ max-width:100%; height:auto;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.sec .chan{ width:94%; margin:auto; margin-top:20px;}
.sec .cl{ width:50%; height:340px; float:left; border:1px solid #cacaca; position:relative;} 
.sec .cl .bd{ width:100%; height:340px; overflow:hidden; position:relative; z-index:0;}
.sec .cl .bd li{ position:relative; width:100%; height:100%;}
.sec .cl .bd li img{ display:block; margin:auto; width:100%;}
.sec .cl .next{ display:block; width:22px; height:40px; position:absolute; right:10px; top:50%; margin-top:-20px; z-index:11; background-image:url(../image/pr.png);}
.sec .cl .prev{ display:block; width:22px; height:40px; position:absolute; left:10px; top:50%; margin-top:-20px; z-index:11; background-image:url(../image/pl.png);}

.sec .cr{ width:47%; float:right;}
.sec .cr .tou{ font-size:22px; line-height:40px; height:40px; margin-top:10px;}
.sec .cr .wen{ font-size:14px; height:156px; line-height:26px; margin-bottom:25px;}
.sec .cr .cr03{ padding:20px; background-color:#f7f7f7; height:40px;}
.sec .cr .cr03 .box{ padding-left:54px; background-image:url(../image/tel_03.jpg); background-position:left center; background-repeat:no-repeat; position:relative;}
.sec .cr .cr03 .box span{ display:block; font-size:14px; line-height:16px; height:16px; overflow:hidden;}
.sec .cr .cr03 .box p{ display:block; font-size:24px; line-height:24px; height:24px; overflow:hidden; color:#f2a90e;}
.sec .cr .cr03 .box a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:40px; border-radius:5px; background-color:#f2a90e; color:#fff; display:block;}

.sec .cpx{ width:94%; margin:auto; background-image:url(../image/ptt.jpg); background-position:left bottom; background-repeat:no-repeat; padding-top:36px;}
.sec .cpx p{ display:block; text-align:center; font-size:18px; height:44px; line-height:44px; width:120px; font-weight:bold;}

.sec .cp01{ width:94%; margin:auto; margin-top:20px; font-size:14px; line-height:24px;}
.sec .cp01 img{ max-width:100%; height:auto;}

.cp02{ width:94%; margin:20px auto;}
.cp02 .left{ width:47%; border-radius:5px; float:left;}
.cp02 .left img{ width:100%; display:block;}
.cp02 .right{ width:50%; float:right;}
.cp02 .right ul{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.cp02 .right ul li{ display:block; overflow:hidden; margin-top:15px; position:relative;}
.cp02 .right ul li .zc{ width:60px; height:60px; float:left;}
.cp02 .right ul li .zc img{ width:100%; display:block; -webkit-transition:1s linear; transition:1s ease-in;}
.cp02 .right ul li:hover .zc img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.cp02 .right ul li .yc{ width:calc(100% - 75px); float:right;}
.cp02 .right ul li .yc .bt{ font-size:18px; line-height:28px;}
.cp02 .right ul li .yc .wz{ font-size:14px; line-height:24px;}

.sec .cp03{ width:94%; margin:50px auto; margin-top:0; font-size:14px; line-height:24px;}
.sec .cp03 img{ max-width:100%; height:auto;}
}

@media only screen and (max-width:768px){
.sec .chan{ width:94%; margin:auto; margin-top:15px;}
.sec .cl{ width:100%; height:240px; float:left; border:1px solid #cacaca; box-sizing:border-box; position:relative;} 
.sec .cl .bd{ width:100%; height:240px; overflow:hidden; position:relative; z-index:0;}
.sec .cl .bd li{ position:relative; width:100%; height:100%;}
.sec .cl .bd li img{ display:block; margin:auto; width:100%;}
.sec .cl .next{ display:block; width:22px; height:40px; position:absolute; right:10px; top:50%; margin-top:-20px; z-index:11; background-image:url(../image/pr.png);}
.sec .cl .prev{ display:block; width:22px; height:40px; position:absolute; left:10px; top:50%; margin-top:-20px; z-index:11; background-image:url(../image/pl.png);}

.sec .cr{ width:100%; float:right;}
.sec .cr .tou{ font-size:18px; line-height:28px; height:28px; margin-top:10px;}
.sec .cr .wen{ font-size:14px; max-height:144px; line-height:24px; margin-bottom:10px;}
.sec .cr .cr03{ padding:15px; background-color:#f7f7f7; height:40px;}
.sec .cr .cr03 .box{ padding-left:50px; background-image:url(../image/tel_03.jpg); background-position:left center; background-repeat:no-repeat; position:relative;}
.sec .cr .cr03 .box span{ display:block; font-size:14px; line-height:16px; height:16px; overflow:hidden;}
.sec .cr .cr03 .box p{ display:block; font-size:22px; line-height:24px; height:24px; overflow:hidden; color:#f2a90e;}
.sec .cr .cr03 .box a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:40px; border-radius:5px; background-color:#f2a90e; color:#fff; display:block;}

.sec .cpx{ width:94%; margin:auto; background-image:url(../image/ptt.jpg); background-position:left bottom; background-repeat:no-repeat; padding-top:5px;}
.sec .cpx p{ display:block; text-align:center; font-size:18px; height:44px; line-height:44px; width:120px; font-weight:bold;}

.sec .cp01{ width:94%; margin:auto; margin-top:15px; font-size:14px; line-height:24px;}
.sec .cp01 img{ max-width:100%; height:auto;}

.cp02{ width:94%; margin:15px auto;}
.cp02 .left{ width:100%; border-radius:5px; float:left;}
.cp02 .left img{ width:100%; display:block;}
.cp02 .right{ width:100%; float:right;}
.cp02 .right ul{ width:100%; display:block; overflow:hidden;}
.cp02 .right ul li{ display:block; overflow:hidden; margin-top:10px; position:relative;}
.cp02 .right ul li .zc{ width:40px; height:40px; float:left;}
.cp02 .right ul li .zc img{ width:100%; display:block; -webkit-transition:1s linear; transition:1s ease-in;}
.cp02 .right ul li:hover .zc img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.cp02 .right ul li .yc{ width:calc(100% - 50px); float:right;}
.cp02 .right ul li .yc .bt{ font-size:16px; line-height:26px;}
.cp02 .right ul li .yc .wz{ font-size:14px; line-height:24px;}

.sec .cp03{ width:94%; margin:30px auto; margin-top:0; font-size:14px; line-height:24px;}
.sec .cp03 img{ max-width:100%; height:auto;}
}

/*解决方案*/
@media screen and (min-width:1280px){
.fangan{ width:1200px; margin:auto;}
.fangan ul{ width:1230px; display:block; overflow:hidden;}
.fangan ul li{ display:block; float:left; width:380px; height:220px; margin-top:30px; margin-right:30px; border-radius:5px; overflow:hidden; position:relative;}
.fangan ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.fangan ul li .mask{ width:100%; padding:10px 15px; box-sizing:border-box; height:70px; position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.9);}
.fangan ul li .mask span{ font-size:16px; line-height:26px; height:26px; display:block; overflow:hidden; width:calc(100% - 30px);}
.fangan ul li .mask p{ font-size:14px; line-height:24px; height:24px; color:#999; display:block; overflow:hidden; width:calc(100% - 30px);}
.fangan ul li .mask b{ display:none; width:20px; height:20px; position:absolute; right:15px; bottom:15px; background-image:url(../image/more_01.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.fangan ul 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);}
.fangan ul li:hover .mask{ background-color:#f2a90e;}
.fangan ul li:hover .mask span,.jbox .box ul li:hover .mask p{ color:#fff;}
.fangan ul li:hover .mask b{ display:block;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.fangan{ width:100%; margin:auto; }
.fangan ul{ width:100%; display:block; overflow:hidden;}
.fangan ul li{ display:block; float:left; width:29.33%; height:170px; margin-top:20px; margin-left:3%; border-radius:5px; overflow:hidden; position:relative;}
.fangan ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.fangan ul li .mask{ width:100%; padding:5px 10px; box-sizing:border-box; height:60px; position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.9);}
.fangan ul li .mask span{ font-size:16px; line-height:26px; height:26px; display:block; overflow:hidden; width:calc(100% - 20px);}
.fangan ul li .mask p{ font-size:14px; line-height:24px; height:24px; color:#999; display:block; overflow:hidden; width:calc(100% - 20px);}
.fangan ul li .mask b{ display:none; width:20px; height:20px; position:absolute; right:10px; bottom:10px; background-image:url(../image/more_01.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.fangan ul 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);}
.fangan ul li:hover .mask{ background-color:#f2a90e;}
.fangan ul li:hover .mask span,.jbox .box ul li:hover .mask p{ color:#fff;}
.fangan ul li:hover .mask b{ display:block;}
}
@media only screen and (max-width: 768px){
.fangan{ width:100%; margin:auto; }
.fangan ul{ width:100%; display:block; overflow:hidden;}
.fangan ul li{ display:block; float:left; width:45.5%; height:140px; margin-top:15px; margin-left:3%; border-radius:5px; overflow:hidden; position:relative;}
.fangan ul li img{ height:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.fangan ul li .mask{ width:100%; padding:4px 5px; box-sizing:border-box; position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.7);}
.fangan ul li .mask span{ font-size:14px; line-height:16px; height:32px; display:block; overflow:hidden; width:calc(100% - 15px)}
.fangan ul li .mask p{ display:none;}
.fangan ul li .mask b{ display:none; width:10px; height:10px; position:absolute; right:5px; bottom:7px; background-image:url(../image/more_01.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% 100%;}
.fangan ul 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);}
.fangan ul li:hover .mask{ background-color:#f2a90e;}
.fangan ul li:hover .mask span{ color:#fff;}
.fangan ul li:hover b{ display:block;}
}

/*解决方案内页*/
@media screen and (min-width:1280px){
.ny{ width:1200px; margin:70px auto; margin-top:30px;}
.ny .bt{ text-align:center; font-size:24px; line-height:34px;}
.ny .sj{ text-align:center; color:#999; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #eee;}
.ny .wen{ font-size:14px; line-height:24px; margin-top:30px;}
.ny .wen img{ max-width:100%; height:auto;}
.ny .back{ margin-top:20px; padding-top:9px; border-top:1px solid #eee; position:relative;}
.ny .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px;}
.ny .back p a{ max-width:700px; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.ny .back p a:hover{ color:#f2a90e;}
.ny .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.ny .back span a:hover{ color:#f2a90e;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ny{ width:94%; margin:20px auto; margin-bottom:50px;}
.ny .bt{ text-align:center; font-size:20px; line-height:30px;}
.ny .sj{ text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; border-bottom:1px solid #eee;}
.ny .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.ny .wen img{ max-width:100%; height:auto;}
.ny .back{ margin-top:15px; padding-top:10px; border-top:1px solid #eee; position:relative;}
.ny .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.ny .back p a{ max-width:60%; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.ny .back p a:hover{ color:#f2a90e;}
.ny .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}
.ny .back span a:hover{ color:#f2a90e;}
}
@media only screen and (max-width:768px){
.ny{ width:94%; margin:30px auto; margin-top:15px;}
.ny .bt{ text-align:center; font-size:18px; line-height:28px;}
.ny .sj{ text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; border-bottom:1px solid #eee;}
.ny .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.ny .wen img{ max-width:100%; height:auto;}
.ny .back{ margin-top:10px; padding-top:10px; border-top:1px solid #eee; position:relative;}
.ny .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.ny .back p a{ max-width:50%; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.ny .back p a:hover{ color:#f2a90e;}
.ny .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}
.ny .back span a:hover{ color:#f2a90e;}
}

/*案例展示*/
@media screen and (min-width:1280px){
.case{ width:1200px; margin:auto;}
.case ul{ width:1230px; display:block; overflow:hidden;}
.case ul li{ display:block; float:left; width:380px; height:220px; margin-top:30px; margin-right:30px; border-radius:5px; overflow:hidden; position:relative;}
.case ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.case ul li .mask{ width:340px; padding:14px 20px; box-sizing:border-box; position:absolute; left:20px; bottom:20px; background-color:rgba(255,255,255,0.7); text-align:center;}
.case ul li .mask span{ font-size:18px; line-height:28px; height:28px; display:block; overflow:hidden;}
.case ul li .mask p{ font-size:14px; line-height:24px; height:24px; color:#666; display:block; overflow:hidden;}
.case ul 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);}
.case ul li:hover .mask{ background-color:#f2a90e;}
.case ul li:hover .mask span,.case ul li:hover .mask p{ color:#fff;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.case{ width:100%; margin:auto; }
.case ul{ width:100%; display:block; overflow:hidden;}
.case ul li{ display:block; float:left; width:29.33%; height:170px; margin-top:20px; margin-left:3%; border-radius:5px; overflow:hidden; position:relative;}
.case ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.case ul li .mask{ width:90%; padding:10px 15px; box-sizing:border-box; position:absolute; left:5%; bottom:15px; background-color:rgba(255,255,255,0.7); text-align:center;}
.case ul li .mask span{ font-size:16px; line-height:26px; height:26px; display:block; overflow:hidden;}
.case ul li .mask p{ font-size:14px; line-height:24px; height:24px; color:#666; display:block; overflow:hidden;}
.case ul 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);}
.case ul li:hover .mask{ background-color:#f2a90e;}
.case ul li:hover .mask span,.case ul li:hover .mask p{ color:#fff;}
}
@media only screen and (max-width: 768px){
.case{ width:100%; margin:auto; }
.case ul{ width:100%; display:block; overflow:hidden;}
.case ul li{ display:block; float:left; width:45.5%; height:140px; margin-top:15px; margin-left:3%; border-radius:5px; overflow:hidden; position:relative;}
.case ul li img{ height:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.case ul li .mask{ width:90%; padding:4px 10px; box-sizing:border-box; position:absolute; left:5%; bottom:10px; background-color:rgba(255,255,255,0.7); text-align:center;}
.case ul li .mask span{ font-size:14px; line-height:16px; height:32px; display:block; overflow:hidden;}
.case ul li .mask p{ display:none;}
.case ul 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);}
.case ul li:hover .mask{ background-color:#f2a90e;}
.case ul li:hover .mask span{ color:#fff;}
}

/*招商合作*/
@media screen and (min-width:1280px){
.zs01{ width:1200px; margin:auto; margin-top:30px; position:relative;}
.zs01 img{ width:100%; display:block;}
.zs01 .box{ width:340px; position:absolute; top:50%; right:30px; transform:translateX(0) translateY(-50%);}
.zs01 .box .en{ font-size:30px; line-height:50px; text-align:right; text-transform:uppercase;}
.zs01 .box .cn{ font-size:24px; line-height:36px; text-align:right; color:#f2a90e; margin:20px 0;}
.zs01 .box .more{ width:100%;}
.zs01 .box .more a{ display:block; float:right; width:120px; height:40px; line-height:40px; font-size:16px; text-align:center; border-radius:40px; background-color:#f2a90e; color:#fff; overflow:hidden;}

.zs02{ width:1200px; margin:70px auto;}
.zs02 .left{ float:left; width:600px; font-size:14px; line-height:24px; padding-top:25px;}
.zs02 .right{ float:right; width:530px; height:330px;}
.zs02 .right img{ width:100%; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.zs01{ width:94%; margin:auto; margin-top:20px; position:relative;}
.zs01 img{ width:100%; display:block;}
.zs01 .box{ width:30%; position:absolute; top:50%; right:20px; transform:translateX(0) translateY(-50%);}
.zs01 .box .en{ font-size:20px; line-height:30px; text-align:right; text-transform:uppercase;}
.zs01 .box .cn{ font-size:20px; line-height:30px; text-align:right; color:#f2a90e; margin:15px 0;}
.zs01 .box .more{ width:100%;}
.zs01 .box .more a{ display:block; float:right; width:120px; height:36px; line-height:36px; font-size:16px; text-align:center; border-radius:40px; background-color:#f2a90e; color:#fff; overflow:hidden;}

.zs02{ width:94%; margin:50px auto;}
.zs02 .left{ float:left; width:45%; font-size:14px; line-height:24px;}
.zs02 .right{ float:right; width:52%;}
.zs02 .right img{ width:100%; display:block;}
}
@media only screen and (max-width:768px){
.zs01{ width:94%; margin:auto; margin-top:15px; position:relative; height:260px;}
.zs01 img{ height:100%; display:block;}
.zs01 .box{ width:90%; box-sizing:border-box; padding:15px; position:absolute; top:50%; right:5%; transform:translateX(0) translateY(-50%); background-color:rgba(0,0,0,0.7);}
.zs01 .box .en{ font-size:20px; line-height:30px; text-align:right; text-transform:uppercase; color:#fff;}
.zs01 .box .cn{ font-size:16px; line-height:26px; text-align:right; color:#f2a90e; margin:10px 0;}
.zs01 .box .more{ width:100%;}
.zs01 .box .more a{ display:block; float:right; width:100px; height:30px; line-height:30px; font-size:14px; text-align:center; border-radius:40px; background-color:#f2a90e; color:#fff; overflow:hidden;}

.zs02{ width:94%; margin:30px auto;}
.zs02 .left{ float:left; width:100%; font-size:14px; line-height:24px;}
.zs02 .right{ float:right; width:100%; margin-top:15px;}
.zs02 .right img{ width:100%; display:block;}
}

/*人才招聘*/
@media screen and (min-width:1280px){
.sec .job{ width:1200px; margin:auto; display:block;}
.sec .job li{ display:block; overflow:hidden; position:relative; padding:30px 0; border-bottom:1px solid #ddd;}
.sec .job li .bt{ font-size:18px; font-weight:bold;}
.sec .job li .bt:hover{ color:#f2a90e;}
.sec .job li dl{ width:100%; display:block; overflow:hidden; margin-top:15px;}
.sec .job li dl dt{ width:270px; display:block; float:left; font-size:14px; height:30px; line-height:30px; color:#999;}
.sec .job li .wen{ width:1050px; display:block; overflow:hidden; margin-top:15px; font-size:14px; line-height:24px;}
.sec .job li .more{ width:100px; height:34px; line-height:34px; text-align:center; font-size:14px; color:#fff; background-color:#333; display:block; position:absolute; right:0; bottom:30px;}
.sec .job li .more:hover{ background-color:#f2a90e; color:#fff;}
} 

@media screen and (min-width:768px) and (max-width:1279px){
.sec .job{ width:94%; margin:auto; display:block;}
.sec .job li{ display:block; overflow:hidden; position:relative; padding:20px 0; border-bottom:1px solid #ddd;}
.sec .job li .bt{ font-size:18px; font-weight:bold;}
.sec .job li .bt:hover{ color:#f2a90e;}
.sec .job li dl{ width:100%; display:block; overflow:hidden; margin-top:15px;}
.sec .job li dl dt{ width:25%; display:block; float:left; font-size:14px; height:30px; line-height:30px; color:#999;}
.sec .job li .wen{ width:80%; display:block; overflow:hidden; margin-top:15px; font-size:14px; line-height:24px;}
.sec .job li .more{ width:100px; height:34px; line-height:34px; text-align:center; font-size:14px; color:#fff; background-color:#333; display:block; position:absolute; right:0; bottom:20px;}
.sec .job li .more:hover{ background-color:#f2a90e; color:#fff;}
}

@media only screen and (max-width:767px){
.sec .job{ width:94%; margin:auto; display:block;}
.sec .job li{ display:block; overflow:hidden; position:relative; padding:15px 0; border-bottom:1px solid #ddd;}
.sec .job li .bt{ font-size:18px; font-weight:bold;}
.sec .job li .bt:hover{ color:#f2a90e;}
.sec .job li dl{ width:100%; display:block; overflow:hidden; margin-top:10px;}
.sec .job li dl dt{ width:50%; display:block; float:left; font-size:14px; height:24px; line-height:24px; color:#999;}
.sec .job li .wen{ width:100%; display:block; overflow:hidden; margin-top:10px; font-size:14px; line-height:24px;}
.sec .job li .more{ width:100px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; background-color:#333; display:block; margin-top:10px;}
.sec .job li .more:hover{ background-color:#f2a90e; color:#fff;}
}

/*招聘内页*/
@media screen and (min-width:1280px){
.sec01{ width:1200px; margin:auto;}
.sec01 .lefts{ width:850px; float:left; padding:70px 0;}
.sec01 .lefts .title{ width:100%; margin:auto;}
.sec01 .lefts .title .left{ float:left; height:34px;}
.sec01 .lefts .title .left p{ display:block; float:left; height:34px; line-height:34px; font-size:30px;}
.sec01 .lefts .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:20px; line-height:30px; height:30px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.sec01 .lefts .tou{ width:100%; position:relative; margin-top:30px;}
.sec01 .lefts .tou .bts{ font-size:18px; font-size:18px; height:44px; line-height:44px;}
.sec01 .lefts .tou .xx{ font-size:14px; line-height:26px;}
.sec01 .lefts .tou .xx span{ display:block; color:#999;}
.sec01 .lefts .tou .xx p{ display:block;}
.sec01 .lefts .tou .more{ position:absolute; right:0; bottom:0;}
.sec01 .lefts .tou .more a{ width:100px; height:34px; line-height:34px; text-align:center; float:left; font-size:14px; background-color:#333; color:#fff; display:block; margin-left:20px;}
.sec01 .lefts .tou .more a:hover{ background-color:#f2a90e; color:#fff;}
.sec01 .lefts .ny01{ width:100%; margin-top:25px;}
.sec01 .lefts .ny01 .biao{ width:100%; height:34px; background-image:url(../image/lines.jpg); background-position:center; background-repeat:repeat-x;}
.sec01 .lefts .ny01 .biao span{ display:inline-block; height:34px; line-height:34px; font-size:16px; padding-right:15px; background-color:#fff;}
.sec01 .lefts .ny01 .wen{ width:100%; font-size:14px; line-height:24px; margin-top:20px;}
.sec01 .lefts .ny01 .wen img{ max-width:100%; height:auto;}

.sec01 .rights{ border-left:1px solid #ddd; padding-left:19px; width:260px; float:right; padding-bottom:70px;}
.sec01 .rights .bt{ width:100%; margin-top:70px;}
.sec01 .rights .bt span{ display:block; font-size:18px; text-transform:uppercase; color:#f2a90e; overflow:hidden;}
.sec01 .rights .bt a{ display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff; background-color:#f2a90e; margin-top:15px;}
.sec01 .rights .list01{ width:100%; display:block; overflow:hidden;}
.sec01 .rights .list01 li{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; overflow:hidden; display:block; position:relative;}
.sec01 .rights .list01 li:last-child{ border-bottom:none;}
.sec01 .rights .list01 li a{ display:block; overflow:hidden; font-size:14px;}
} 

@media screen and (min-width:768px) and (max-width:1279px){
.sec01 .lefts{ width:71%; margin-left:3%; float:left; padding-top:50px; padding-bottom:50px;}
.sec01 .lefts .title{ width:100%; margin:auto;}
.sec01 .lefts .title .left{ float:left; height:30px;}
.sec01 .lefts .title .left p{ display:block; float:left; height:30px; line-height:30px; font-size:24px;}
.sec01 .lefts .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:10px; font-size:18px; line-height:24px; height:24px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.sec01 .lefts .tou{ width:100%; position:relative; margin-top:20px;}
.sec01 .lefts .tou .bts{ font-size:18px; font-size:18px; height:44px; line-height:44px;}
.sec01 .lefts .tou .xx{ font-size:14px; line-height:26px;}
.sec01 .lefts .tou .xx span{ display:block; color:#999;}
.sec01 .lefts .tou .xx p{ display:block;}
.sec01 .lefts .tou .more{ position:absolute; right:0; bottom:0;}
.sec01 .lefts .tou .more a{ width:100px; height:30px; line-height:30px; text-align:center; float:left; font-size:14px; background-color:#333; color:#fff; display:block; margin-left:15px;}
.sec01 .lefts .tou .more a:hover{ background-color:#f2a90e; color:#fff;}
.sec01 .lefts .ny01{ width:100%; margin-top:15px;}
.sec01 .lefts .ny01 .biao{ width:100%; height:34px; background-image:url(../image/lines.jpg); background-position:center; background-repeat:repeat-x;}
.sec01 .lefts .ny01 .biao span{ display:inline-block; height:34px; line-height:34px; font-size:16px; padding-right:15px; background-color:#fff;}
.sec01 .lefts .ny01 .wen{ width:100%; font-size:14px; line-height:24px; margin-top:20px;}

.sec01 .rights{ border-left:1px solid #ddd; padding-left:14px; width:21%; margin-right:3%; float:right; padding-bottom:50px; box-sizing:border-box;}
.sec01 .rights .bt{ width:100%; margin-top:50px;}
.sec01 .rights .bt span{ display:block; font-size:18px; text-transform:uppercase; color:#f2a90e; overflow:hidden;}
.sec01 .rights .bt a{ display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff; background-color:#f2a90e; margin-top:15px;}
.sec01 .rights .list01{ width:100%; display:block; overflow:hidden;}
.sec01 .rights .list01 li{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; overflow:hidden; display:block; position:relative;}
.sec01 .rights .list01 li:last-child{ border-bottom:none;}
.sec01 .rights .list01 li a{ display:block; overflow:hidden; font-size:14px;}
}

@media only screen and (max-width:767px){
.sec01 .lefts{ width:94%; padding:20px 0; margin-left:3%;}
.sec01 .lefts .title{ width:100%; margin:auto; position:relative;}
.sec01 .lefts .title .left{ width:100%;}
.sec01 .lefts .title .left p{ display:block; float:left; height:26px; line-height:26px; font-size:18px;}
.sec01 .lefts .title .left span{ display:block; float:left; text-transform:uppercase; margin-left:5px; font-size:14px; line-height:20px; height:20px; padding-bottom:2px; background-image:url(../image/title_32.jpg); background-position:left bottom; background-repeat:no-repeat; color:#999;}
.sec01 .lefts .tou{ width:100%; position:relative; margin-top:15px;}
.sec01 .lefts .tou .bts{ font-size:18px; font-size:18px; height:44px; line-height:44px;}
.sec01 .lefts .tou .xx{ font-size:14px; line-height:26px;}
.sec01 .lefts .tou .xx span{ display:block; color:#999;}
.sec01 .lefts .tou .xx p{ display:block;}
.sec01 .lefts .tou .more{ margin-top:10px;}
.sec01 .lefts .tou .more a{ width:100px; height:30px; line-height:30px; text-align:center; float:left; font-size:14px; background-color:#333; color:#fff; display:block; margin-right:10px;}
.sec01 .lefts .ny01{ width:100%; margin-top:10px;}
.sec01 .lefts .ny01 .biao{ width:100%; height:34px; background-image:url(../image/lines.jpg); background-position:center; background-repeat:repeat-x;}
.sec01 .lefts .ny01 .biao span{ display:inline-block; height:34px; line-height:34px; font-size:16px; padding-right:15px; background-color:#fff;}	
.sec01 .lefts .ny01 .wen{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}
.sec01 .lefts .ny01 .wen img{ max-width:100%; height:auto;}

.sec01 .rights{ width:100%; padding-bottom:20px; background-color:#f2f2f2;}
.sec01 .rights .bt{ width:94%; margin:auto; margin-top:20px;}
.sec01 .rights .bt span{ display:block; font-size:18px; text-transform:uppercase; color:#f2a90e; overflow:hidden;}
.sec01 .rights .bt a{ display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff; background-color:#f2a90e; margin-top:10px;}
.sec01 .rights .list01{ width:94%; margin:auto; display:block; overflow:hidden;}
.sec01 .rights .list01 li{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; overflow:hidden; display:block; position:relative;}
.sec01 .rights .list01 li:last-child{ border-bottom:none;}
.sec01 .rights .list01 li a{ display:block; overflow:hidden; font-size:14px;}
}

/*留言咨询*/
@media screen and (min-width:1280px){
.lx02{ width:1200px; margin:30px auto; margin-bottom:70px; height:500px; position:relative;}
.lx02 .left{ width:500px; position:absolute; left:0; top:0; z-index:0;}
.lx02 .left img{ width:100%; display:block;}
.lx02 .right{ width:780px; padding:30px; padding-top:93px; float:right; background-image:url(../image/lx03.png); background-position:right top; background-repeat:no-repeat; margin-top:17px; overflow:hidden; height:420px; position:relative; z-index:2;}
.lx02 .right .r01{ float:left; margin-top:20px; width:360px;}
.lx02 .right .r01 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r01 span a{ color:#da0000;}
.lx02 .right .r01 input{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02{ float:left; margin-top:20px; width:360px; margin-left:60px;}
.lx02 .right .r02 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r02 input{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02 select{ display:block; float:left; width:137px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02 select:nth-child(3){ margin-left:6px;}
.lx02 .right .r03{ float:left; margin-top:20px; width:780px;}
.lx02 .right .r03 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r03 textarea{ display:block; float:left; width:680px; padding:10px; height:60px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto;}
.lx02 .right .r05{ float:left; margin-top:20px; width:780px; position:relative;}
.lx02 .right .r05 span{ margin-left:80px; display:block; float:left; height:42px; line-height:42px; font-size:16px;}
.lx02 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#fff; cursor:pointer; background-color:#f2a90e; display:block; float:right;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lx02{ width:94%; margin:20px auto; margin-bottom:50px; height:500px; position:relative;}
.lx02 .left{ width:500px; position:absolute; left:0; top:0; z-index:0;}
.lx02 .left img{ width:100%; display:block;}
.lx02 .right{ width:65%; padding:30px 2.5%; padding-top:96px; float:right; background-image:url(../image/lx03.png); background-position:right top; background-repeat:no-repeat; overflow:hidden; height:420px; position:relative; z-index:2;}
.lx02 .right .r01{ float:left; margin-top:20px; width:48%; padding-left:80px; box-sizing:border-box; position:relative;}
.lx02 .right .r01 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r01 span a{ color:#da0000;}
.lx02 .right .r01 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02{ float:left; margin-top:20px; width:48%; margin-left:4%; padding-left:80px; box-sizing:border-box; position:relative;}
.lx02 .right .r02 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r02 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02 select{ display:block; float:left; width:48%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02 select:nth-child(3){ margin-left:4%;}
.lx02 .right .r03{ float:left; margin-top:20px; width:100%; position:relative; padding-left:80px; box-sizing:border-box;}
.lx02 .right .r03 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r03 textarea{ display:block; float:left; width:100%; box-sizing:border-box; padding:10px; height:80px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto;}
.lx02 .right .r05{ float:left; margin-top:20px; width:100%; position:relative;}
.lx02 .right .r05 span{ margin-left:80px; display:block; float:left; height:42px; line-height:42px; font-size:14px;}
.lx02 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#fff; cursor:pointer; background-color:#f2a90e; display:block; float:right;}
}
@media only screen and (max-width:768px){
.lx02{ width:94%; margin:15px auto; margin-bottom:30px; position:relative;}
.lx02 .left{ display:none;}
.lx02 .right{ width:94%; padding:25px 3%; padding-top:56px; float:right; background-image:url(../image/lx03.jpg); background-position:right top; background-repeat:no-repeat; overflow:hidden; background-color:#f1f1f1;}
.lx02 .right .r01{ float:left; margin-top:15px; width:100%; padding-left:80px; box-sizing:border-box; position:relative;}
.lx02 .right .r01 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r01 span a{ color:#da0000;}
.lx02 .right .r01 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02{ float:left; margin-top:15px; width:100%; padding-left:80px; box-sizing:border-box; position:relative;}
.lx02 .right .r02 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r02 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02 select{ display:block; float:left; width:48%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02 select:nth-child(3){ margin-left:4%;}
.lx02 .right .r03{ float:left; margin-top:15px; width:100%; position:relative; padding-left:80px; box-sizing:border-box;}
.lx02 .right .r03 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r03 textarea{ display:block; float:left; width:100%; box-sizing:border-box; padding:10px; height:80px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto;}
.lx02 .right .r05{ float:left; margin-top:10px; width:100%; position:relative;}
.lx02 .right .r05 span{ display:none;}
.lx02 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:14px; color:#fff; cursor:pointer; background-color:#f2a90e; display:block; float:right;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.lx01{ width:1200px; margin:30px auto; margin-bottom:70px;}
.lx01 #map{ width:600px; height:400px; float:left;}
.lx01 .right{ float:right; width:550px; margin-top:-10px; display:block;}
.lx01 .right li{ padding-left:70px; display:block; margin-top:20px; background-position:left top; background-repeat:no-repeat;}
.lx01 .right li span{ display:block; font-size:16px; line-height:26px; overflow:hidden;}
.lx01 .right li p{ display:block; font-size:24px; line-height:34px; overflow:hidden;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lx01{ width:94%; margin:20px auto; margin-bottom:50px;}
.lx01 #map{ width:50%; float:left; height:360px;}
.lx01 .right{ float:right; width:47%; margin-top:-5px; display:block;}
.lx01 .right li{ padding-left:60px; display:block; margin-top:15px; background-position:left top; background-repeat:no-repeat;}
.lx01 .right li span{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.lx01 .right li p{ display:block; font-size:20px; line-height:30px; overflow:hidden;}
}
@media only screen and (max-width:768px){
.lx01{ width:94%; margin:15px auto; margin-bottom:30px;}
.lx01 #map{ width:100%; height:260px;}
.lx01 .right{ float:right; width:100%; display:block; padding-top:5px;}
.lx01 .right li{ padding-left:50px; display:block; margin-top:10px; background-position:left top; background-repeat:no-repeat; background-size:40px 40px;}
.lx01 .right li span{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.lx01 .right li p{ display:block; font-size:16px; line-height:26px; overflow:hidden;}
}

/*专题一*/
@media screen and (min-width:1280px){
.ban01{ width:100%; height:530px; position:relative; z-index:0; background-position:center; background-repeat:no-repeat;}
.ban01 .box{ width:1200px; margin:auto; padding-top:60px;}
.ban01 .box .b01{ color:#e77817; font-size:36px; line-height:50px; height:50px;}
.ban01 .box .b02{ color:#e77817; font-size:36px; line-height:50px; height:50px;}
.ban01 .box .b03{ width:50px; height:4px; background-color:#f1a610; margin-top:10px;}
.ban01 .box .b04{ color:#fff; font-size:36px; line-height:56px; height:56px; margin-top:20px;}
.ban01 .box .b05{ color:#fff; font-size:24px; line-height:44px; height:44px;}
.ban01 .box .b06{ margin-top:25px;}
.ban01 .box .b06 a{ width:140px; height:40px; line-height:40px; border-radius:50px; text-align:center; float:left; display:block; color:#fff; background-color:#f2a90e; font-size:16px;}
.ban01 .box .b06 a:hover{ background-color:#e77817;}
.ban01 img{ display:none;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.ban01{ width:100%; height:400px; position:relative; z-index:0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban01 .box{ width:94%; margin:auto; padding-top:30px;}
.ban01 .box .b01{ color:#e77817; font-size:30px; line-height:40px; height:40px;}
.ban01 .box .b02{ color:#e77817; font-size:30px; line-height:40px; height:40px;}
.ban01 .box .b03{ width:50px; height:4px; background-color:#f1a610; margin-top:15px;}
.ban01 .box .b04{ color:#fff; font-size:24px; line-height:34px; margin-top:15px;}
.ban01 .box .b05{ color:#fff; font-size:18px; line-height:28px;}
.ban01 .box .b06{ margin-top:15px;}
.ban01 .box .b06 a{ width:140px; height:40px; line-height:40px; border-radius:50px; text-align:center; float:left; display:block; color:#fff; background-color:#f2a90e; font-size:16px;}
.ban01 .box .b06 a:hover{ background-color:#e77817;}
.ban01 img{ display:none;}
}
@media only screen and (max-width: 768px){
.ban01{ width:100%; background-image:none !important; position:relative;}
.ban01 .box{ width:94%; position:absolute; left:3%; top:20px;}
.ban01 .box .b01{ color:#e77817; font-size:24px; line-height:34px; height:34px;}
.ban01 .box .b02{ color:#e77817; font-size:24px; line-height:34px; height:34px;}
.ban01 .box .b03{ width:40px; height:2px; background-color:#f1a610; margin-top:10px;}
.ban01 .box .b04{ color:#fff; font-size:20px; line-height:30px; margin-top:10px;}
.ban01 .box .b05{ color:#fff; font-size:14px; line-height:24px;}
.ban01 .box .b06{ margin-top:10px;}
.ban01 .box .b06 a{ width:120px; height:34px; line-height:34px; border-radius:50px; text-align:center; float:left; display:block; color:#fff; background-color:#f2a90e; font-size:14px;}
.ban01 .box .b06 a:hover{ background-color:#e77817;}
.ban01 img{ display:block; width:100%;}
}

@media screen and (min-width:1280px){
.zt01{ width:1200px; margin:70px auto; margin-top:-70px;}
.zt01 dl{ width:1130px; margin:auto; display:block; overflow:hidden;}
.zt01 dl dt{ width:230px; float:left; display:block; overflow:hidden; margin-top:40px;}
.zt01 dl dt strong{ width:132px; height:132px; margin:auto; background-image:url(../image/zt01_05.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden; display:block;}
.zt01 dl dt strong img{ display:block; margin:36px auto; height:60px;}
.zt01 dl dt p{ display:block; font-size:18px; margin-top:15px; line-height:28px; overflow:hidden; height:28px; font-weight:bold; text-align:center;}
.zt01 dl dd{ width:70px; float:left; display:block; overflow:hidden; margin-top:40px; height:132px; background-image:url(../image/zt02_08.jpg); background-position:center; background-repeat:no-repeat;}
.zt01 dl dd:nth-child(8){ display:none;}
.zt01 .wen{ text-align:center; font-size:16px; line-height:26px; margin-top:35px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.zt01{ width:100%; margin-bottom:50px; margin-top:-50px;}
.zt01 dl{ width:94%; margin:auto; display:block; overflow:hidden;}
.zt01 dl dt{ width:22.75%; float:left; display:block; overflow:hidden; margin-top:30px;}
.zt01 dl dt strong{ width:120px; height:120px; margin:auto; background-image:url(../image/zt01_05.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden; display:block; background-size:100% 100%;}
.zt01 dl dt strong img{ display:block; margin:30px auto; height:60px;}
.zt01 dl dt p{ display:block; font-size:16px; margin-top:10px; line-height:26px; overflow:hidden; height:26px; font-weight:bold; text-align:center;}
.zt01 dl dd{ width:3%; float:left; display:block; overflow:hidden; margin-top:30px; height:132px; background-image:url(../image/zt02_08.jpg); background-position:center; background-repeat:no-repeat; background-size:100%;}
.zt01 dl dd:nth-child(8){ display:none;}
.zt01 .wen{ width:94%; margin:auto; text-align:center; font-size:16px; line-height:26px; margin-top:25px;}
}
@media only screen and (max-width: 768px){
.zt01{ width:100%; margin-bottom:30px; margin-top:-30px;}
.zt01 dl{ width:100%; margin:auto; display:block; overflow:hidden;}
.zt01 dl dt{ width:45.5%; float:left; display:block; overflow:hidden; margin-top:15px; margin-left:3%;}
.zt01 dl dt strong{ width:80px; height:80px; margin:auto; background-image:url(../image/zt01_05.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden; display:block; background-size:100% 100%;}
.zt01 dl dt strong img{ display:block; margin:20px auto; height:40px;}
.zt01 dl dt p{ display:block; font-size:14px; margin-top:5px; line-height:24px; overflow:hidden; height:26px; font-weight:bold; text-align:center;}
.zt01 dl dd{ display:none;}
.zt01 .wen{ width:94%; margin:auto; text-align:center; font-size:14px; line-height:24px; margin-top:15px;}
}

@media screen and (min-width:1280px){
.zt02{ width:100%; padding:70px 0; background-color:#e1eeff;}
.zt02 .box{ width:1200px; margin:auto;}
.zt02 .box .left{ width:540px; float:left;}
.zt02 .box .left img{ max-width:100%; display:block;}
.zt02 .box .right{ width:590px; float:right;}
.zt02 .box .right .z01{ font-size:30px; line-height:40px; font-weight:bold; color:#f2a90e; text-transform:uppercase;}
.zt02 .box .right .z02{ font-size:30px; line-height:40px; font-weight:bold; color:#333; text-transform:uppercase;}
.zt02 .box .right .z03{ width:60px; height:4px; background-color:#e77817; margin:20px 0;}
.zt02 .box .right .z04{ font-size:30px; line-height:40px; font-weight:bold; color:#333;}
.zt02 .box .right .z05{ font-size:14px; line-height:30px; margin-top:10px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.zt02{ width:100%; padding:50px 0; background-color:#e1eeff;}
.zt02 .box{ width:94%; margin:auto;}
.zt02 .box .left{ width:47%; float:left;}
.zt02 .box .left img{ max-width:100%; display:block;}
.zt02 .box .right{ width:50%; float:right;}
.zt02 .box .right .z01{ font-size:24px; line-height:34px; font-weight:bold; color:#f2a90e; text-transform:uppercase;}
.zt02 .box .right .z02{ font-size:24px; line-height:34px; font-weight:bold; color:#333; text-transform:uppercase;}
.zt02 .box .right .z03{ width:60px; height:4px; background-color:#e77817; margin:10px 0;}
.zt02 .box .right .z04{ font-size:24px; line-height:34px; font-weight:bold; color:#333;}
.zt02 .box .right .z05{ font-size:14px; line-height:30px; margin-top:5px;}
}
@media only screen and (max-width: 768px){
.zt02{ width:100%; padding:30px 0; background-color:#e1eeff;}
.zt02 .box{ width:94%; margin:auto;}
.zt02 .box .left{ width:100%; float:left;}
.zt02 .box .left img{ max-width:100%; display:block; margin:auto;}
.zt02 .box .right{ width:100%; float:right;}
.zt02 .box .right .z01{ font-size:20px; line-height:30px; font-weight:bold; color:#f2a90e; text-transform:uppercase;}
.zt02 .box .right .z02{ font-size:20px; line-height:30px; font-weight:bold; color:#333; text-transform:uppercase;}
.zt02 .box .right .z03{ width:40px; height:2px; background-color:#e77817; margin:5px 0;}
.zt02 .box .right .z04{ font-size:18px; line-height:28px; font-weight:bold; color:#333;}
.zt02 .box .right .z05{ font-size:14px; line-height:24px;}
}

@media screen and (min-width:1280px){
.zt03{ width:100%; padding:70px 0; background-color:#fff;}
.zt03 .tou{ width:1200px; margin:auto; margin-top:-5px; text-align:center;}
.zt03 .tou strong{ display:block; overflow:hidden; font-size:30px; line-height:40px;}
.zt03 .tou p{ display:block; overflow:hidden; font-size:18px; line-height:28px; margin-top:15px; color:#666;}
.zt03 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; height:370px;}
.zt03 .box>div{ background-color:#f1f1f1; border-radius:5px; padding:25px 30px; box-sizing:border-box;}
.zt03 .box .z01{ position:absolute; left:0; top:0; width:480px; height:370px;}
.zt03 .box .z02{ position:absolute; right:0; top:0; width:680px; height:210px; padding-right:120px;}
.zt03 .box .z03{ position:absolute; right:0; bottom:0; width:680px; height:140px; padding-right:120px;}
.zt03 .box .bt{ font-size:18px; line-height:28px; overflow:hidden; font-weight:bold;}
.zt03 .box .wen{ font-size:14px; line-height:24px; overflow:hidden; margin-top:10px;}
.zt03 .box .shu{ font-size:60px; line-height:60px; color:#ddd; position:absolute; right:20px; bottom:20px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.zt03{ width:100%; padding:50px 0; background-color:#fff;}
.zt03 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt03 .tou strong{ display:block; overflow:hidden; font-size:24px; line-height:34px;}
.zt03 .tou p{ display:block; overflow:hidden; font-size:16px; line-height:26px; margin-top:5px; color:#666;}
.zt03 .box{ width:94%; margin:auto; margin-top:15px; position:relative; height:370px;}
.zt03 .box>div{ background-color:#f1f1f1; border-radius:5px; padding:15px 20px; box-sizing:border-box;}
.zt03 .box .z01{ position:absolute; left:0; top:0; width:47%; height:370px;}
.zt03 .box .z02{ position:absolute; right:0; top:0; width:50%; height:210px; padding-right:80px;}
.zt03 .box .z03{ position:absolute; right:0; bottom:0; width:50%; height:140px; padding-right:80px;}
.zt03 .box .bt{ font-size:18px; line-height:28px; overflow:hidden; font-weight:bold;}
.zt03 .box .wen{ font-size:14px; line-height:24px; overflow:hidden; margin-top:5px;}
.zt03 .box .shu{ font-size:50px; line-height:50px; color:#ddd; position:absolute; right:10px; bottom:10px;}
}
@media only screen and (max-width: 768px){
.zt03{ width:100%; padding:30px 0; background-color:#fff;}
.zt03 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt03 .tou strong{ display:block; overflow:hidden; font-size:18px; line-height:28px;}
.zt03 .tou p{ display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.zt03 .box{ width:94%; margin:auto; position:relative;}
.zt03 .box>div{ background-color:#f1f1f1; border-radius:5px; padding:10px 15px; box-sizing:border-box; margin-top:10px;}
.zt03 .box .bt{ font-size:16px; line-height:26px; overflow:hidden; font-weight:bold;}
.zt03 .box .wen{ font-size:14px; line-height:24px; overflow:hidden; margin-top:5px;}
.zt03 .box .shu{ display:none;}
}

@media screen and (min-width:1280px){
.zt04{ width:100%; padding:70px 0; background-color:#e1eeff;}
.zt04 .box{ width:1200px; margin:auto;}
.zt04 .box .left{ width:550px; float:left;}
.zt04 .box .left img{ max-width:100%; display:block;}
.zt04 .box .right{ width:590px; float:right; margin-top:30px;}
.zt04 .box .right .z01{ font-size:30px; line-height:40px; font-weight:bold; color:#333; text-transform:uppercase;}
.zt04 .box .right .z02{ font-size:18px; line-height:48px; color:#666; text-transform:uppercase;}
.zt04 .box .right .z03{ width:60px; height:4px; background-color:#e77817; margin-top:5px;}
.zt04 .box .right .z04{ font-size:14px; line-height:30px; margin-top:25px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.zt04{ width:100%; padding:50px 0; background-color:#e1eeff;}
.zt04 .box{ width:94%; margin:auto;}
.zt04 .box .left{ width:47%; float:left;}
.zt04 .box .left img{ max-width:100%; display:block;}
.zt04 .box .right{ width:50%; float:right; margin-top:20px;}
.zt04 .box .right .z01{ font-size:24px; line-height:34px; font-weight:bold; color:#333; text-transform:uppercase;}
.zt04 .box .right .z02{ font-size:16px; line-height:36px; color:#666; text-transform:uppercase;}
.zt04 .box .right .z03{ width:60px; height:4px; background-color:#e77817; margin-top:5px;}
.zt04 .box .right .z04{ font-size:14px; line-height:30px; margin-top:15px;}
}
@media only screen and (max-width: 768px){
.zt04{ width:100%; padding:30px 0; background-color:#e1eeff;}
.zt04 .box{ width:94%; margin:auto;}
.zt04 .box .left{ width:100%; float:left;}
.zt04 .box .left img{ max-width:100%; display:block; margin:auto;}
.zt04 .box .right{ width:100%; float:right; margin-top:10px;}
.zt04 .box .right .z01{ font-size:18px; line-height:28px; font-weight:bold; color:#333; text-transform:uppercase;}
.zt04 .box .right .z02{ font-size:14px; line-height:24px; color:#666; text-transform:uppercase;}
.zt04 .box .right .z03{ width:40px; height:2px; background-color:#e77817; margin-top:5px;}
.zt04 .box .right .z04{ font-size:14px; line-height:24px; margin-top:10px;}
}

@media screen and (min-width:1280px){
.zt05{ width:100%; padding:70px 0; background-color:#fff;}
.zt05 .tou{ width:1200px; margin:auto; margin-top:-5px; text-align:center;}
.zt05 .tou strong{ display:block; overflow:hidden; font-size:30px; line-height:40px;}
.zt05 .tou p{ display:block; overflow:hidden; font-size:18px; line-height:28px; margin-top:15px; color:#666;}
.zt05 .tu{ width:1200px; margin:auto;} 
.zt05 .tu img{ display:block; max-width:100%; margin:auto;}
.zt05 dl{ width:1200px; margin:45px auto; display:block; overflow:hidden; text-align:center;}
.zt05 dl dt{ display:inline-block; overflow:hidden; vertical-align:middle;}
.zt05 dl dt a{ width:40px; height:40px; line-height:40px; border-radius:100%; margin:auto; overflow:hidden; display:block; background-color:#ffae1d; font-size:18px; color:#fff;}
.zt05 dl dt span{ display:block; font-size:20px; line-height:30px; margin-top:15px; overflow:hidden;}
.zt05 dl dt p{ display:block; font-size:14px; margin-top:5px; line-height:24px; overflow:hidden;}
.zt05 dl dd{ width:20px; vertical-align:middle; display:inline-block; overflow:hidden; margin:0 70px; margin-top:50px; height:20px; background-image:url(../image/arr_20.jpg); background-position:center; background-repeat:no-repeat;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.zt05{ width:100%; padding:50px 0; background-color:#fff;}
.zt05 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt05 .tou strong{ display:block; overflow:hidden; font-size:24px; line-height:34px;}
.zt05 .tou p{ display:block; overflow:hidden; font-size:16px; line-height:26px; margin-top:5px; color:#666;}
.zt05 .tu{ width:94%; margin:auto;} 
.zt05 .tu img{ display:block; max-width:100%; margin:auto;}
.zt05 dl{ width:94%; margin:35px auto; display:block; overflow:hidden; text-align:center;}
.zt05 dl dt{ display:inline-block; overflow:hidden; vertical-align:middle;}
.zt05 dl dt a{ width:40px; height:40px; line-height:40px; border-radius:100%; margin:auto; overflow:hidden; display:block; background-color:#ffae1d; font-size:18px; color:#fff;}
.zt05 dl dt span{ display:block; font-size:18px; line-height:28px; margin-top:15px; overflow:hidden;}
.zt05 dl dt p{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.zt05 dl dd{ width:20px; vertical-align:middle; display:inline-block; overflow:hidden; margin:0 40px; margin-top:50px; height:20px; background-image:url(../image/arr_20.jpg); background-position:center; background-repeat:no-repeat;}
}
@media only screen and (max-width: 768px){
.zt05{ width:100%; padding:30px 0; background-color:#fff;}
.zt05 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt05 .tou strong{ display:block; overflow:hidden; font-size:18px; line-height:28px;}
.zt05 .tou p{ display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.zt05 .tu{ width:94%; margin:auto;} 
.zt05 .tu img{ display:block; max-width:100%; margin:auto;}
.zt05 dl{ width:100%; margin-bottom:15px; display:block; overflow:hidden; text-align:center;}
.zt05 dl dt{ display:block; width:45.5%; overflow:hidden; vertical-align:middle; float:left; margin-top:15px; margin-left:3%;}
.zt05 dl dt a{ width:40px; height:40px; line-height:40px; border-radius:100%; margin:auto; overflow:hidden; display:block; background-color:#ffae1d; font-size:18px; color:#fff;}
.zt05 dl dt span{ display:block; font-size:16px; line-height:26px; margin-top:5px; overflow:hidden;}
.zt05 dl dt p{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.zt05 dl dd{ display:none;}
}

@media screen and (min-width:1280px){
.zt06{ width:100%; padding:70px 0; background-color:#e1eeff;}
.zt06 .box{ width:1200px; margin:auto; position:relative;}
.zt06 .box .left{ width:580px; float:right;}
.zt06 .box .left img{ max-width:100%; display:block;}
.zt06 .box .right{ width:590px; float:left;}
.zt06 .box .right .z01{ font-size:30px; line-height:40px; font-weight:bold; color:#333; text-transform:uppercase;}
.zt06 .box .right .z02{ font-size:18px; line-height:48px; color:#666; text-transform:uppercase;}
.zt06 .box .right .z03{ width:60px; height:4px; background-color:#e77817; margin-top:5px;}
.zt06 .box .right .z04{ width:430px; font-size:14px; line-height:30px; margin-top:25px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.zt06{ width:100%; padding:50px 0; background-color:#e1eeff;}
.zt06 .box{ width:94%; margin:auto; position:relative;}
.zt06 .box .left{ width:47%; float:right;}
.zt06 .box .left img{ max-width:100%; display:block;}
.zt06 .box .right{ width:50%; float:left;}
.zt06 .box .right .z01{ font-size:24px; line-height:34px; font-weight:bold; color:#333; text-transform:uppercase;}
.zt06 .box .right .z02{ font-size:16px; line-height:36px; color:#666; text-transform:uppercase;}
.zt06 .box .right .z03{ width:60px; height:4px; background-color:#e77817; margin-top:5px;}
.zt06 .box .right .z04{ font-size:14px; line-height:30px; margin-top:15px;}
}
@media only screen and (max-width: 768px){
.zt06{ width:100%; padding:30px 0; background-color:#e1eeff;}
.zt06 .box{ width:94%; margin:auto;}
.zt06 .box .left{ width:100%; float:left;}
.zt06 .box .left img{ max-width:100%; display:block; margin:auto;}
.zt06 .box .right{ width:100%; float:right; margin-bottom:10px;}
.zt06 .box .right .z01{ font-size:18px; line-height:28px; font-weight:bold; color:#333; text-transform:uppercase;}
.zt06 .box .right .z02{ font-size:14px; line-height:24px; color:#666; text-transform:uppercase;}
.zt06 .box .right .z03{ width:40px; height:2px; background-color:#e77817; margin-top:5px;}
.zt06 .box .right .z04{ font-size:14px; line-height:24px; margin-top:10px;}
}

@media screen and (min-width:1280px){
.zt07{ width:100%; padding:70px 0; background-color:#fff;}
.zt07 .tou{ width:1200px; margin:auto; margin-top:-5px; text-align:center;}
.zt07 .tou strong{ display:block; overflow:hidden; font-size:30px; line-height:40px;}
.zt07 .tou p{ display:block; overflow:hidden; font-size:18px; line-height:28px; margin-top:15px; color:#666;}
.zt07 .tu{ width:1200px; margin:auto; margin-top:25px;} 
.zt07 .tu img{ display:block; max-width:100%; margin:auto;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.zt07{ width:100%; padding:50px 0; background-color:#fff;}
.zt07 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt07 .tou strong{ display:block; overflow:hidden; font-size:24px; line-height:34px;}
.zt07 .tou p{ display:block; overflow:hidden; font-size:16px; line-height:26px; margin-top:5px; color:#666;}
.zt07 .tu{ width:94%; margin:auto; margin-top:15px;} 
.zt07 .tu img{ display:block; max-width:100%; margin:auto;}
}
@media only screen and (max-width: 768px){
.zt07{ width:100%; padding:30px 0; background-color:#fff;}
.zt07 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt07 .tou strong{ display:block; overflow:hidden; font-size:18px; line-height:28px;}
.zt07 .tou p{ display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.zt07 .tu{ width:94%; margin:auto; margin-top:10px;} 
.zt07 .tu img{ display:block; max-width:100%; margin:auto;}
}

@media screen and (min-width:1280px){
.zt08{ width:100%; padding:70px 0; background-color:#e1eeff;}
.zt08 .tou{ width:1200px; margin:auto; margin-top:-5px; text-align:center;}
.zt08 .tou strong{ display:block; overflow:hidden; font-size:30px; line-height:40px;}
.zt08 .tou p{ display:block; overflow:hidden; font-size:18px; line-height:28px; margin-top:15px; color:#666;}
.zt08 .tu{ width:1200px; margin:auto; margin-top:25px;} 
.zt08 .tu img{ display:block; max-width:100%; margin:auto;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.zt08{ width:100%; padding:50px 0; background-color:#e1eeff;}
.zt08 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt08 .tou strong{ display:block; overflow:hidden; font-size:24px; line-height:34px;}
.zt08 .tou p{ display:block; overflow:hidden; font-size:16px; line-height:26px; margin-top:5px; color:#666;}
.zt08 .tu{ width:94%; margin:auto; margin-top:15px;} 
.zt08 .tu img{ display:block; max-width:100%; margin:auto;}
}
@media only screen and (max-width: 768px){
.zt08{ width:100%; padding:30px 0; background-color:#e1eeff;}
.zt08 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt08 .tou strong{ display:block; overflow:hidden; font-size:18px; line-height:28px;}
.zt08 .tou p{ display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.zt08 .tu{ width:94%; margin:auto; margin-top:10px;} 
.zt08 .tu img{ display:block; max-width:100%; margin:auto;}
}

@media screen and (min-width:1280px){
.zt09{ width:100%; padding:70px 0; background-position:center; background-repeat:no-repeat; position:relative;}
.zt09 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,0.7);}
.zt09 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.zt09 .zc{ width:500px; float:left;}
.zt09 .zc .title p{ color:#fff;}
.zt09 .zc .bt{ font-size:24px; line-height:34px; color:#f2a90e; margin-top:45px;}
.zt09 .zc .list{ width:100%;}
.zt09 .zc .list p{ display:block; padding-left:40px; background-position:left 8px; background-repeat:no-repeat; font-size:16px; line-height:30px; overflow:hidden; color:#fff; margin-top:30px;}

.zt09 .yc{ width:660px; float:right; position:relative; margin-top:-25px;}
.zt09 .yc p{ display:block; float:left; padding-top:9px; width:310px; margin-left:20px; overflow:hidden;}
.zt09 .yc p span{ display:block; color:#fff; font-size:16px; height:56px; line-height:56px; overflow:hidden;}
.zt09 .yc p input{ width:308px; height:38px; line-height:38px; font-size:14px; display:block; border-radius:3px; border:1px solid rgba(255,255,255,0.5); overflow:hidden; text-indent:19px; background-color:transparent !important; color:#fff;}
.zt09 .yc a{ display:block; float:left; padding-top:9px; width:640px; margin-left:20px; overflow:hidden;}
.zt09 .yc a span{ display:block; color:#fff; font-size:16px; height:56px; line-height:56px; overflow:hidden;}
.zt09 .yc a textarea{ width:600px; height:114px; line-height:24px; font-size:14px; display:block; border-radius:3px; border:1px solid rgba(255,255,255,0.5); overflow:hidden; padding:7px 19px; background-color:transparent !important; color:#fff;}
.zt09 .yc strong{ font-weight:normal; display:block; float:left; padding-top:30px; width:640px; margin-left:20px; overflow:hidden;}
.zt09 .yc strong input{ display:block; float:right; overflow:hidden; cursor:pointer; width:148px; height:40px; line-height:38px; text-align:center; font-size:14px; color:#fff; border-radius:40px; border:1px solid rgba(255,255,255,0.5); background-color:transparent !important;}
.zt09 .yc strong input:hover{ background-color:#f2a90e !important; border:1px solid #f2a90e;}
.zt09 .yc p b{ color:#f2a90e;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.zt09{ width:100%; padding:50px 0; background-position:center; background-repeat:no-repeat; position:relative;}
.zt09 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,0.7);}
.zt09 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.zt09 .zc{ width:calc(100% - 580px); float:left;}
.zt09 .zc .title p{ color:#fff;}
.zt09 .zc .bt{ font-size:20px; line-height:30px; color:#f2a90e; margin-top:45px;}
.zt09 .zc .list{ width:100%;}
.zt09 .zc .list p{ display:block; padding-left:40px; background-position:left 8px; background-repeat:no-repeat; font-size:16px; line-height:30px; overflow:hidden; color:#fff; margin-top:30px;}

.zt09 .yc{ width:560px; float:right; position:relative; margin-top:-20px;}
.zt09 .yc p{ display:block; float:left; padding-top:9px; width:260px; margin-left:20px; overflow:hidden;}
.zt09 .yc p span{ display:block; color:#fff; font-size:16px; height:46px; line-height:46px; overflow:hidden;}
.zt09 .yc p input{ width:258px; height:38px; line-height:38px; font-size:14px; display:block; border-radius:3px; border:1px solid rgba(255,255,255,0.5); overflow:hidden; text-indent:19px; background-color:transparent !important; color:#fff;}
.zt09 .yc a{ display:block; float:left; padding-top:9px; width:540px; margin-left:20px; overflow:hidden;}
.zt09 .yc a span{ display:block; color:#fff; font-size:16px; height:46px; line-height:46px; overflow:hidden;}
.zt09 .yc a textarea{ width:500px; height:114px; line-height:24px; font-size:14px; display:block; border-radius:3px; border:1px solid rgba(255,255,255,0.5); overflow:hidden; padding:7px 19px; background-color:transparent !important; color:#fff;}
.zt09 .yc strong{ font-weight:normal; display:block; float:left; padding-top:20px; width:540px; margin-left:20px; overflow:hidden;}
.zt09 .yc strong input{ display:block; float:right; overflow:hidden; cursor:pointer; width:148px; height:40px; line-height:38px; text-align:center; font-size:14px; color:#fff; border-radius:40px; border:1px solid rgba(255,255,255,0.5); background-color:transparent !important;}
.zt09 .yc strong input:hover{ background-color:#f2a90e !important; border:1px solid #f2a90e;}
.zt09 .yc p b{ color:#f2a90e;}
}
@media only screen and (max-width: 768px){
.zt09{ width:100%; padding:30px 0; background-position:center; background-repeat:no-repeat; position:relative;}
.zt09 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,0.7);}
.zt09 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.zt09 .zc{ width:100%; float:left;}
.zt09 .zc .title p{ color:#fff;}
.zt09 .zc .bt{ font-size:18px; line-height:28px; color:#f2a90e; margin-top:15px;}
.zt09 .zc .list{ width:100%;}
.zt09 .zc .list p{ display:block; padding-left:40px; background-position:left 5px; background-repeat:no-repeat; font-size:14px; line-height:24px; overflow:hidden; color:#fff; margin-top:15px;}

.zt09 .yc{ width:100%; float:right; position:relative;}
.zt09 .yc p{ display:block; float:left; padding-top:9px; width:100%; overflow:hidden;}
.zt09 .yc p span{ display:block; color:#fff; font-size:14px; height:34px; line-height:34px; overflow:hidden;}
.zt09 .yc p input{ width:100%; box-sizing:border-box; height:40px; line-height:38px; font-size:14px; display:block; border-radius:3px; border:1px solid rgba(255,255,255,0.5); overflow:hidden; text-indent:9px; background-color:transparent !important; color:#fff;}
.zt09 .yc a{ display:block; float:left; padding-top:9px; width:100%; overflow:hidden;}
.zt09 .yc a span{ display:block; color:#fff; font-size:14px; height:34px; line-height:34px; overflow:hidden;}
.zt09 .yc a textarea{ width:100%; box-sizing:border-box; height:114px; line-height:24px; font-size:14px; display:block; border-radius:3px; border:1px solid rgba(255,255,255,0.5); overflow:hidden; padding:7px 9px; background-color:transparent !important; color:#fff;}
.zt09 .yc strong{ font-weight:normal; display:block; float:left; padding-top:15px; width:100%; overflow:hidden;}
.zt09 .yc strong input{ display:block; float:right; overflow:hidden; cursor:pointer; width:148px; height:40px; line-height:38px; text-align:center; font-size:14px; color:#fff; border-radius:40px; border:1px solid rgba(255,255,255,0.5); background-color:transparent !important;}
.zt09 .yc strong input:hover{ background-color:#f2a90e !important; border:1px solid #f2a90e;}
.zt09 .yc p b{ color:#f2a90e;}
}

/*专题二*/
@media screen and (min-width:1280px){
.ban02{ width:100%; height:600px; position:relative; z-index:0; background-position:center; background-repeat:no-repeat;}
.ban02 .box{ width:1200px; margin:auto; height:600px; background-image:url(../image/ban_03.jpg); background-position:right center; background-repeat:no-repeat; position:relative;}
.ban02 .box .wen{ position:absolute; top:50%; right:60px; transform:translateX(0) translateY(-50%);}
.ban02 .box .b01{ color:#e77817; font-size:36px; line-height:50px; height:50px; text-align:right;}
.ban02 .box .b02{ color:#e77817; font-size:36px; line-height:50px; height:50px; text-align:right;}
.ban02 .box .b03{ margin-top:10px;}
.ban02 .box .b03 b{ display:block; width:50px; height:4px; background-color:#f1a610; text-align:right; float:right;}
.ban02 .box .b04{ color:#333; font-size:36px; line-height:56px; height:56px; margin-top:20px; text-align:right;}
.ban02 .box .b05{ color:#666; font-size:24px; line-height:44px; height:44px; text-align:right;}
.ban02 img{ display:none;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.ban02{ width:100%; height:500px; position:relative; z-index:0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban02 .box{ width:94%; margin:auto; height:500px; background-image:url(../image/ban_03.jpg); background-position:right center; background-repeat:no-repeat; position:relative; background-size:auto 360px;}
.ban02 .box .wen{ position:absolute; top:50%; right:30px; transform:translateX(0) translateY(-50%);}
.ban02 .box .b01{ color:#e77817; font-size:30px; line-height:40px; height:50px; text-align:right;}
.ban02 .box .b02{ color:#e77817; font-size:30px; line-height:40px; height:50px; text-align:right;}
.ban02 .box .b03{ margin-top:10px;}
.ban02 .box .b03 b{ display:block; width:50px; height:4px; background-color:#f1a610; text-align:right; float:right;}
.ban02 .box .b04{ color:#333; font-size:30px; line-height:40px; height:40px; margin-top:10px; text-align:right;}
.ban02 .box .b05{ color:#666; font-size:18px; line-height:28px; height:28px; text-align:right;}
.ban02 img{ display:none;}
}
@media only screen and (max-width: 768px){
.ban02{ width:100%; position:relative;}
.ban02 .box{ width:100%; margin:auto; height:100%; text-align:center; position:relative;}
.ban02 .box .wen{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban02 .box .b01{ color:#e77817; font-size:24px; line-height:34px; height:34px;}
.ban02 .box .b02{ color:#e77817; font-size:24px; line-height:34px; height:34px;}
.ban02 .box .b03{ margin-top:5px;}
.ban02 .box .b03 b{ display:block; width:30px; height:2px; background-color:#f1a610; margin:auto;}
.ban02 .box .b04{ color:#333; font-size:18px; line-height:28px; height:28px; margin-top:5px;}
.ban02 .box .b05{ color:#666; font-size:14px; line-height:24px; height:24px;}
.ban02 img{ width:100%; display:block;}
}

@media screen and (min-width:1280px){
.zt11{ width:100%; padding-bottom:70px; background-color:#fff;}
.zt11 .tou{ width:1200px; margin:auto; margin-top:-5px; text-align:center;}
.zt11 .tou strong{ display:block; overflow:hidden; font-size:30px; line-height:40px;}
.zt11 .tou p{ display:block; overflow:hidden; font-size:18px; line-height:28px; margin-top:15px; color:#666;}
.zt11 .tu{ width:1200px; margin:auto; margin-top:25px;} 
.zt11 .tu img{ display:block; max-width:100%; margin:auto;}

.zt11 .bt{ display:block; overflow:hidden; font-size:24px; line-height:34px; color:#f2a90e; width:1200px; margin:auto; margin-top:35px; text-align:center;}
.zt11 .wen{ display:block; overflow:hidden; font-size:18px; line-height:28px; margin-top:15px; color:#666; width:1200px; margin:auto; text-align:center; margin-top:10px;}
.zt11>ul{ width:1200px; margin:auto; margin-top:20px; display:block; overflow:hidden;}
.zt11>ul li{ width:20%; display:block; float:left; overflow:hidden;}
.zt11>ul li strong{ display:block; overflow:hidden;}
.zt11>ul li strong img{ display:block; margin:auto;}
.zt11>ul li span{ position:relative; height:30px; line-height:30px; font-size:16px; width:130px; margin:auto; margin-top:10px; border-radius:30px; background:linear-gradient(to right,#ffe8b7,#fff); color:#e77817; display:block; overflow:hidden; text-indent:30px;}
.zt11>ul li span::after{ content: ""; position: absolute; top:50%; transform: translateY(-50%); left:10px; width:10px; height:10px;  border-radius:10px;background-color:#f2a90e; display:block; overflow:hidden;}
.zt11>ul li p{ font-size:14px; text-align:center; line-height:24px; margin-top:15px; display:block; overflow:hidden;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.zt11{ width:100%; padding-bottom:50px; background-color:#fff;}
.zt11 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt11 .tou strong{ display:block; overflow:hidden; font-size:24px; line-height:34px;}
.zt11 .tou p{ display:block; overflow:hidden; font-size:16px; line-height:26px; margin-top:5px; color:#666;}
.zt11 .tu{ width:94%; margin:auto; margin-top:15px;} 
.zt11 .tu img{ display:block; max-width:100%; margin:auto;}

.zt11 .bt{ display:block; overflow:hidden; font-size:20px; line-height:30px; color:#f2a90e; width:94%; margin:auto; margin-top:25px; text-align:center;}
.zt11 .wen{ display:block; overflow:hidden; font-size:16px; line-height:26px; color:#666; width:94%; margin:auto; text-align:center; margin-top:10px;}
.zt11>ul{ width:100%; margin:auto; margin-top:20px; display:block; overflow:hidden;}
.zt11>ul li{ width:16.4%; display:block; float:left; overflow:hidden; margin-left:3%;}
.zt11>ul li strong{ display:block; overflow:hidden;}
.zt11>ul li strong img{ display:block; margin:auto;}
.zt11>ul li span{ position:relative; height:30px; line-height:30px; font-size:16px; width:130px; margin:auto; margin-top:10px; border-radius:30px; background:linear-gradient(to right,#ffe8b7,#fff); color:#e77817; display:block; overflow:hidden; text-indent:30px;}
.zt11>ul li span::after{ content: ""; position: absolute; top:50%; transform: translateY(-50%); left:10px; width:10px; height:10px;  border-radius:10px;background-color:#f2a90e; display:block; overflow:hidden;}
.zt11>ul li p{ font-size:14px; text-align:center; line-height:24px; margin-top:10px; display:block; overflow:hidden;}
}
@media only screen and (max-width: 768px){
.zt11{ width:100%; padding-bottom:30px; background-color:#fff;}
.zt11 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt11 .tou strong{ display:block; overflow:hidden; font-size:18px; line-height:28px;}
.zt11 .tou p{ display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.zt11 .tu{ width:94%; margin:auto; margin-top:10px;} 
.zt11 .tu img{ display:block; max-width:100%; margin:auto;}

.zt11 .bt{ display:block; overflow:hidden; font-size:18px; line-height:28px; color:#f2a90e; width:94%; margin:auto; margin-top:15px; text-align:center;}
.zt11 .wen{ display:block; overflow:hidden; font-size:14x; line-height:24px; margin-top:5px; color:#666; width:94%; margin:auto; text-align:center;}
.zt11>ul{ width:100%; margin:auto; display:block; overflow:hidden;}
.zt11>ul li{ width:45.5%; display:block; float:left; overflow:hidden; margin-left:3%; margin-top:10px;}
.zt11>ul li strong{ display:block; overflow:hidden;}
.zt11>ul li strong img{ display:block; margin:auto; height:100px;}
.zt11>ul li span{ position:relative; height:30px; line-height:30px; font-size:16px; width:130px; margin:auto; margin-top:10px; border-radius:30px; background:linear-gradient(to right,#ffe8b7,#fff); color:#e77817; display:block; overflow:hidden; text-indent:30px;}
.zt11>ul li span::after{ content: ""; position: absolute; top:50%; transform: translateY(-50%); left:10px; width:10px; height:10px;  border-radius:10px;background-color:#f2a90e; display:block; overflow:hidden;}
.zt11>ul li p{ font-size:14px; text-align:center; line-height:24px; margin-top:5px; display:block; overflow:hidden;}
}

@media screen and (min-width:1280px){
.zt12{ width:100%; padding:70px 0; background-color:#e1eeff;}
.zt12 .tou{ width:1200px; margin:auto; margin-top:-5px; text-align:center;}
.zt12 .tou strong{ display:block; overflow:hidden; font-size:30px; line-height:40px;}
.zt12 .tou p{ display:block; overflow:hidden; font-size:18px; line-height:28px; margin-top:15px; color:#666;}
.zt12 ul{ width:1196px; margin:auto; display:block; overflow:hidden;}
.zt12 ul li{ width:260px; float:left; margin-right:52px; display:block; overflow:hidden; margin-top:35px;}
.zt12 ul li:nth-child(4n){ margin-right:0;}
.zt12 ul li:nth-child(4n+1){ clear:left; float:left;} 
.zt12 ul li strong{ width:130px; height:130px; line-height:130px; text-align:center; margin:auto; display:block; background-image:url(../image/zt12_15.jpg); font-size:30px;}
.zt12 ul li span{ display:block; font-size:24px; line-height:34px; margin-top:10px; text-align:center; overflow:hidden; font-weight:bold;}
.zt12 ul li p{ display:block; font-size:14px; line-height:24px; margin-top:5px; text-align:center; overflow:hidden; color:#666;}
.zt12 dl{ width:1200px; display:block; margin:30px auto; overflow:hidden;}
.zt12 dl dt{ display:block; width:380px; float:left; margin-right:30px; overflow:hidden;}
.zt12 dl dt:last-child{ margin-right:0;}
.zt12 dl dt strong{ width:100%; height:210px; display:block; overflow:hidden;}
.zt12 dl dt strong img{ width:100%; display:block;}
.zt12 dl dt b{ display:block; font-size:18px; line-height:28px; margin-top:10px; overflow:hidden;}
.zt12 dl dt p{ display:block; font-size:14px; line-height:24px; margin-top:5px; overflow:hidden; color:#666;}
.zt12 .wen{ width:1200px; font-size:16px; line-height:26px; text-align:center; margin:auto;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.zt12{ width:100%; padding:50px 0; background-color:#e1eeff;}
.zt12 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt12 .tou strong{ display:block; overflow:hidden; font-size:24px; line-height:34px;}
.zt12 .tou p{ display:block; overflow:hidden; font-size:16px; line-height:26px; margin-top:5px; color:#666;}
.zt12 ul{ width:100%; margin:auto; display:block; overflow:hidden;}
.zt12 ul li{ width:21.25%; float:left; margin-left:3%; display:block; overflow:hidden; margin-top:25px;}
.zt12 ul li:nth-child(4n+1){ clear:left; float:left;} 
.zt12 ul li strong{ width:100px; height:100px; line-height:100px; text-align:center; margin:auto; display:block; background-image:url(../image/zt12_15.jpg); font-size:24px; background-size:100% 100%;}
.zt12 ul li span{ display:block; font-size:20px; line-height:30px; margin-top:10px; text-align:center; overflow:hidden; font-weight:bold;}
.zt12 ul li p{ display:block; font-size:14px; line-height:24px; text-align:center; overflow:hidden; color:#666;}
.zt12 dl{ width:100%; display:block; margin:20px auto; overflow:hidden;}
.zt12 dl dt{ display:block; width:29.33%; float:left; margin-left:3%; overflow:hidden;}
.zt12 dl dt strong{ width:100%; height:150px; display:block; overflow:hidden;}
.zt12 dl dt strong img{ width:100%; display:block;}
.zt12 dl dt b{ display:block; font-size:16px; line-height:26px; margin-top:10px; overflow:hidden;}
.zt12 dl dt p{ display:block; font-size:14px; line-height:24px; overflow:hidden; color:#666;}
.zt12 .wen{ width:94%; font-size:16px; line-height:26px; text-align:center; margin:auto;}
}
@media only screen and (max-width: 768px){
.zt12{ width:100%; padding:30px 0; background-color:#e1eeff;}
.zt12 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt12 .tou strong{ display:block; overflow:hidden; font-size:18px; line-height:28px;}
.zt12 .tou p{ display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.zt12 ul{ width:100%; margin:auto; display:block; overflow:hidden;}
.zt12 ul li{ width:45.5%; float:left; margin-left:3%; margin-top:10px; display:block; overflow:hidden;}
.zt12 ul li:nth-child(2n+1){ clear:left; float:left;} 
.zt12 ul li strong{ width:100px; height:100px; line-height:100px; text-align:center; margin:auto; display:block; background-image:url(../image/zt12_15.jpg); font-size:24px; background-size:100% 100%;}
.zt12 ul li span{ display:block; font-size:16px; line-height:26px; margin-top:5px; text-align:center; overflow:hidden; font-weight:bold;}
.zt12 ul li p{ display:block; font-size:14px; line-height:24px; text-align:center; overflow:hidden; color:#666;}
.zt12 dl{ width:100%; display:block; overflow:hidden;}
.zt12 dl dt{ display:block; width:94%; float:left; margin-left:3%; overflow:hidden; margin-top:10px;}
.zt12 dl dt strong{ width:100%; display:block; overflow:hidden;}
.zt12 dl dt strong img{ width:100%; display:block;}
.zt12 dl dt b{ display:block; font-size:16px; line-height:26px; margin-top:5px; overflow:hidden;}
.zt12 dl dt p{ display:block; font-size:14px; line-height:24px; overflow:hidden; color:#666;}
.zt12 .wen{ width:94%; font-size:14px; line-height:24px; text-align:center; margin:auto; margin-top:10px;}
}

@media screen and (min-width:1280px){
.zt13{ width:100%; padding:70px 0; background-color:#fff;}
.zt13 .tou{ width:1200px; margin:auto; margin-top:-5px; text-align:center;}
.zt13 .tou strong{ display:block; overflow:hidden; font-size:30px; line-height:40px;}
.zt13 .box{ width:1200px; margin:auto; margin-top:45px; position:relative;}
.zt13 .box .prev{ display:block; position:absolute; left:0; top:50%;}
.zt13 .box .prev img{ display:block;}
.zt13 .box .next{ display:block; position:absolute; right:0; top:50%;}
.zt13 .box .next img{ display:block;}
.zt13 .box .hd{ width:990px; margin:auto; overflow:hidden;}
.zt13 .box .hd li{ display:none; margin:auto; width:86px; height:100px; background-image:url(../image/zt13_19.jpg); text-align:center; font-size:44px; line-height:100px; color:#f2a90e;}
.zt13 .box .hd li.on{ display:block;}
.zt13 .box .pic{ width:990px; display:block; margin:auto; position:relative;}
.zt13 .box .pic li{ display:block; overflow:hidden; text-align:center;}
.zt13 .box .pic li .bt{ font-size:20px; line-height:30px; margin-top:25px; font-weight:bold;}
.zt13 .box .pic li .wen{ font-size:14px; line-height:36px; margin-top:10px;}
.zt13 .box .pic li .tu{ width:100%; margin:auto; margin-top:15px;} 
.zt13 .box .pic li .tu img{ display:block; height:500px; margin:auto;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.zt13{ width:100%; padding:50px 0; background-color:#fff;}
.zt13 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt13 .tou strong{ display:block; overflow:hidden; font-size:24px; line-height:34px;}
.zt13 .box{ width:94%; margin:auto; margin-top:35px; position:relative;}
.zt13 .box .prev{ display:block; position:absolute; left:0; top:50%;}
.zt13 .box .prev img{ display:block;}
.zt13 .box .next{ display:block; position:absolute; right:0; top:50%;}
.zt13 .box .next img{ display:block;}
.zt13 .box .hd{ width:calc(100% - 140px); margin:auto; overflow:hidden;}
.zt13 .box .hd li{ display:none; margin:auto; width:86px; height:100px; background-image:url(../image/zt13_19.jpg); text-align:center; font-size:44px; line-height:100px; color:#f2a90e;}
.zt13 .box .hd li.on{ display:block;}
.zt13 .box .pic{ width:calc(100% - 140px); display:block; margin:auto; position:relative;}
.zt13 .box .pic li{ display:block; overflow:hidden; text-align:center;}
.zt13 .box .pic li .bt{ font-size:18px; line-height:28px; margin-top:20px; font-weight:bold;}
.zt13 .box .pic li .wen{ font-size:14px; line-height:30px; margin-top:10px;}
.zt13 .box .pic li .tu{ width:100%; margin:auto; margin-top:10px;} 
.zt13 .box .pic li .tu img{ display:block; height:500px; margin:auto;}
}
@media only screen and (max-width: 768px){
.zt13{ width:100%; padding:30px 0; background-color:#fff;}
.zt13 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt13 .tou strong{ display:block; overflow:hidden; font-size:18px; line-height:28px;}
.zt13 .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.zt13 .box .prev{ display:block; position:absolute; left:0; top:5%;}
.zt13 .box .prev img{ display:block;}
.zt13 .box .next{ display:block; position:absolute; right:0; top:5%;}
.zt13 .box .next img{ display:block;}
.zt13 .box .hd{ width:calc(100% - 140px); margin:auto; overflow:hidden;}
.zt13 .box .hd li{ display:none; margin:auto; width:86px; height:100px; background-image:url(../image/zt13_19.jpg); text-align:center; font-size:44px; line-height:100px; color:#f2a90e;}
.zt13 .box .hd li.on{ display:block;}
.zt13 .box .pic{ width:100%; display:block; margin:auto; position:relative;}
.zt13 .box .pic li{ display:block; overflow:hidden; text-align:center;}
.zt13 .box .pic li .bt{ font-size:18px; line-height:28px; margin-top:10px; font-weight:bold;}
.zt13 .box .pic li .wen{ font-size:14px; line-height:30px; margin-top:5px;}
.zt13 .box .pic li .tu{ width:100%; margin:auto; margin-top:10px;} 
.zt13 .box .pic li .tu img{ display:block; width:100%; margin:auto;}
}

@media screen and (min-width:1280px){
.zt14{ width:100%; padding:70px 0; background-color:#e1eeff;}
.zt14 .tou{ width:1200px; margin:auto; margin-top:-5px; text-align:center;}
.zt14 .tou strong{ display:block; overflow:hidden; font-size:30px; line-height:40px;}
.zt14 .tou p{ display:block; overflow:hidden; font-size:18px; line-height:28px; margin-top:15px; color:#666;}
.zt14 ul{ width:1200px; margin:auto; display:block; overflow:hidden; margin-top:5px;}
.zt14 ul li{ width:285px; display:block; float:left; margin-right:20px; margin-top:20px; border-radius:5px; overflow:hidden; position:relative;}
.zt14 ul li:last-child{ margin-right:0;}
.zt14 ul li strong{ display:block; overflow:hidden; height:470px; width:100%;}
.zt14 ul li img{ height:100%; display:block;}
.zt14 ul li p{ line-height:26px; text-align:center; font-size:16px; display:block; overflow:hidden; padding-top:10px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.zt14{ width:100%; padding:50px 0; background-color:#e1eeff;}
.zt14 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt14 .tou strong{ display:block; overflow:hidden; font-size:24px; line-height:34px;}
.zt14 .tou p{ display:block; overflow:hidden; font-size:16px; line-height:26px; margin-top:5px; color:#666;}
.zt14 ul{ width:100%; margin:auto; display:block; overflow:hidden;}
.zt14 ul li{ width:21.25%; display:block; float:left; margin-left:3%; margin-top:20px; border-radius:5px; overflow:hidden; position:relative;}
.zt14 ul li strong{ display:block; overflow:hidden; height:360px; width:100%;}
.zt14 ul li img{ height:100%; display:block;}
.zt14 ul li p{ line-height:26px; text-align:center; font-size:16px; display:block; overflow:hidden; padding-top:10px;}
}
@media only screen and (max-width: 768px){
.zt14{ width:100%; padding:30px 0; background-color:#e1eeff;}
.zt14 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt14 .tou strong{ display:block; overflow:hidden; font-size:18px; line-height:28px;}
.zt14 .tou p{ display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.zt14 ul{ width:100%; margin:auto; display:block; overflow:hidden;}
.zt14 ul li{ width:45.5%; display:block; float:left; margin-left:3%; margin-top:15px; border-radius:5px; overflow:hidden; position:relative;}
.zt14 ul li strong{ display:block; overflow:hidden; height:240px; width:100%;}
.zt14 ul li img{ height:100%; display:block;}
.zt14 ul li p{ line-height:24px; text-align:center; font-size:14px; display:block; overflow:hidden; padding-top:10px;}
}

@media screen and (min-width:1280px){
.zt15{ width:100%; padding:70px 0; background-color:#fff;}
.zt15 .tou{ width:1200px; margin:auto; margin-top:-5px; text-align:center;}
.zt15 .tou strong{ display:block; overflow:hidden; font-size:30px; line-height:40px;}
.zt15 .tou p{ display:block; overflow:hidden; font-size:18px; line-height:28px; margin-top:15px; color:#666;}
.zt15 .tabox{ width:1200px; margin:auto; margin-top:25px; height:350px;}
.zt15 .tabox .box{ width:100%; height:350px; position:relative;}
.zt15 .tabox .box .left{ width:600px; height:300px; margin:25px 0; background-color:#f1f1f1; position:relative; z-index:2;}
.zt15 .tabox .box .left .wen{ width:480px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.zt15 .tabox .box .left .wen .z01{ font-size:60px; line-height:70px; text-align:center;}
.zt15 .tabox .box .left .wen .z02{ width:60px; height:4px; background-color:#f2a90e; margin:20px auto;}
.zt15 .tabox .box .left .wen .z03{ font-size:14px; line-height:24px; text-align:center;}
.zt15 .tabox .box .right{ width:640px; height:350px; position:absolute; right:0; top:0; z-index:0;}
.zt15 .tabox .box .right img{ display:block; height:350px; float:right;}
.zt15 .tab_menu{ width:1200px; margin:auto; margin-top:17px;}
.zt15 .tab_menu li{ width:224px; height:123px; display:block; float:left; position:relative; overflow:hidden; margin-right:20px;}
.zt15 .tab_menu li:last-child{ margin-right:0;}
.zt15 .tab_menu li img{ width:100%; display:block;}
.zt15 .tab_menu li b{ width:100%; height:100%; display:none; box-sizing:border-box; border:3px solid #f2a90e; position:absolute; left:0; top:0;}
.zt15 .tab_menu li.on b{ display:block;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.zt15{ width:100%; padding:50px 0; background-color:#fff;}
.zt15 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt15 .tou strong{ display:block; overflow:hidden; font-size:24px; line-height:34px;}
.zt15 .tou p{ display:block; overflow:hidden; font-size:16px; line-height:26px; margin-top:5px; color:#666;}
.zt15 .tabox{ width:94%; margin:auto; margin-top:20px; height:350px;}
.zt15 .tabox .box{ width:100%; height:280px; position:relative;}
.zt15 .tabox .box .left{ width:600px; height:240px; margin:20px 0; background-color:#f1f1f1; position:relative; z-index:2;}
.zt15 .tabox .box .left .wen{ width:480px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.zt15 .tabox .box .left .wen .z01{ font-size:40px; line-height:50px; text-align:center;}
.zt15 .tabox .box .left .wen .z02{ width:60px; height:4px; background-color:#f2a90e; margin:10px auto;}
.zt15 .tabox .box .left .wen .z03{ font-size:14px; line-height:24px; text-align:center;}
.zt15 .tabox .box .right{ width:640px; height:280px; position:absolute; right:0; top:0; z-index:0;}
.zt15 .tabox .box .right img{ display:block; height:280px; float:right;}
.zt15 .tab_menu{ width:100%; margin:auto; margin-top:15px;}
.zt15 .tab_menu li{ width:16.4%; height:80px; display:block; float:left; position:relative; overflow:hidden; margin-left:3%;}
.zt15 .tab_menu li:last-child{ margin-right:0;}
.zt15 .tab_menu li img{ width:100%; display:block;}
.zt15 .tab_menu li b{ width:100%; height:100%; display:none; box-sizing:border-box; border:3px solid #f2a90e; position:absolute; left:0; top:0;}
.zt15 .tab_menu li.on b{ display:block;}
}
@media only screen and (max-width: 768px){
.zt15{ width:100%; padding:30px 0; background-color:#fff;}
.zt15 .tou{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.zt15 .tou strong{ display:block; overflow:hidden; font-size:18px; line-height:28px;}
.zt15 .tou p{ display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.zt15 .tabox{ width:94%; margin:auto; margin-top:10px;}
.zt15 .tabox .box{ width:100%; position:relative;}
.zt15 .tabox .box .left{ width:100%; background-color:#f1f1f1; position:relative; z-index:2;}
.zt15 .tabox .box .left .wen{ width:90%; padding:15px 5%;}
.zt15 .tabox .box .left .wen .z01{ font-size:30px; line-height:40px; text-align:center;}
.zt15 .tabox .box .left .wen .z02{ width:40px; height:2px; background-color:#f2a90e; margin:auto;}
.zt15 .tabox .box .left .wen .z03{ font-size:14px; line-height:24px; text-align:center;}
.zt15 .tabox .box .right{ width:100%;}
.zt15 .tabox .box .right img{ display:block; width:100%; float:right;}
.zt15 .tab_menu{ width:100%; margin:auto;}
.zt15 .tab_menu li{ width:29.33%; height:60px; display:block; float:left; position:relative; overflow:hidden; margin-left:3%; margin-top:10px;}
.zt15 .tab_menu li:last-child{ margin-right:0;}
.zt15 .tab_menu li img{ width:100%; display:block;}
.zt15 .tab_menu li b{ width:100%; height:100%; display:none; box-sizing:border-box; border:3px solid #f2a90e; position:absolute; left:0; top:0;}
.zt15 .tab_menu li.on b{ display:block;}
}

/*招聘*/
.pop-up {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
  -moz-transform: translate(-50%, -50%) scale(0.9);
  -ms-transform: translate(-50%, -50%) scale(0.9);
  -o-transform: translate(-50%, -50%) scale(0.9);
  transform: translate(-50%, -50%) scale(0.9);
  overflow-y: auto;
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.4);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 10;
  background-color: #ffffff;
  width: calc(100% - 40px);
  height: auto;
  max-width: 900px;
}
.pop-up .content {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.pop-up .content .container {
  padding:60px 100px;
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.pop-up .content .container {
    padding: 50px 60px;
  }
}
@media only screen and (max-width: 768px){
  .pop-up .content .container {
    padding: 50px 20px 80px;
  }
}
.pop-up .content .close {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size:14px;
  letter-spacing:5px;
  color: #3e4146;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.pop-up .content .close:hover {
  cursor: pointer;
  color: #f66867;
}
.pop-up .content .dots .dot {
  position: absolute;
  border-radius: 100%;
  z-index: 0;
}
.pop-up .content .dots .dot:nth-of-type(1) {
  top: -80px;
  right: -80px;
  width: 160px;
  height: 160px;
  background-color: #689bf6;
  -webkit-animation: float 6s ease-in-out infinite;
  -moz-animation: float 6s ease-in-out infinite;
  -o-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;
}
.pop-up .content .dots .dot:nth-of-type(2) {
  bottom: -120px;
  left: -120px;
  width: 240px;
  height: 240px;
  background-color: #f66867;
  -webkit-animation: float 8s ease-in-out infinite;
  -moz-animation: float 8s ease-in-out infinite;
  -o-animation: float 8s ease-in-out infinite;
  animation: float 8s ease-in-out infinite;
}
.pop-up .content .dots .dot:nth-of-type(3) {
  bottom: -50px;
  right: -50px;
  width: 100px;
  height: 100px;
  background-color: #ffd84c;
  -webkit-animation: float 4s ease-in-out infinite;
  -moz-animation: float 4s ease-in-out infinite;
  -o-animation: float 4s ease-in-out infinite;
  animation: float 4s ease-in-out infinite;
}
.pop-up .content .title h1 {
  text-align: center;
  color: #f66867;
  text-transform: uppercase;
  font-weight: 900;
  font-size:24px;
  line-height:34px;
  letter-spacing:5px;
}
@media only screen and (max-width: 768px){
  .pop-up .content .title h1 {
    font-size:18px;
  	line-height:28px;
  }
}
.pop-up.open {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.subscribe{ overflow:hidden; margin-top:20px; position:relative; z-index:2;}
.subscribe span{ font-size:16px; line-height:42px; height:42px; float:left; display:block; width:100px;}
.subscribe p{ height:40px; float:left; display:block; width:calc(100% - 102px); border:1px solid #cacaca;}
.subscribe p input{ width:100%; display:block; overflow:hidden; font-size:16px; line-height:40px; height:40px;}

.subscribe01{ overflow:hidden; margin-top:20px; position:relative; z-index:2;}
.subscribe01 span{ font-size:16px; line-height:42px; height:42px; float:left; display:block; width:100px;}
.subscribe01 p{ font-size:16px; line-height:42px; height:42px; float:left; display:block; width:calc(100% - 100px); position:relative;}
.subscribe01 p input{ width:100%; height:42px; display:block; overflow:hidden; opacity:0; z-index:2; position:absolute; left:0; top:0;}
.subscribe01 p a{ width:100%; height:42px; line-height:40px; font-size:16px; border:1px solid #ddd; background-color:#f1f1f1; display:block; overflow:hidden; text-align:center; box-sizing:border-box;}
.subscribe02{ overflow:hidden; margin-top:20px; position:relative; z-index:2;}
.subscribe02 input{ width:200px; height:42px; line-height:42px; display:block; overflow:hidden; margin:auto; background-color:#f2a90e; color:#fff; cursor:pointer; font-size:16px;}

@media only screen and (max-width: 768px){
.subscribe{ overflow:hidden; margin-top:15px; position:relative; z-index:2;}
.subscribe span{ font-size:14px; line-height:34px; height:34px; float:left; display:block; width:70px;}
.subscribe p{ height:32px; float:left; display:block; width:calc(100% - 72px); border:1px solid #cacaca;}
.subscribe p input{ width:100%; display:block; overflow:hidden; font-size:14px; line-height:32px; height:32px;}

.subscribe01{ overflow:hidden; margin-top:15px;}
.subscribe01 span{ font-size:14px; line-height:34px; height:34px; float:left; display:block; width:70px;}
.subscribe01 p{ font-size:14px; line-height:34px; height:34px; float:left; display:block; width:calc(100% - 70px); position:relative;}
.subscribe01 p input{ width:100%; height:34px; display:block; overflow:hidden; opacity:0; z-index:2; position:absolute; left:0; top:0;}
.subscribe01 p a{ width:100%; height:34px; line-height:32px; font-size:14px; border:1px solid #ddd; background-color:#f1f1f1; display:block; overflow:hidden; text-align:center; box-sizing:border-box;}
.subscribe02{ overflow:hidden; margin-top:15px;}
.subscribe02 input{ width:200px; height:34px; line-height:34px; display:block; overflow:hidden; margin:auto; background-color:#f2a90e; color:#fff; cursor:pointer; font-size:14px;}
}


/*弹出框*/
@media screen and (min-width:769px){
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(http://www.lreading.cn/Public/Home/css/__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(http://www.lreading.cn/Public/Home/css/__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #f2a90e; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}
}
@media only screen and (max-width: 768px){
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); padding-bottom:20px; background-color: #ffffff; z-index: 2147000001; width: 90%; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{ text-align:center; padding:20px 15px;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; height:28px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{ display:none;}
.xcConfirm .popBox .txtBox{padding:20px; padding-top:0; text-align:center; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{ display:none;}
.xcConfirm .popBox .txtBox p{ font-size:14px; line-height: 24px;}
.xcConfirm .popBox .btnArea{ text-align:center;}
.xcConfirm .popBox .btnGroup .sgBtn{ text-align:center;}
.xcConfirm .popBox .sgBtn{display:inline-block; margin:0 10px; cursor: pointer; text-align:center; font-size:14px; line-height:24px; color:#f2a90e; font-variant:normal;}
.xcConfirm .popBox .sgBtn:nth-child(2){ color:#333;}

.kefubox .floor:first-child{ display:none !important;}
.kefubox .floor:last-child{ display:none !important;}
}