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

*{ margin:0; padding:0; border:none; border-radius:0; outline:none; }
a{ text-decoration:none; color:#333;}
dl,dd,dt,ol,ul,li{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display: none;}
body,html{ width:100%; height:100%; color:#333; font-size:14px; font-family: "Microsoft YaHei";}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}


/*index*/
@media screen and (min-width:1280px){
.hebox{ width:100%; height:90px; position:absolute; left:0; top:0; z-index:11; background-color:rgba(0,0,0,0.7);}
.header{ width:1200px; margin:auto;}
.header .logo{ height:50px; float:left; padding-top:20px;}
.header .logo img{ display:block; height:50px;}
.header .logo01{ display:none;}
.header .nav{ height:100px; float:right; width:700px;}
.header .nav ul{ display:block; float:left; width:684px; height:100px;}
.header .nav ul li{ display:block; float:left; margin-right:33px; height:80px; padding-top:20px; line-height:50px; font-size:14px; position:relative;}
.header .nav ul li a{ color:#aaa;}
.header .nav ul li b{ display:block; background-image:url(../images/nav_03.jpg); background-position:bottom center; background-repeat:no-repeat; width:100%; height:0; position:absolute; left:0; top:0; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.header .nav ul li:hover a,.header .nav ul li.on a{ color:#fff;}
.header .nav ul li:hover b,.header .nav ul li.on b{ height:25px;}
.header .nav ul li p{ display:none; position:absolute; left:50%; top:90px; width:90px; margin-left:-45px; background-color:rgba(0,0,0,0.7); padding-bottom:10px;}
.header .nav ul li p a{ display:block; height:24px; line-height:24px; font-size:13px; text-align:center; width:100%; color:#aaa !important; text-shadow:2px 2px 2px #000;}
.header .nav ul li p a:hover{ color:#fff !important;}
.header .nav ul li:hover p{ display:block;}
.header .nav .ser{ width:16px; height:32px; position:relative; margin-top:29px; float:left;}
.header .nav .ser span{ width:16px; height:16px; cursor:pointer; display:block; margin:8px 0;}
.header .nav .ser span img{ display:block; height:16px;} 
.header .nav .ser p{ width:0; height:32px; background-color:#fff; position:absolute; right:0; top:0; z-index:11; overflow:hidden; display:block; transition:width .5s; -moz-transition:width .5s; -webkit-transition:width .5s; -o-transition:width .5s;}
.header .nav .ser p .sub{ width:32px; height:32px; display:block; float:left; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-color:#eee; cursor:pointer;}
.header .nav .ser p .text{ width:130px; padding-left:10px; height:32px; line-height:32px; font-size:14px; float:left; display:block;}
.header .nav .ser p .close{ width:28px; height:32px; line-height:32px; font-size:20px; text-align:center; float:left; display:block; color:#999; cursor:pointer;}
.header .nav .ser p.width{ width:200px;}
.header .nav_btn{ display:none;}

.banner{ width:100%; height:640px; position:relative; z-index:3;}
.banner .pic{ width:100%; height:640px; position:relative; display:block; z-index:0;}
.banner .pic li{ display:block; height:640px; overflow:hidden; background-position:center; background-repeat:no-repeat;}
.banner .prev,.banner .next { width:45px; height:99px; position:absolute; top:50%; margin-top:-50px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.banner .prev { background-image:url(../images/left_02.png); left:3%;}
.banner .next { background-image:url(../images/right_04.png); right:3%;}
.banner:hover .prev,.banner:hover .next { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
.banner .hd{ width:100%; left:0; bottom:20px; z-index:2; position:absolute; text-align:center;}
.banner .hd li{ display:inline-block; font-size:14px; color:#aaa; text-decoration:line-through; height:16px; line-height:16px; cursor:pointer;}
.banner .hd span{ display:inline-block; font-size:14px; color:#aaa; height:16px; line-height:16px; margin:0 3px;}
.banner .hd li.on{ color:#f4b01c; text-decoration:none;}
}

@media screen and (min-width: 769px) and (max-width: 1279px){
.header{ width:94%; padding:15px 3%; background-color:#fff; position:relative; z-index:11; height:50px;}
.header .logo{ display:none;}
.header .logo01{ height:50px; float:left;}
.header .logo01 img{ display:block; height:50px;}
.header .nav{ display:none;}
.header .nav_btn{ height:30px; float:right; margin-top:10px;}
.header .nav_btn img{ display:block; height:30px;}
.nav_list{ width:100%; height:100%; box-sizing:border-box; overflow:hidden; box-sizing:border-box; position:absolute; left:0; top:0; padding-top:60px; background-color:rgba(0,0,0,0.5); overflow:hidden; z-index:10;}
.nav_list b{ width:13.2%; display:block; float:left; height:100%;}
.nav_list ul{ display:block; float:right; width:86.8%; box-sizing:border-box; height:100%; background-color:rgba(244,176,28,0.9); padding:10% 0;}
.nav_list ul li{ width:100%; text-align:center; display:block; font-size:18px; line-height:36px; height:36px;}
.nav_list ul li a{ color:#fff; text-transform:uppercase;}
}

@media screen and (min-width: 640px) and (max-width: 1280px){
.banner{ width:100%; height:350px; position:relative; z-index:3;}
.banner .pic{ width:100%; height:350px; position:relative; display:block; z-index:0;}
.banner .pic li{ display:block; height:350px; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .prev,.banner .next { width:45px; height:99px; position:absolute; top:50%; margin-top:-50px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.banner .prev { background-image:url(../images/left_02.png); left:3%;}
.banner .next { background-image:url(../images/right_04.png); right:3%;}
.banner:hover .prev,.banner:hover .next { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
.banner .hd{ width:100%; left:0; bottom:15px; z-index:2; position:absolute; text-align:center;}
.banner .hd li{ display:inline-block; font-size:14px; color:#aaa; text-decoration:line-through; height:16px; line-height:16px; cursor:pointer;}
.banner .hd span{ display:inline-block; font-size:14px; color:#aaa; height:16px; line-height:16px; margin:0 3px;}
.banner .hd li.on{ color:#f4b01c; text-decoration:none;}
}

@media only screen and (max-width: 768px){
.header{ width:94%; padding:15px 3%; background-color:#fff; position:relative; z-index:11; height:30px;}
.header .logo{ display:none;}
.header .logo01{ height:30px; float:left;}
.header .logo01 img{ display:block; height:30px;}
.header .nav{ display:none;}
.header .nav_btn{ height:24px; float:right; margin-top:3px;}
.header .nav_btn img{ display:block; height:24px;}
.nav_list{ width:100%; height:100%; box-sizing:border-box; overflow:hidden; box-sizing:border-box; position:absolute; left:0; top:0; padding-top:60px; background-color:rgba(0,0,0,0.5); overflow:hidden; z-index:10;}
.nav_list b{ width:13.2%; display:block; float:left; height:100%;}
.nav_list ul{ display:block; float:right; width:86.8%; box-sizing:border-box; height:100%; background-color:rgba(244,176,28,0.9); padding:10% 0;}
.nav_list ul li{ width:100%; text-align:center; display:block; font-size:18px; line-height:36px; height:36px;}
.nav_list ul li a{ color:#fff; text-transform:uppercase;}
}
@media only screen and (max-width: 639px){
.banner{ width:100%; height:180px; position:relative; z-index:3;}
.banner .pic{ width:100%; height:180px; position:relative; display:block; z-index:0;}
.banner .pic li{ display:block; height:180px; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .prev,.banner .next { width:23px; height:50px; position:absolute; top:50%; margin-top:-25px; z-index:3; filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6; background-size:cover;}
.banner .prev { background-image:url(../images/left_02.png); left:3%;}
.banner .next { background-image:url(../images/right_04.png); right:3%;}
.banner .hd{ width:100%; left:0; bottom:10px; z-index:2; position:absolute; text-align:center;}
.banner .hd li{ display:inline-block; font-size:14px; color:#aaa; text-decoration:line-through; height:16px; line-height:16px; cursor:pointer;}
.banner .hd span{ display:inline-block; font-size:14px; color:#aaa; height:16px; line-height:16px; margin:0 3px;}
.banner .hd li.on{ color:#f4b01c; text-decoration:none;}
}

/*about*/
@media screen and (min-width:1281px){
.abox{ width:1200px; margin:50px auto; margin-top:65px;}
.abox .title{ width:100%; background-image:url(../images/title_04.png); height:60px; text-align:center;}
.abox .title span{ display:block; font-size:30px; height:40px; line-height:40px;}
.abox .title p{ display:block; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#666;}
.abox .wen{ text-align:center; font-size:14px; line-height:36px; width:820px; height:144px; margin:33px auto; margin-bottom:19px; color:#666;}
.abox .more{ width:158px; height:38px; line-height:38px; border:1px solid #cacaca; margin:auto; border-radius:40px; text-align:center; font-size:14px;}
.abox .more a{ width:100%; height:38px; display:block; color:#666;}
.abox .more:hover{ border:1px solid #f4b01c;}
.abox .more:hover a{ color:#f4b01c;}
.gg{ width:100%; height:281px; background-position:center; background-repeat:no-repeat;}
}

@media screen and (min-width: 769px) and (max-width: 1280px){
.abox{ width:94%; margin:30px auto;}
.abox .title{ width:100%; background-image:url(../images/title_04.png); height:50px; text-align:center; background-position:center; background-repeat:no-repeat;}
.abox .title span{ display:block; font-size:24px; height:30px; line-height:30px;}
.abox .title p{ display:block; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#666;}
.abox .wen{ text-align:center; font-size:14px; line-height:30px; width:100%; margin:20px auto; color:#666;}
.abox .more{ width:158px; height:38px; line-height:38px; border:1px solid #cacaca; margin:auto; border-radius:40px; text-align:center; font-size:14px;}
.abox .more a{ width:100%; height:38px; display:block; color:#666;}
.abox .more:hover{ border:1px solid #f4b01c;}
.abox .more:hover a{ color:#f4b01c;}
.gg{ width:100%; height:240px; background-position:center; background-repeat:no-repeat; background-size:auto 240px;}
}

@media only screen and (max-width: 768px){
.abox{ width:94%; margin:20px auto;}
.abox .title{ width:100%; background-image:url(../images/title_04.png); height:44px; text-align:center; background-position:center; background-repeat:no-repeat;}
.abox .title span{ display:block; font-size:20px; height:24px; line-height:24px;}
.abox .title p{ display:block; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#666;}
.abox .wen{ text-align:center; font-size:14px; line-height:24px; width:100%; margin:10px auto; color:#666;}
.abox .more{ width:108px; height:32px; line-height:32px; border:1px solid #cacaca; margin:auto; border-radius:40px; text-align:center; font-size:14px;}
.abox .more a{ width:100%; height:32px; display:block; color:#666;}
.abox .more:hover{ border:1px solid #f4b01c;}
.abox .more:hover a{ color:#f4b01c;}
.gg{ width:100%; height:120px; background-position:center; background-repeat:no-repeat; background-size:auto 120px;}
}

/*case*/
@media screen and (min-width:1281px){
.cbox{ width:1200px; margin:70px auto; margin-top:65px;}
.cbox .title{ width:100%; background-image:url(../images/title_04.png); height:60px; text-align:center;}
.cbox .title span{ display:block; font-size:30px; height:40px; line-height:40px;}
.cbox .title p{ display:block; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#666;}

.cbox .case{ width:1200px; margin:auto; position:relative; margin-top:45px;}
.cbox .case .prev,.cbox .case .next{ width:27px; height:50px; display:block; position:absolute; top:50%; margin-top:-25px; cursor:pointer;}
.cbox .case .prev{ left:0;}
.cbox .case .next{ right:0;}
.cbox .case .bd{ width:1110px; margin:auto;}
.cbox .case .tempWrap{ width:100% !important;}
.cbox .case .bd li{ width:340px; height:440px; display:block; float:left; margin:0 15px; overflow:hidden; position:relative;}
.cbox .case .bd li .pic{ width:100%; height:440px;}
.cbox .case .bd li .pic img{ height:440px; display:block;
transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.cbox .case .bd 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 .case .bd li .text{ display:none; width:280px; height:344px; padding:48px 30px; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7);}
.cbox .case .bd li .text span{ text-align:center; margin-bottom:20px; height:23px; line-height:23px; text-align:center; font-size:18px; color:#fff; overflow:hidden; display:block;}
.cbox .case .bd li .text p{ font-size:14px; line-height:26px; color:#fff; display:block; overflow:hidden; height:286px;}
.cbox .case .bd li:hover .text{ display:block;}

.cbox .more{ width:400px; height:40px; margin:auto; margin-top:50px; text-align:center;}
.cbox .more a{ width:158px; height:38px; margin:0 20px; float:left; display:block; color:#666; line-height:38px; border:1px solid #cacaca; border-radius:40px; font-size:14px;}
.cbox .more a:hover{ color:#f4b01c; border:1px solid #f4b01c;}
}

@media screen and (min-width: 769px) and (max-width: 1280px){
.cbox{ width:94%; margin:30px auto;}
.cbox .title{ width:100%; background-image:url(../images/title_04.png); height:50px; text-align:center; background-position:center; background-repeat:no-repeat;}
.cbox .title span{ display:block; font-size:24px; height:30px; line-height:30px;}
.cbox .title p{ display:block; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#666;}

.cbox .case{ width:100%; position:relative; margin-top:30px;}
.cbox .case .prev,.cbox .case .next{ width:27px; height:50px; display:block; position:absolute; top:50%; margin-top:-25px; cursor:pointer; z-index:11;}
.cbox .case .prev{ left:1%;}
.cbox .case .next{ right:1%;}
.cbox .case .bd{ width:100%; position:relative; z-index:10;}
.cbox .case .tempWrap{ width:100% !important;}
.cbox .case .bd li{ width:310px; height:400px; display:block; float:left; margin-right:20px; overflow:hidden; position:relative;}
.cbox .case .bd li .pic{ width:100%; height:400px;}
.cbox .case .bd li .pic img{ height:400px; display:block;
transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.cbox .case .bd 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 .case .bd li .text{ display:none; width:270px; height:360px; padding:30px 20px; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7);}
.cbox .case .bd li .text span{ text-align:center; margin-bottom:20px; height:23px; line-height:23px; text-align:center; font-size:18px; color:#fff; overflow:hidden; display:block;}
.cbox .case .bd li .text p{ font-size:14px; line-height:26px; color:#fff; display:block; overflow:hidden; height:286px;}
.cbox .case .bd li:hover .text{ display:block;}

.cbox .more{ width:400px; height:40px; margin:auto; margin-top:30px; text-align:center;}
.cbox .more a{ width:158px; height:38px; margin:0 20px; float:left; display:block; color:#666; line-height:38px; border:1px solid #cacaca; border-radius:40px; font-size:14px;}
.cbox .more a:hover{ color:#f4b01c; border:1px solid #f4b01c;}
}

@media only screen and (max-width: 768px){
.cbox{ width:94%; margin:20px auto;}
.cbox .title{ width:100%; background-image:url(../images/title_04.png); height:44px; text-align:center; background-position:center; background-repeat:no-repeat;}
.cbox .title span{ display:block; font-size:20px; height:24px; line-height:24px;}
.cbox .title p{ display:block; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#666;}

.cbox .case{ width:100%; position:relative; margin-top:15px;}
.cbox .case .prev,.cbox .case .next{ width:13px; height:25px; display:block; position:absolute; top:50%; margin-top:-12px; cursor:pointer; z-index:11;}
.cbox .case .prev img,.cbox .case .next img{ display:block; height:25px;}
.cbox .case .prev{ left:1%;}
.cbox .case .next{ right:1%;}
.cbox .case .bd{ width:100%; position:relative; z-index:10;}
.cbox .case .tempWrap{ width:100% !important;}
.cbox .case .bd li{ width:170px; height:220px; display:block; float:left; margin-right:10px; overflow:hidden; position:relative;}
.cbox .case .bd li .pic{ width:170px; height:220px;}
.cbox .case .bd li .pic img{ height:220px; display:block;
transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.cbox .case .bd 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 .case .bd li .text{ display:block; height:40px; padding:0 3%; width:94%; position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7);}
.cbox .case .bd li .text span{ text-align:center; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; overflow:hidden; display:block;}
.cbox .case .bd li .text p{ display:none;}

.cbox .more{ width:240px; height:34px; margin:auto; margin-top:15px; text-align:center;}
.cbox .more a{ width:108px; height:32px; margin:0 5px; float:left; display:block; color:#666; line-height:32px; border:1px solid #cacaca; border-radius:40px; font-size:14px;}
.cbox .more a:hover{ color:#f4b01c; border:1px solid #f4b01c;}
}

/*business*/
@media screen and (min-width:1281px){
.bbox{ width:100%; padding:70px 0; padding-top:65px; background-color:#f1f1f1;}
.bbox .title{ width:1200px; margin:auto; background-image:url(../images/title_04.png); height:60px; text-align:center;}
.bbox .title span{ display:block; font-size:30px; height:40px; line-height:40px;}
.bbox .title p{ display:block; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#666;}

.bbox .box{ width:1200px; margin:auto; position:relative;}
.bbox .box .left{ margin-top:25px; display:block; margin-top:48px;}
.bbox .box .left li{ padding-left:90px; padding-top:33px; height:77px; background-image:url(../images/qy_23.jpg); background-position:top left; background-repeat:no-repeat; width:250px;}
.bbox .box .left li span{ display:block; font-size:18px; height:30px; line-height:30px; color:#f4b01c; overflow:hidden;}
.bbox .box .left li p{ display:block; font-size:14px; height:40px; line-height:20px; color:#333; overflow:hidden;}
.bbox .box .left li.b02{ margin-left:50px;}
.bbox .box .left li.b03{ margin-left:100px;}
.bbox .box .left li.b04{ margin-left:150px;}
.bbox .box .right{ width:726px; position:absolute; right:0; top:25px; z-index:0;}
.bbox .box .right img{ width:100%; display:block;}
}

@media screen and (min-width: 769px) and (max-width: 1280px){
.bbox{ width:94%; padding:30px 3%; background-color:#f1f1f1;}
.bbox .title{ width:100%; background-image:url(../images/title_04.png); height:50px; text-align:center; background-position:center; background-repeat:no-repeat;}
.bbox .title span{ display:block; font-size:24px; height:30px; line-height:30px;}
.bbox .title p{ display:block; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#666;}

.bbox .box{ width:100%; margin:auto; position:relative;}
.bbox .box .left{ margin-top:25px; width:490px; display:block; width:47%;}
.bbox .box .left li{ padding-left:70px; padding-top:20px; background-size:auto 100%; background-image:url(../images/qy_23.jpg); background-position:top left; background-repeat:no-repeat;}
.bbox .box .left li span{ display:block; font-size:18px; height:30px; line-height:30px; color:#f4b01c; overflow:hidden;}
.bbox .box .left li p{ display:block; font-size:14px; height:40px; line-height:20px; color:#333; overflow:hidden;}
.bbox .box .right{ width:50%; position:absolute; right:0; top:25px; z-index:0;}
.bbox .box .right img{ width:100%; display:block;}
}

@media only screen and (max-width: 768px){
.bbox{ width:94%; padding:20px 3%; background-color:#f1f1f1;}
.bbox .title{ width:100%; background-image:url(../images/title_04.png); height:44px; text-align:center; background-position:center; background-repeat:no-repeat;}
.bbox .title span{ display:block; font-size:20px; height:24px; line-height:24px;}
.bbox .title p{ display:block; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#666;}

.bbox .box{ width:100%; margin:auto; position:relative;}
.bbox .box .left{ display:block; width:100%;}
.bbox .box .left li{ padding-left:70px; padding-top:20px; margin-top:10px; background-size:auto 100%; background-image:url(../images/qy_23.jpg); background-position:top left; background-repeat:no-repeat;}
.bbox .box .left li span{ display:block; font-size:16px; height:26px; line-height:26px; color:#f4b01c; overflow:hidden;}
.bbox .box .left li p{ display:block; font-size:14px; height:40px; line-height:20px; color:#333; overflow:hidden;}
.bbox .box .right{ width:100%; margin-top:15px;}
.bbox .box .right img{ width:100%; display:block;}
}

/*video*/
@media screen and (min-width:1281px){
.vbox{ width:100%; height:680px; position:relative;}
.vbox .video{ width:100%; height:680px;}
.vbox .video video{ width:100%; height:680px; display:block; overflow:hidden;}
.vbox .mask{ width:100%; height:680px; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7);}
.vbox .mask .top{ height:355px;}
.vbox .mask .top b{ height:0; display:block; transition:height 1s; -moz-transition:height 1s; -webkit-transition:height 1s; -o-transition:height 1s;}
.vbox .mask img{ display:none;}
.vbox .mask .bottom{ width:100%; height:0; position:absolute; left:0; bottom:0; transition:height 1s; -moz-transition:height 1s; -webkit-transition:height 1s; -o-transition:height 1s;}
.vbox .mask:hover .top b{ height:295px;}
.vbox .mask:hover .bottom{ height:295px;}
.vbox .mask:hover img{ display:block; margin:auto;}
}

@media screen and (min-width: 769px) and (max-width: 1280px){
.vbox{ width:100%; height:480px; position:relative;}
.vbox .video{ width:100%; height:480px;}
.vbox .video video{ width:100%; height:480px; display:block; overflow:hidden;}
.vbox .mask{ width:100%; height:480px; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7);}
.vbox .mask .top{ height:255px;}
.vbox .mask .top b{ height:195px; display:block; transition:height 1s; -moz-transition:height 1s; -webkit-transition:height 1s; -o-transition:height 1s;}
.vbox .mask img{ display:block; margin:auto;}
.vbox .mask .bottom{ width:100%; height:195px; position:absolute; left:0; bottom:0; transition:height 1s; -moz-transition:height 1s; -webkit-transition:height 1s; -o-transition:height 1s;}
}

@media only screen and (max-width: 768px){
.vbox{ width:100%; height:280px; position:relative;}
.vbox .video{ width:100%; height:280px;}
.vbox .video video{ width:100%; height:280px; display:block; overflow:hidden;}
.vbox .mask{ width:100%; height:280px; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7);}
.vbox .mask .top{ height:155px;}
.vbox .mask .top b{ height:115px; display:block; transition:height 1s; -moz-transition:height 1s; -webkit-transition:height 1s; -o-transition:height 1s;}
.vbox .mask .top img{ display:block; margin:auto; height:40px;}
.vbox .mask .bottom{ width:100%; height:115px; position:absolute; left:0; bottom:0; transition:height 1s; -moz-transition:height 1s; -webkit-transition:height 1s; -o-transition:height 1s;}
.vbox .mask .bottom img{ display:block; margin:auto; height:34px;}
}

/*hezuo*/
@media screen and (min-width:1281px){
.hbox{ width:100%; padding:70px 0; padding-top:65px; background-color:#fff;}
.hbox .title{ width:1200px; margin:auto; background-image:url(../images/title_04.png); height:60px; text-align:center;}
.hbox .title span{ display:block; font-size:30px; height:40px; line-height:40px;}
.hbox .title p{ display:block; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#666;}

.hbox .list{ width:1200px; margin:auto; display:block; padding-top:25px;}
.hbox .list li{ width:25%; display:block; float:left; overflow:hidden; margin-top:20px;}
.hbox .list li p{ width:240px; height:210px; display:table; margin:auto; overflow:hidden; background-image:url(../images/kh_32.jpg); background-position:center; background-repeat:no-repeat; text-align:center; vertical-align:middle;}
.hbox .list li p b{ width:240px; height:210px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.hbox .list li p b img{ max-height:110px; max-width:170px;}
.hbox .list li:hover p{ background-image:url(../images/kh01_30.jpg);}
}

@media screen and (min-width: 769px) and (max-width: 1280px){
.hbox{ width:94%; padding:30px 3%; background-color:#fff;}
.hbox .title{ width:100%; background-image:url(../images/title_04.png); height:50px; text-align:center; background-position:center; background-repeat:no-repeat;}
.hbox .title span{ display:block; font-size:24px; height:30px; line-height:30px;}
.hbox .title p{ display:block; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#666;}

.hbox .list{ width:100%; margin:auto; display:block;}
.hbox .list li{ width:25%; display:block; float:left; overflow:hidden; margin-top:20px;}
.hbox .list li p{ width:200px; height:175px; display:table; margin:auto; overflow:hidden; background-image:url(../images/kh01_30.jpg); background-position:center; background-repeat:no-repeat; text-align:center; vertical-align:middle; background-size:100% 100%;}
.hbox .list li p b{ width:200px; height:175px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.hbox .list li p b img{ max-height:92px; max-width:140px;}
}

@media only screen and (max-width: 768px){
.hbox{ width:94%; padding:20px 3%; background-color:#fff;}
.hbox .title{ width:100%; background-image:url(../images/title_04.png); height:44px; text-align:center; background-position:center; background-repeat:no-repeat;}
.hbox .title span{ display:block; font-size:20px; height:24px; line-height:24px;}
.hbox .title p{ display:block; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#666;}

.hbox .list{ width:100%; margin:auto; display:block;}
.hbox .list li{ width:50%; display:block; float:left; overflow:hidden; margin-top:10px;}
.hbox .list li p{ width:160px; height:140px; display:table; margin:auto; overflow:hidden; background-image:url(../images/kh01_30.jpg); background-position:center; background-repeat:no-repeat; text-align:center; vertical-align:middle; background-size:100% 100%;}
.hbox .list li p b{ width:160px; height:140px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.hbox .list li p b img{ max-height:72px; max-width:100px;}
}

/*news*/
@media screen and (min-width:1281px){
.nbox{ width:100%; padding-bottom:70px; padding-top:65px; background-color:#f1f1f1;}
.nbox .title{ width:1200px; margin:auto; background-image:url(../images/title_04.png); height:60px; text-align:center;}
.nbox .title span{ display:block; font-size:30px; height:40px; line-height:40px;}
.nbox .title p{ display:block; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#666;}

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

.nbox .more{ width:158px; height:38px; line-height:38px; border:1px solid #cacaca; margin:auto; border-radius:40px; text-align:center; font-size:14px;}
.nbox .more a{ width:100%; height:38px; display:block; color:#666;}
.nbox .more:hover{ border:1px solid #f4b01c;}
.nbox .more:hover a{ color:#f4b01c;}
}

@media screen and (min-width: 769px) and (max-width: 1280px){
.nbox{ width:100%; padding:30px 0; background-color:#f1f1f1;}
.nbox .title{ width:94%; margin:auto; background-image:url(../images/title_04.png); height:50px; text-align:center; background-position:center; background-repeat:no-repeat;}
.nbox .title span{ display:block; font-size:24px; height:30px; line-height:30px;}
.nbox .title p{ display:block; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#666;}

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

.nbox .more{ width:158px; height:38px; line-height:38px; border:1px solid #cacaca; margin:auto; border-radius:40px; text-align:center; font-size:14px;}
.nbox .more a{ width:100%; height:38px; display:block; color:#666;}
.nbox .more:hover{ border:1px solid #f4b01c;}
.nbox .more:hover a{ color:#f4b01c;}
}

@media only screen and (max-width: 768px){
.nbox{ width:100%; padding:20px 0; background-color:#f1f1f1;}
.nbox .title{ width:94%; margin:auto; background-image:url(../images/title_04.png); height:44px; text-align:center; background-position:center; background-repeat:no-repeat;}
.nbox .title span{ display:block; font-size:20px; height:24px; line-height:24px;}
.nbox .title p{ display:block; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#666;}

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

.nbox .more{ width:108px; height:32px; line-height:32px; border:1px solid #cacaca; margin:auto; border-radius:40px; text-align:center; font-size:14px;}
.nbox .more a{ width:100%; height:32px; display:block; color:#666;}
.nbox .more:hover{ border:1px solid #f4b01c;}
.nbox .more:hover a{ color:#f4b01c;}
}

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

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

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

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

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

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

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

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

/*内页*/
@media screen and (min-width:1281px){
.ban{ width:100%; height:540px; position:relative; z-index:-1;}
.ban img{ width:1920px; display:block; position:absolute; left:50%; margin-left:-960px; top:0;}
.ban p{ width:1920px; height:38px; position:absolute; right:50%; margin-right:-960px; bottom:50px;}
.ban p b{ height:5px; background-color:#f4b01c; width:600px; display:block; float:right; margin-top:33px;}
.ban p span{ height:38px; line-height:38px; font-size:50px; text-transform:uppercase; color:#f4b01c; display:block; float:right;}

.main{ width:100%; padding-bottom:50px; margin-top:-50px;}
.main .lbar{ width:100%; height:50px; background-color:rgba(0,0,0,0.7);}
.main .lbar .sav{ width:1200px; margin:auto; text-align:center;}
.main .lbar .sav dt{ display:none;}
.main .lbar .sav dd{ width:200px; height:50px; line-height:50px; display:block; float:left;}
.main .lbar .sav dd a{ font-size:16px; color:#fff; display:block; width:100%; height:50px;}
.main .lbar .sav dd a:hover{ color:#f4b01c;}
.main .lbar .sav dd.on a{ background-color:#f4b01c; color:#fff;}
/*.main .lbar .sav dt{ padding:8px 20px; background-color:#f4b01c; height:84px;  display:block; width:200px;}
.main .lbar .sav dt span{ display:block; color:#fff; font-size:30px; height:52px; line-height:52px;}
.main .lbar .sav dt p{ text-align:right; display:block; color:#fff; font-size:22px; height:22px; line-height:22px; text-transform:uppercase;}
.main .lbar .sav dd{ width:238px; height:44px; border:1px solid #cacaca; border-top:none; display:block; position:relative;}
.main .lbar .sav dd b{ width:0; height:44px; display:block; background-color:#f7f7f7; position:absolute; left:0; bottom:0; transition: width .5s; -moz-transition: width .5s; -webkit-transition: width .5s; -o-transition: width .5s; z-index:0;}
.main .lbar .sav dd a{ width:200px; height:44px; line-height:44px; position:absolute; left:19px; top:0; z-index:11; font-size:16px;}
.main .lbar .sav dd.on b,.main .lbar .sav dd:hover b{ width:100%;}
.main .lbar .sav dd.on a,.main .lbar .sav dd:hover a{ color:#f4b01c;}*/

.main .lbar .lian{ display:none;}
/*.main .lbar .lian{ width:238px; border:1px solid #cacaca; padding:18px 0; margin-top:20px; text-align:center;}
.main .lbar .lian span{ width:100%; height:42px; line-height:42px; font-size:28px; color:#f4b01c; display:block; overflow:hidden;}
.main .lbar .lian p{ width:100%; height:32px; line-height:32px; font-size:14px; color:#999; display:block; overflow:hidden; margin-bottom:18px;}
.main .lbar .lian a{ width:130px; height:36px; display:block; margin:2px auto;}*/

.main .rbar{ width:1200px; margin:auto; margin-top:10px;}
.main .rbar .title{ width:100%; border-bottom:1px solid #cacaca; height:44px;}
.main .rbar .title span{ height:20px; line-height:20px; float:left; display:block; font-size:18px; color:#f4b01c; border-left:4px solid #f4b01c; margin:12px 0; font-weight:bold; padding-left:10px;}
.main .rbar .title p{ height:44px; line-height:44px; float:right; text-align:right; display:block; font-size:14px; color:#333;}
}

@media screen and (min-width: 769px) and (max-width: 1280px){
.ban{ width:100%; height:360px; position:relative; z-index:-1;}
.ban img{ width:1280px; display:block; position:absolute; left:50%; margin-left:-640px; top:0;}
.ban p{ display:none;}

.main{ width:100%; margin:auto; margin-top:-44px; padding-bottom:25px;}
.main .lbar{ width:100%;}
.main .lbar .sav{ width:100%; height:44px; background-color:rgba(0,0,0,0.7);}
.main .lbar .sav dt{ width:14%; background-color:#f4b01c; height:44px; display:block; float:left; text-align:center;}
.main .lbar .sav dt span{ color:#fff; display:block; height:44px; line-height:44px;}
.main .lbar .sav dt p{ display:none;}
.main .lbar .sav dd{ height:44px; display:block; float:left; margin-left:3%;}
.main .lbar .sav dd b{ display:none;}
.main .lbar .sav dd a{ height:44px; line-height:44px; color:#999; font-size:16px;}
.main .lbar .sav dd.on a,.main .lbar .sav dd:hover a{ color:#fff;}
.main .lbar .an{ display:none;}
.main .lbar .lian{ display:none;}

.main .rbar{ width:100%;}
.main .rbar .title{ width:94%; margin:auto; border-bottom:1px solid #cacaca; height:44px;}
.main .rbar .title span{ height:20px; line-height:20px; float:left; display:block; font-size:18px; color:#f4b01c; border-left:4px solid #f4b01c; margin:12px 0; font-weight:bold; padding-left:10px;}
.main .rbar .title p{ height:44px; line-height:44px; float:right; text-align:right; display:block; font-size:14px; color:#333;}
}

@media only screen and (max-width: 768px) {
.ban{ width:100%; height:210px; position:relative; z-index:-1;}
.ban img{ width:746px; display:block; position:absolute; left:50%; margin-left:-373px; top:0;}
.ban p{ display:none;}

.main{ width:100%; margin:auto; margin-top:-34px; padding-bottom:25px;}
.main .lbar{ width:100%;}
.main .lbar .sav{ width:100%; height:34px; background-color:rgba(0,0,0,0.7); display:table; text-align:left; vertical-align:middle;}
.main .lbar .sav dt{ width:20%; background-color:#f4b01c; height:34px; display:block; float:left; text-align:center;}
.main .lbar .sav dt span{ color:#fff; display:inline-table; text-align:left; vertical-align:middle; height:34px; line-height:34px;}
.main .lbar .sav dt p{ display:none;}
.main .lbar .sav dd{ height:34px; display:inline-table; vertical-align:middle; float:left; margin-left:3%;}
.main .lbar .sav dd b{ display:none;}
.main .lbar .sav dd a{ height:34px; line-height:34px; color:#999; font-size:14px;}
.main .lbar .sav dd.on a,.main .lbar .sav dd:hover a{ color:#fff;}
.main .lbar .an{ display:none;}
.main .lbar .lian{ display:none;}

.main .rbar{ width:100%;}
.main .rbar .title{ width:94%; margin:auto; border-bottom:1px solid #cacaca; height:44px;}
.main .rbar .title span{ width:100%; text-align:center; height:44px; line-height:44px; float:left; display:block; font-size:18px; color:#f4b01c;}
.main .rbar .title p{ display:none;}
}

/*about*/
@media screen and (min-width:1281px){
.rbar .wen{ width:100%; padding-top:20px; font-size:14px; line-height:24px;}
.rbar .wen img{ max-width:100%;}
}

@media screen and (min-width: 769px) and (max-width: 1280px){
.rbar .wen{ width:94%; margin:auto; padding-top:10px; font-size:14px; line-height:24px;}
.rbar .wen img{ max-width:100%;}
}

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

/*team*/
@media screen and (min-width:1281px){
.rbar .list{ width:1220px; overflow:hidden; margin:auto;}
.rbar .list li{ display:block; float:left; width:250px; height:300px; overflow:hidden; position:relative; margin-right:20px; margin-top:20px; background-color:#eee;}
.rbar .list li strong{ width:100%; height:220px; overflow:hidden; display:block;}
.rbar .list li strong img{ width:100%; display:block;
transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.rbar .list li p{ padding:15px 20px; display:block; overflow:hidden; height:50px; position:relative;}
.rbar .list li p span{ display:block; font-size:18px; height:28px; line-height:28px; width:180px; overflow:hidden;}
.rbar .list li p strong{ font-weight:normal; display:block; font-size:14px; color:#666; height:22px; line-height:22px; width:180px; overflow:hidden;}
.rbar .list li p b{ position:absolute; right:0; top:20px; height:40px; width:46px; border-left:1px solid #999; background-image:url(../images/g01.jpg); background-position:center; background-repeat:no-repeat;}
.rbar .list li:hover{ background-color:#f4b01c;}
.rbar .list li:hover span,.rbar .list li:hover strong{ color:#fff;}
.rbar .list li:hover b{ background-image:url(../images/g01h.jpg);}
.rbar .list li:hover img{
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}

.fanye{ width:100%; margin-top:30px; display:table; vertical-align:middle;}
.fanye h1{ display:table-cell; font-weight:normal; text-align:left; font-size:16px; height:36px; line-height:36px; color:#333;}
.fanye h2{ display:table-cell; font-weight:normal; text-align:right; font-size:16px; height:36px; line-height:36px; color:#333;}
.fanye p{ display:table-cell; text-align:center;}
.fanye p span{ display:inline-table; min-width:24px; padding:0 5px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; background:#f4b01c; border:1px solid #f4b01c; color:#fff; border-radius:4px;}
.fanye p a{ display:inline-table; min-width:24px; padding:0 5px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; border:1px solid #cacaca; color:#333; border-radius:4px;}
}

@media screen and (min-width: 769px) and (max-width: 1280px){
.rbar .list{ width:100%; overflow:hidden;}
.rbar .list li{ display:block; float:left; width:29.33%; overflow:hidden; position:relative; margin-left:3%; margin-top:15px; background-color:#eee;}
.rbar .list li strong{ width:100%; height:180px; overflow:hidden; display:block;}
.rbar .list li strong img{ width:100%; display:block;}
.rbar .list li p{ padding:15px 20px; display:block; overflow:hidden; height:50px; position:relative;}
.rbar .list li p span{ display:block; font-size:18px; height:28px; line-height:28px; width:180px; overflow:hidden;}
.rbar .list li p strong{ font-weight:normal; display:block; font-size:14px; color:#666; height:22px; line-height:22px; width:180px; overflow:hidden;}
.rbar .list li p b{ position:absolute; right:0; top:20px; height:40px; width:46px; border-left:1px solid #999; background-image:url(../images/g01.jpg); background-position:center; background-repeat:no-repeat;}
.rbar .list li:hover{ background-color:#f4b01c;}
.rbar .list li:hover span,.rbar .list li:hover strong{ color:#fff;}
.rbar .list li:hover b{ background-image:url(../images/g01h.jpg);}

.fanye{ width:94%; margin:auto; margin-top:15px; display:table; vertical-align:middle;}
.fanye h1{ display:table-cell; font-weight:normal; text-align:left; font-size:16px; height:36px; line-height:36px; color:#333;}
.fanye h2{ display:table-cell; font-weight:normal; text-align:right; font-size:16px; height:36px; line-height:36px; color:#333;}
.fanye p{ display:table-cell; text-align:center;}
.fanye p span{ display:inline-table; min-width:24px; padding:0 5px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; background:#f4b01c; border:1px solid #f4b01c; color:#fff; border-radius:4px;}
.fanye p a{ display:inline-table; min-width:24px; padding:0 5px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; border:1px solid #cacaca; color:#333; border-radius:4px;}

}

@media only screen and (max-width: 768px) {
.rbar .list{ width:100%; margin:auto; overflow:hidden;}
.rbar .list li{ display:block; float:left; width:45.5%; margin-left:3%; overflow:hidden; position:relative; margin-top:10px; background-color:#eee;}
.rbar .list li strong{ width:100%; height:160px; overflow:hidden; display:block;}
.rbar .list li strong img{ width:100%; display:block;}
.rbar .list li p{ padding:5px 3%; width:94%; display:block; overflow:hidden; height:46px; position:relative;}
.rbar .list li p span{ display:block; font-size:16px; height:24px; line-height:24px; overflow:hidden;}
.rbar .list li p strong{ font-weight:normal; display:block; font-size:14px; color:#666; height:22px; line-height:22px; overflow:hidden;}
.rbar .list li p b{ position:absolute; right:0; top:8px; height:40px; width:46px; border-left:1px solid #999; background-image:url(../images/g01.jpg); background-position:center; background-repeat:no-repeat;}
.rbar .list li:hover{ background-color:#f4b01c;}
.rbar .list li:hover span,.rbar .list li:hover strong{ color:#fff;}
.rbar .list li:hover b{ background-image:url(../images/g01h.jpg);}

.fanye{ width:94%; margin:auto; margin-top:10px; display:table; vertical-align:middle;}
.fanye h1{ display:none;}
.fanye h2{ display:none;}
.fanye p{ display:table-cell; text-align:center;}
.fanye p span{ display:inline-table; min-width:14px; padding:0 5px; line-height:24px; font-size:14px; text-align:center; margin:0 3px; background:#f4b01c; border:1px solid #f4b01c; color:#fff; border-radius:4px;}
.fanye p a{ display:inline-table; min-width:14px; padding:0 5px; line-height:24px; font-size:14px; text-align:center; margin:0 3px; border:1px solid #cacaca; color:#333; border-radius:4px;}
}

/*新闻内页*/
@media screen and (min-width:1281px){
.rbar .tou{ text-align:center; font-size:18px; color:#f4b01c; line-height:40px; margin-top:2%;}
.rbar .sj{ font-size:14px; text-align:center; line-height:20px; color:#666; border-bottom:1px solid #cacaca; margin:auto; padding-bottom:1%;}
.rbar .back{ width:100%; margin-top:2%;}
.rbar .back .pre{ width:800px; overflow:hidden;}
.rbar .back .pre p{ height:24px; overflow:hidden; font-size:14px; color:#333; line-height:24px; display:block;}
.rbar .back .pre a:hover{ color:#f4b01c;}
.rbar .fh a{ color:#f4b01c; font-size:14px;}
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
.rbar .tou{ width:94%; margin:auto; text-align:center; font-size:18px; color:#f4b01c; line-height:40px; margin-top:1%;}
.rbar .sj{ width:94%; margin:auto; font-size:14px; text-align:center; line-height:20px; color:#666; border-bottom:1px solid #cacaca; margin:auto; padding-bottom:0.5%;}
.rbar .back{ width:94%; margin:auto; margin-top:1%;}
.rbar .back .pre{ width:80%; overflow:hidden;}
.rbar .back .pre p{ height:24px; overflow:hidden; font-size:14px; color:#333; line-height:24px; display:block;}
.rbar .back .pre a:hover{ color:#f4b01c;}
.rbar .fh a{ color:#f4b01c; font-size:14px;}

}

@media only screen and (max-width: 768px) {
.rbar .tou{ width:94%; margin:auto; text-align:center; font-size:16px; color:#f4b01c; line-height:26px; margin-top:2%;}
.rbar .sj{ width:94%; margin:auto; font-size:14px; text-align:center; line-height:20px; color:#666; border-bottom:1px solid #cacaca; margin:auto; padding-bottom:0.5%;}
.rbar .back{ width:94%; margin:auto; margin-top:1%;}
.rbar .back .pre{ display:none;}
.rbar .fh{ width:100%; text-align:center;}
.rbar .fh a{ color:#f4b01c; font-size:14px;}
}

/*企业荣誉*/
@media screen and (min-width:1281px){
.rbar .case{ width:1220px; display:block;}
.rbar .case li{ width:285px; height:240px; display:block; float:left; overflow:hidden; margin-top:20px; margin-right:20px;}
.rbar .case li a{ width:100%; height:240px; display:block; position:relative; overflow:hidden;}
.rbar .case li a img{ width:100%; display:block;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.rbar .case li:hover img{
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.rbar .case li p{ width:94%; padding:0 3%; display:block; overflow:hidden; height:36px; line-height:36px; font-size:14px; text-align:center; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; color:#fff;}
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
.rbar .case{ width:100%; display:block;}
.rbar .case li{ width:29.33%; height:220px; display:block; float:left; overflow:hidden; margin-top:15px; margin-left:3%;}
.rbar .case li a{ width:100%; height:220px; display:block; position:relative; overflow:hidden;}
.rbar .case li a img{ width:100%; display:block;}
.rbar .case li p{ width:94%; padding:0 3%; display:block; overflow:hidden; height:36px; line-height:36px; font-size:14px; text-align:center; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; color:#fff;}
}

@media only screen and (max-width: 768px) {
.rbar .case{ width:100%; display:block;}
.rbar .case li{ width:45.5%; margin-left:3%; float:left; height:160px; display:block; overflow:hidden; margin-top:10px;}
.rbar .case li a{ width:100%; height:160px; display:block; position:relative; overflow:hidden;}
.rbar .case li a img{ width:100%; display:block;}
.rbar .case li p{ width:94%; padding:0 3%; display:block; overflow:hidden; height:36px; line-height:36px; font-size:14px; text-align:center; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; color:#fff;}
}

/*行业新闻*/
@media screen and (min-width:1281px){
.rbar .news{ width:100%; display:block;}
.rbar .news li{ width:100%; display:block; padding-bottom:20px; border-bottom:1px solid #cacaca; overflow:hidden;}
.rbar .news li .bt{ display:block; height:58px; line-height:58px; font-size:18px; width:100%;}
.rbar .news li .bt span{ display:block; float:left; color:#f4b01c;}
.rbar .news li .tu{ width:240px; height:160px; float:left;}
.rbar .news li .tu img{ width:100%; display:block;}
.rbar .news li .wz{ width:940px; margin-left:20px; float:left;}
.rbar .news li .wz p{ width:100%; font-size:14px; line-height:24px; height:120px; display:block; overflow:hidden;}
.rbar .news li .wz span{ width:100%; padding-top:10px; font-size:14px; line-height:20px; height:20px; display:block; overflow:hidden;}
.rbar .news li .wz span strong{ display:block; float:left; font-weight:normal; padding-left:30px; background-image:url(../images/time.jpg); background-position:left center; background-repeat:no-repeat; color:#999;}
.rbar .news li .wz span a{ display:block; float:right; text-decoration:underline; color:#999; text-transform:uppercase;}
.rbar .news li a:hover{ color:#f4b01c !important;}
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
.rbar .news{ width:94%; margin:auto; display:block;}
.rbar .news li{ width:100%; display:block; padding-bottom:15px; border-bottom:1px solid #cacaca; overflow:hidden;}
.rbar .news li .bt{ display:block; height:42px; line-height:42px; font-size:16px; width:100%;}
.rbar .news li .bt span{ display:block; float:left; color:#f4b01c;}
.rbar .news li .tu{ width:40%; height:150px; float:left;}
.rbar .news li .tu img{ width:100%; display:block;}
.rbar .news li .wz{ width:57%; margin-left:3%; float:left;}
.rbar .news li .wz p{ width:100%; font-size:14px; line-height:24px; height:120px; display:block; overflow:hidden;}
.rbar .news li .wz span{ width:100%; padding-top:10px; font-size:14px; line-height:20px; height:20px; display:block; overflow:hidden;}
.rbar .news li .wz span strong{ display:block; float:left; font-weight:normal; padding-left:30px; background-image:url(../images/time.jpg); background-position:left center; background-repeat:no-repeat; color:#999;}
.rbar .news li .wz span a{ display:block; float:right; text-decoration:underline; color:#999; text-transform:uppercase;}
.rbar .news li a:hover{ color:#f4b01c !important;}
}

@media only screen and (max-width: 768px) {
.rbar .news{ width:94%; margin:auto; display:block;}
.rbar .news li{ width:100%; display:block; padding-bottom:15px; border-bottom:1px solid #cacaca; overflow:hidden;}
.rbar .news li .bt{ display:block; height:42px; line-height:42px; font-size:16px; width:100%;}
.rbar .news li .bt span{ display:block; float:left; color:#f4b01c;}
.rbar .news li .tu{ width:40%; height:80px; float:left;}
.rbar .news li .tu img{ width:100%; display:block;}
.rbar .news li .wz{ width:57%; margin-left:3%; float:left;}
.rbar .news li .wz p{ width:100%; font-size:14px; line-height:24px; height:48px; display:block; overflow:hidden;}
.rbar .news li .wz span{ width:100%; padding-top:5px; font-size:14px; line-height:20px; height:20px; display:block; overflow:hidden;}
.rbar .news li .wz span strong{ display:none;}
.rbar .news li .wz span a{ display:block; float:left; text-decoration:underline; color:#999; text-transform:uppercase;}
.rbar .news li a:hover{ color:#f4b01c !important;}
}

/*联系我们*/
@media screen and (min-width:1281px){
#container01{ width:1198px; height:458px; border:1px solid #cacaca; margin-top:20px;}
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
#container01{ width:94%; height:358px; border:1px solid #cacaca; margin:auto; margin-top:15px;}
}

@media only screen and (max-width: 768px) {
#container01{ width:94%; height:258px; border:1px solid #cacaca; margin:auto; margin-top:15px;}
}

/*在线留言*/
@media screen and (min-width:1281px){
.mess{ width:560px; margin:auto;}
.mess li{ width:100%; overflow:hidden; margin-top:20px;}
.mess li span{ display:block; float:left; margin-right:10px; width:90px; text-align:right; font-size:14px; line-height:36px; height:36px;}
.mess li p{ display:block; float:left; width:350px; padding:0 9px; border:1px solid #cacaca; height:34px; overflow:hidden; background-color:#fff;}
.mess li p input{ display:block; width:100%; font-size:14px; line-height:34px; height:34px;}
.mess li strong{ display:block; width:430px; height:120px; padding:7px 9px; border:1px solid #cacaca; overflow:hidden; background-color:#fff;}
.mess li strong textarea{ display:block; width:100%; font-size:15px; line-height:24px; height:120px;}
#btnsub{ margin-top:20px; margin-left:100px;}
#btnsub input{ width:130px; height:36px; background-color:#f4b01c; text-align:center; display:block; line-height:36px; font-size:14px; color:#fff; cursor:pointer;}	
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
.mess{ width:94%; margin:auto;}
.mess li{ width:100%; overflow:hidden; margin-top:2%;}
.mess li span{ display:block; float:left; margin-right:2%; width:18%; text-align:right; font-size:14px; line-height:36px; height:36px;}
.mess li p{ display:block; float:left; width:70%; box-sizing:border-box; padding:0 3%; border:1px solid #cacaca; height:36px; overflow:hidden; background-color:#fff;}
.mess li p input{ display:block; width:100%; font-size:14px; line-height:34px; height:34px;}
.mess li strong{ display:block; width:80%; height:134px; padding:7px 3%; box-sizing:border-box; border:1px solid #cacaca; overflow:hidden; background-color:#fff;}
.mess li strong textarea{ display:block; width:100%; font-size:14px; line-height:24px; height:120px;}
#btnsub{ margin-top:2%; margin-left:20%;}
#btnsub input{ width:130px; height:36px; background-color:#f4b01c; text-align:center; display:block; line-height:36px; font-size:14px; color:#fff; cursor:pointer;}
}

@media only screen and (max-width: 768px) {
.mess{ width:94%; margin:auto;}
.mess li{ width:100%; overflow:hidden; margin-top:2%;}
.mess li span{ display:block; float:left; margin-right:2%; width:18%; text-align:right; font-size:14px; line-height:36px; height:36px;}
.mess li p{ display:block; float:left; width:70%; box-sizing:border-box; padding:0 3%; border:1px solid #cacaca; height:36px; overflow:hidden; background-color:#fff;}
.mess li p input{ display:block; width:100%; font-size:14px; line-height:34px; height:34px;}
.mess li strong{ display:block; width:80%; height:134px; padding:7px 3%; box-sizing:border-box; border:1px solid #cacaca; overflow:hidden; background-color:#fff;}
.mess li strong textarea{ display:block; width:100%; font-size:14px; line-height:24px; height:120px;}
#btnsub{ margin-top:2%; margin-left:20%;}
#btnsub input{ width:130px; height:36px; background-color:#f4b01c; text-align:center; display:block; line-height:36px; font-size:14px; color:#fff; cursor:pointer;}
}

@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(__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(__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: #f4b01c; 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; left: 3%; top: 3%; padding-bottom:15px; background-color: #ffffff; z-index: 2147000001; width: 94%; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 40px; line-height: 40px; padding: 0 15px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 16px; display: block; float: left; height: 40px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: none; }
.xcConfirm .popBox .txtBox{margin:60px 20px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{ display:none;}
.xcConfirm .popBox .txtBox p{ line-height: 26px; overflow-x: hidden; font-size:16px; text-align:center;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 15px; margin-right:15px;}
.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: #f4b01c; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}
}

/*业务领域*/
@media screen and (min-width:1281px){
.rbar .daoh{ width:230px; float:left; margin-top:10px;}	
.rbar .daoh ul{ width:100%; display:block; text-align:center;}
.rbar .daoh ul li{ display:block; height:40px; font-size:16px; margin-top:10px;}
.rbar .daoh ul li a{ width:230px; height:40px; line-height:40px; border-radius:5px; background-color:#eee; display:block;}
.rbar .daoh ul li a:hover{ color:#f4b01c;}
.rbar .daoh ul li.on a{ background-color: #f4b01c; color:#FFFFFF;}
	
.rbar .case01{ width:915px; display:block; float:right;}
.rbar .case01 li{ width:285px; height:368px; display:block; float:left; overflow:hidden; margin-top:20px; margin-left:20px;}
.rbar .case01 li a{ width:100%; height:368px; display:block; position:relative; overflow:hidden;}
.rbar .case01 li a img{ width:100%; display:block;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.rbar .case01 li:hover img{
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.rbar .case01 li p{ width:94%; padding:0 3%; display:block; overflow:hidden; height:36px; line-height:36px; font-size:14px; text-align:center; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; color:#fff;}
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
.rbar .daoh{ width:94%; margin:auto; margin-top:10px;}	
.rbar .daoh ul{ width:100%; display:block; text-align:center;}
.rbar .daoh ul li{ display:inline-block; height:34px; font-size:16px; margin:0 1%; margin-top:10px;}
.rbar .daoh ul li a{ padding:0 10px; height:34px; line-height:34px; border-radius:5px; background-color:#eee; display:block;}
.rbar .daoh ul li a:hover{ color:#f4b01c;}
.rbar .daoh ul li.on a{ background-color: #f4b01c; color:#FFFFFF;}	
	
.rbar .case01{ width:100%; display:block;}
.rbar .case01 li{ width:29.33%; height:360px; display:block; float:left; overflow:hidden; margin-top:15px; margin-left:3%;}
.rbar .case01 li a{ width:100%; height:360px; display:block; position:relative; overflow:hidden;}
.rbar .case01 li a img{ width:100%; display:block;}
.rbar .case01 li p{ width:94%; padding:0 3%; display:block; overflow:hidden; height:36px; line-height:36px; font-size:14px; text-align:center; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; color:#fff;}
}

@media only screen and (max-width: 768px) {
.rbar .daoh{ width:100%; margin:auto;}	
.rbar .daoh ul{ width:100%; display:block; text-align:center;}
.rbar .daoh ul li{ display:block; float:left; height:30px; width:45.5%; font-size:14px; margin-left:3%; margin-top:10px;}
.rbar .daoh ul li a{ width:100%; height:30px; line-height:30px; background-color:#eee; display:block;}
.rbar .daoh ul li a:hover{ color:#f4b01c;}
.rbar .daoh ul li.on a{ background-color: #f4b01c; color:#FFFFFF;}		
	
.rbar .case01{ width:100%; display:block;}
.rbar .case01 li{ width:45.5%; margin-left:3%; float:left; height:200px; display:block; overflow:hidden; margin-top:10px;}
.rbar .case01 li a{ width:100%; height:200px; display:block; position:relative; overflow:hidden;}
.rbar .case01 li a img{ width:100%; display:block;}
.rbar .case01 li p{ width:94%; padding:0 3%; display:block; overflow:hidden; height:36px; line-height:36px; font-size:14px; text-align:center; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; color:#fff;}
}

/*领域内页*/
@media screen and (min-width:1281px){
.mians{ width:1200px; margin:30px auto; display:none;}
.mians .vid{ width:440px; height:340px; float:left;}
.mians .vid iframe{ width:100%; height:340px; display:block;}
.mians .tou01{ width:730px; height:40px; float:left; margin-left:30px; font-size:18px; color:#f4b01c; line-height:40px; display:none;}
.mians .nwz{ width:730px; float:left; margin-left:30px; font-size:14px; height:288px; line-height:24px; margin-top:30px;}
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
.mians{ width:94%; margin:20px auto; display:none;}
.mians .vid{ width:50%; height:270px; float:left;}
.mians .vid iframe{ width:100%; height:270px; display:block;}
.mians .tou01{ width:47%; height:30px; float:left; margin-left:3%; font-size:18px; color:#f4b01c; line-height:30px; display:none;}
.mians .nwz{ width:47%; float:left; margin-left:3%; font-size:14px; height:240px; line-height:24px; margin-top:20px;}
}

@media only screen and (max-width: 768px) {
.mians{ width:94%; margin:15px auto; display:none;}
.mians .vid{ width:100%; height:270px;}
.mians .vid iframe{ width:100%; height:270px; display:block;}
.mians .tou01{ width:100%; height:40px; font-size:18px; color:#f4b01c; line-height:40px; display:none;}
.mians .nwz{ width:100%; font-size:14px; height:240px; line-height:24px; margin-top:10px;}
}