/*Powered by SJW @2025-01-08*/
@import 'pagination.css'; 
@import 'preview.css'; 
@import 'owl.carousel.css'; 
@import 'owl.theme.css'; 
@font-face {font-family:'webdings'; src:url('fonts/webdings.ttf');}

.title_main {margin-top:40px; margin-bottom:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-bottom:8px; padding-left:18px; font-size:28px; line-height:100%; font-weight:400; border-bottom:1px solid #dcdcdc; background:url(/images/list_title_main.png) no-repeat 0 0; letter-spacing:2px; cursor:default;}
.title_main span {font-size:16px !important;}
.title_sub {margin-top:3%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:16px; font-size:24px; line-height:100%; font-weight:400; background:url(/images/list_title_sub.png) no-repeat 0 0; letter-spacing:1px; cursor:default;}
.remark {width:100%; margin-top:3%; font-size:16px; line-height:180%; color:#555;}
.remark p {margin-bottom:12px;}
.remark p i {color:#ed6d00; font-style:normal; font-weight:500;}
.remark ul {position:relative; overflow:hidden;}
.remark ul li {margin-left:2em; font-size:16px; line-height:150%; padding-left:1em; padding-bottom:10px; background:url(/images/list_5.png) no-repeat 0 4px;}
.beizhu {margin-top:30px;}
.beizhu p {font-size:12px; color:#bbb; line-height:200%; text-align:right;}
.page_cont {width:100%; margin-top:3%; font-size:16px; line-height:180%; color:#555;}
.single_pic {width:100%; margin-top:3%; padding-bottom:2%; text-align:center;}
.single_pic img {width:auto; max-width:100%; border:none;}

.location {font-size:14px; color:#999; line-height:200%; margin-top:2%; display:block;}
.location a {font-size:14px; ; color:#999; padding-left:10px; text-decoration:none;}
.location a:hover {color:#666;}
.location a.urhere {font-size:14px; ; color:#f90; padding-left:10px; text-decoration:none;}
.location a.urhere:hover {text-decoration:#f60;}
.location span {font:normal 13px Arial; color:#999; padding-left:10px;}

.text_block {position:relative; overflow:hidden; margin-top:20px; margin-bottom:30px;}
.text_block p {font-size:16px; line-height:150%; padding-bottom:15px}
.text_block p.sub_title {font-size:16px; font-weight:600; line-height:200%; letter-spacing:1px; padding-top:25px; padding-bottom:0; margin-bottom:15px; border-bottom:1px solid #bbb;}
.text_block p.sub_bz {font-size:14px; line-height:150%; color:#999; padding-bottom:10px;}
.text_block p i {font-style:normal; color:#f60;}
.text_block ul li {font-size:16px; line-height:150%; color:#444; padding-left:1em; padding-bottom:10px; background:url(/images/list_5.png) no-repeat 0 4px;}

.about1 {width:100%; overflow:hidden; margin-top:3%;}
.about1 .about1_text {width:50%; overflow:hidden;}
.about1:nth-of-type(odd) .about1_text {float:left; padding-right:30px;}
.about1:nth-of-type(even) .about1_text {float:right; padding-left:30px;}
.about1 .about1_text p {font-size:16px; line-height:200%; padding-bottom:25px;}
.about1 .about1_text ul li {font-size:16px; line-height:150%; padding-left:1em; padding-bottom:10px; background:url(/images/list_5.png) no-repeat 0 4px;}
.about1 .about1_img {width:45%; overflow:hidden;}
.about1:nth-of-type(odd) .about1_img {float:right; text-align:right;}
.about1:nth-of-type(even) .about1_img {float:left;}
.about1 .about1_img img {width:99%; max-width:520px; border:1px solid #ccc; border-radius:5px;}
.about1_honor {overflow:hidden; padding-top:1%;}
.about1_honor ul li {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; width:24%; margin-right:1.33%; float:left; overflow:hidden; height:auto; margin-bottom:1.33%; border:1px solid #ddd; border-radius:5px;}
.about1_honor ul li:nth-child(4n+0) {margin-right:0;}
.about1_honor ul li img {width:100%; max-width:334px;}
.about1_qualify {overflow:hidden; padding-top:1%;}
.about1_qualify ul {overflow:hidden; padding-top:3%;}
.about1_qualify ul li {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; width:32%; margin-right:2%; float:left; overflow:hidden; height:auto; margin-bottom:2%; border:1px solid #ddd;}
.about1_qualify ul li:nth-child(3n+0) {margin-right:0;}
.about1_qualify ul li img {width:100%; /*max-width:378px; */}
.about1_qualify ul li span {width:100%; height:38px; font-size:16px; line-height:38px; color:#fff; position:absolute; left:0; bottom:0; text-align:center; background:url(/images/bg_black.png);}
.yyzz {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; border:1px solid #ddd;}
.yyzz img {width:100%; max-width:1198px;}

.about2 ul li {width:1px; margin:0 auto; list-style-type:none; position:relative; padding-top:50px; background-color:#ddd;}
.about2 ul li::after {content:''; position:absolute; left:50%; bottom:-5px; transform:translateX(-50%); width:20px; height:20px; z-index:2; background:url(/images/list_4.png) center no-repeat;}
.about2 ul li div {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; bottom:0; width:400px; padding:30px 20px 20px 20px; background:#ebf0f5; border-radius:5px; display:flex; align-items:center;}
.about2 ul li div time {position:absolute; background:#f90; width:100px; height:40px; top:-20px; border-radius:3px; display:flex; justify-content:center; align-items:center; letter-spacing:2px; font-size:20px; font-weight:600; color:#fff; cursor:default;}
.about2 ul li div div {height:80px; font-weight:500; line-height:160%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.about2 ul li div div p {font-size:16px; text-align:left;}
.about2 ul li div .about2_con {margin-right:10px;}
.about2 ul li:nth-of-type(odd) > div {left:45px;}
.about2 ul li:nth-of-type(even) > div {left:-439px;}
.about2 ul li div {visibility:hidden; filter:alpha(opacity=0); opacity:0; transition:all 0.5s ease-in-out;}
.about2 ul li:nth-of-type(odd) div {transform:translate3d(100px, -10px, 0) rotate(10deg);}
.about2 ul li:nth-of-type(even) div {transform:translate3d(-100px, -10px, 0) rotate(10deg);}
.about2 ul li.in-view div {transform:none; visibility:visible; filter:alpha(opacity=100); opacity:1;}
.h_begin {margin-top:30px; padding-bottom:10px; text-align:center; color:#999; font-size:18px; letter-spacing:2px;}
.future {text-align:center; color:#999; font-size:16px; letter-spacing:2px; padding-top:40px; margin-bottom:40px; background:url(/images/history_line.png) center top no-repeat;}

.about3 {width:100%; position:relative;}
.about3 .pic {float:right; width:44%; max-width:490px; text-align:right; padding-top:20px;}
.about3 .pic img {width:100%;}
.about3 .text_block {float:left; width:54%;}
.about3 .titles {overflow:hidden; margin-top:20px; margin-left:30%;}
.about3 .titles p {font-size:16px; color:#555; line-height:200%;}
.about3 .titles p img {padding-top:10px; padding-left:20px;}
.about3_culture {width:100%; position:relative; padding-bottom:3%; margin-top:3%; margin-bottom:5%; background:url(/images/about/styles_culture.jpg) left center no-repeat;}
.about3_culture .about3_txt {margin-left:50%;}
.about3_culture .about3_txt p {padding-left:30px; font-size:16px; line-height:130%; color:#444; padding-top:24px; background:url(/images/list_1.png) no-repeat 0 24px;}
.about3_culture .about3_txt p span {font-weight:500; color:#f90;}
.about3_culture .about3_txt p span i {padding-left:0.5em;}
.about3_act,.about3_view,.prd_pic_box {width:100%; position:relative; padding-top:2%;}
.about3_act ul li,.about3_view ul li,.prd_pic_box ul li {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; width:48%; margin-right:4%; float:left; overflow:hidden; height:auto; margin-bottom:4%; border:1px solid #ccc;}
.about3_act ul li:nth-child(2n),.about3_view ul li:nth-child(2n),.prd_pic_box ul li:nth-child(2n) {margin-right:0 !important;}
.about3_act ul li img,.about3_view ul li img,.prd_pic_box ul li img {width:100%; max-width:583px;}
.about3_act ul li span,.about3_view ul li span,.prd_pic_box ul li span {width:100%; height:38px; font-size:16px; line-height:38px; color:#fff; position:absolute; left:0; bottom:0; text-align:center; background:url(/images/bg_black.png);}

.about4 {width:100%; overflow:hidden; padding-top:3%;}
.about4 .wrapper {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left; width:32%; height:100%; margin-right:2%; margin-bottom:2%; padding:0; border:1px solid #ccc; border-radius:8px; overflow:hidden; position:relative;}
.about4 .wrapper:nth-child(3n+0) {margin-right:0;}
.about4 .wrapper .box {position:relative; max-height:280px; overflow:hidden;}
.about4 .wrapper .box h3, .about4 .wrapper .box p {position:absolute; color:#fff; z-index:2; width:90%; padding:5%; transition:opacity 0.3s, transform 0.4s;}
.about4 .wrapper .box h3 {font-size:16px; font-weight:500; margin-bottom:0; letter-spacing:1px;}
.about4 .wrapper .box h3 span {font-size:12px; padding-left:5px; font-weight:normal;}
.about4 .wrapper .box p {bottom:0; font-size:14px;}
.about4 .wrapper .box:hover {-webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
.about4 .wrapper .box:hover:before {-webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
.about4 .wrapper .box img {position:relative; width:100%; height:100%; z-index:1; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
.about4 .wrapper .box img:hover {-webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
.about4 .wrapper .box img:after {content:''; position:absolute; background-color:rgba(0, 0, 0, 0.6); width:100%; height:100%; top:0; left:0; filter:alpha(opacity=0); opacity:0;}
.about4 .wrapper .vintage h3 {bottom:50px; -webkit-transform:translate3d(0, 50px, 0); -moz-transform:translate3d(0, 50px, 0); -ms-transform:translate3d(0, 50px, 0); -o-transform:translate3d(0, 50px, 0); transform:translate3d(0, 50px, 0); text-align:center;}
.about4 .wrapper .vintage p {filter:alpha(opacity=0); opacity:0; bottom:-50px; -webkit-transform:translate3d(0, -10px, 0); -moz-transform:translate3d(0, -10px, 0); -ms-transform:translate3d(0, -10px, 0); -o-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0); font-size:14px; text-align:center;}
.about4 .wrapper .vintage:before {content:''; position:absolute; width:100%; height:100%; background:linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%); z-index:2; bottom:-100%; left:0;}
.about4 .wrapper .vintage:hover:before {bottom:0;}
.about4 .wrapper .vintage:hover h3 {bottom:60px; -webkit-transform:translate3d(0, 20px, 0); -moz-transform:translate3d(0, 20px, 0); -ms-transform:translate3d(0, 20px, 0); -o-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0);}
.about4 .wrapper .vintage:hover p {filter:alpha(opacity=100); opacity:1; -webkit-transform:translate3d(0, -50px, 0); -moz-transform:translate3d(0, -50px, 0); -ms-transform:translate3d(0, -50px, 0); -o-transform:translate3d(0, -50px, 0); transform:translate3d(0, -50px, 0);}

.about5 {width:100%; margin-top:3%; overflow:hidden;}
.about5 .about5_text {width:50%; float:left; overflow:hidden;}
.about5 .about5_text p {font-size:16px; line-height:200%; padding-bottom:20px;}
.about5 .about5_text ul li {font-size:16px; line-height:180%; color:#555; padding-left:1rem; padding-bottom:10px; background:url(/images/list_5.png) no-repeat 0 7px;}
.about5 .about5_text ul li img {width:209px; height:196px; float:right;}
.about5 .about5_img {width:45%; text-align:right; float:right; overflow:hidden;}
.about5 .about5_img ul li {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; max-width:518px; overflow:hidden; position:relative; margin-bottom:30px; border:1px solid #ccc;}
.about5 .about5_img ul li img {width:100%;}
.about5 .about5_img ul li span {width:100%; height:38px; font-size:16px; line-height:38px; color:#fff; position:absolute; left:0; bottom:0; text-align:center; background:url(/images/bg_black.png);}
.about5x ul {padding-top:3%;}
.about5x ul li {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; width:48%; margin-right:4%; float:left; overflow:hidden; margin-bottom:4%; overflow:hidden; border:1px solid #ccc;}
.about5x ul li:nth-child(2n+0) {margin-right:0;}
.about5x ul li img {width:100%; max-width:583px;}

.prd_box {position:relative; clear:both; margin-top:3%; overflow:hidden;}
.prd_box li.prd_list {position:relative; float:left; overflow:hidden; margin-right:2%; margin-bottom:2%; width:32%; /*background-color:#008eee;*/}
.prd_box li.prd_list:nth-child(3n+0) {margin-right:0;}
.prd_box li.prd_list img {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; border:1px solid #ddd; filter:alpha(opacity=80); opacity:0.8;}
.prd_box li.prd_list div {position:absolute; left:0; bottom:0; width:100%; height:50px; background:url(/images/bg_blue.png); color:#fff; overflow:hidden;}
.prd_box li.prd_list h2 {margin:11px 0; height:30px; font-size:16px; font-weight:500; line-height:30px; text-align:center;}
.prd_box li.prd_list p {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; padding:0 25px 15px 25px; font-size:14px; line-height:160%; display:none;}

.ferm_box {position:relative; margin-top:2%; text-align:left;}
.ferm_box .ferm_txt {color:#666; line-height:160%;}
.ferm_box ul {overflow:hidden; padding-top:2%;}
.ferm_box ul li {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; width:32%; margin-right:2%; float:left; overflow:hidden; height:auto; margin-bottom:2%; border:1px solid #ddd; border-radius:8px;}
.ferm_box ul li:nth-child(3n+0) {margin-right:0;}
.ferm_box ul li img {width:100%; max-width:382px;}

.turn_case,.turn_mail {padding-left:26px; font-size:14px; line-height:36px; color:#777; padding-bottom:10px;}
.turn_case {background:url(/images/view_pic.png) no-repeat 0 4px;}
.turn_mail {background:url(/images/feedback.png) no-repeat -1px 0;}
.turn_case:hover,.turn_mail:hover {color:#f90;}
.epc_box {width:100%; position:relative; margin-top:3%; margin-bottom:3%;}
.epc_box .epc_pic {float:left; width:47%; max-width:558px;}
.epc_box .epc_pic img {width:100%;}
.epc_box .epc_txt {float:right; width:50%;}
.epc_box .epc_txt p {font-size:16px; line-height:160%; padding-bottom:20px}
.prd_1st_div,.prd_2nd_div {width:100%; padding-top:3%; padding-bottom:4%; overflow:hidden;}
.prd_photos {width:50%; float:right; overflow:hidden; position:relative;}
#prd_img_list {width:100%;}
#prd_img_list .item {display:block;}
#prd_img_list img {display:block; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #eee;}
#bar {width:0%; max-width:100%; height:4px; background:#a6d397; overflow:hidden;}
#progressBar {width:100%; background:#dce4cb;}
.prd_brief {width:50%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-right:8%;}
.prd_brief ul li {padding-top:2%; padding-bottom:3%; margin-bottom:5%; word-break:break-all;}
.prd_brief ul li.prd_1 {background:url(/images/icon_prd_1.png) no-repeat left top;}
.prd_brief ul li.prd_2 {background:url(/images/icon_prd_2.png) no-repeat left top;}
.prd_brief ul li.prd_3 {background:url(/images/icon_prd_3.png) no-repeat left top;}
.prd_brief ul li.prd_4 {background:url(/images/icon_prd_4.png) no-repeat left top;}
.prd_brief ul li div {margin-left:80px;}
.prd_brief ul li h2 {font-size:18px; font-weight:500; line-height:100%; color:#099;}
.prd_brief ul li p {font-size:16px; line-height:160%; margin-top:5px;}

table.dataintable {width:100%; border-collapse:collapse; border:1px solid #ccc;}
table.dataintable th {vertical-align:middle; padding:15px; background-color:#099; border:1px solid #ccc; text-align:center; color:#fff;}
table.dataintable th.col_w {min-width:100px;}
table.dataintable th i {padding-left:1em;}
table.dataintable td {vertical-align:middle; padding:12px 15px; border:1px solid #ccc; line-height:160%;}
table.dataintable tr:nth-child(odd) {background-color:#f5f5f0;}
table.dataintable tr:nth-child(even) {background-color:#fff;}

.prd_3rd_div {width:100%; margin-top:3%; padding:3%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #eee; border-radius:10px; overflow:hidden; background:url(/images/bg_eastbio.png) no-repeat bottom right;}
.prd_3rd_div ul {width:100%; overflow:hidden;}
.prd_3rd_div ul li {width:100%; float:left; position:relative; margin-bottom:20px;}
.prd_3rd_div ul li input {display:block; width:50%; height:40px; padding-top:2px; padding-left:32px; line-height:160%; font-size:14px; color:#666; background-color:#fff; border:solid 1px #ddd; outline:none; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s}
.prd_3rd_div ul li textarea {display:block; width:50%; padding-top:8px; padding-left:32px; line-height:200%; font-size:14px; color:#666; font-family:'Microsoft YaHei'; background-color:#fff; border:solid 1px #ddd; outline:none; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s}
.prd_3rd_div ul li input:hover,.prd_3rd_div ul li textarea:hover {border: solid 1px #3bb4f2}
.prd_3rd_div ul li input:focus,.prd_3rd_div ul li textarea:focus {border:solid 1px #0f9ae0 \9; border-color:rgba(82,168,236,0.8); box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)}
.prd_3rd_div ul li [class^="icon-"] {color:#888; position:absolute; left:10px; top:14px;}
.prd_3rd_div ul li img {cursor:pointer; position:absolute; left:130px; top:0; border:1px solid #ddd; height:38px;}
.prd_3rd_div .Validform_checktip {position:absolute; width:30%; line-height:20px; height:20px; overflow:hidden; color:#777; font-size:14px; left:52%; top:10px;}
.prd_3rd_div .Validform_right {color:#71b83d; padding-left:20px; background:url(/images/right.png) no-repeat left center;}
.prd_3rd_div .Validform_wrong {color:#f00; padding-left:20px; white-space:nowrap; background:url(/images/error.png) no-repeat left center;}
.prd_3rd_div .Validform_loading {padding-left:20px; background:url(/images/onLoad.gif) no-repeat left center;}
.prd_3rd_div .Validform_error {background-color:#ffe7e7;}
.prd_3rd_div .Validform_wrong,.Validform_right,.Validform_loading {display:block;}
.prd_3rd_div #Validform_msg {color:#7d8289; font:14px/1.5 'Microsoft YaHei'; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
.prd_3rd_div #Validform_msg .iframe {position:absolute; left:0px; top:-1px; z-index:-1;}
.prd_3rd_div #Validform_msg .Validform_title {line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
.prd_3rd_div #Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited {line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
.prd_3rd_div #Validform_msg a.Validform_close:hover {color:#cc0;}
.prd_3rd_div #Validform_msg .Validform_info {padding:8px; border:1px solid #000; border-top:none; text-align:left;}
.prd_3rd_div .prd-btns {width:50%; padding-top:30px; padding-bottom:20px; text-align:center;}

.inputbtn {display:inline-block; padding:8px 30px; line-height:100%; font-size:16px; color:#fff; background-color:#23ac90; border:0; border-radius:20px; margin-right:20px; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; cursor:pointer;}
.inputbtn:last-child {margin-right:0;}
.inputbtn:hover {color:#fff; filter:alpha(opacity=70); opacity:0.7; transition:all 0.3s;}

.mask {position:fixed; width:100%; height:100%; top:0; left:0; z-index:9998; background-color:#e8e8e8; filter:alpha(opacity=90); opacity:0.9; display:none;}
.sending {z-index:9999; position:fixed; top:50%; left:50%; width:312px; height:32px; margin:-16px 0 0 -156px; display:flex; align-items:center; justify-content:center;}
.sending span {font-size:16px; margin-left:15px;}

.case_ul {overflow:hidden; padding-top:3%;}
.case_ul ul li {position:relative; float:left; width:32%; margin-right:2%; margin-bottom:2%; overflow:hidden;}
.case_ul ul li:nth-child(3n+0) {margin-right:0;}
.case_ul ul li .case_con {width:100%; margin:0; position:relative; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #ccc; border-radius:5px;}
.case_ul ul li .case_con img {width:100%;}
.case_ul ul li .case_con .case_txt {width:100%; height:100%; background-color:#333; position:absolute; left:-100%; top:0px; filter:Alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -webkit-transition:left 0.5s ease; -moz-transition:left 0.5s ease; -o-transition:left 0.5s ease; transition:left 0.5s ease;}
.case_ul ul li .case_con .case_txt p {padding:5%; margin-top:10%; line-height:25px; font-size:16px; color:#fff; position:relative; left:-100%; -webkit-transition:left 1s ease; -moz-transition:left 1s ease; -o-transition:left 1s ease; transition:left 1s ease;}
.case_ul ul li .case_con .case_txt p span {color:#ccc; font-size:12px;}
.case_ul ul li .case_con:hover .case_txt {left:0px;}
.case_ul ul li .case_con:hover .case_txt p {left:0px;}
.case_ul ul li .case_tit {font-size:16px; font-weight:500; line-height:3em; text-align:center;}
.ecase_ul {overflow:hidden; padding-top:3%;}
.ecase_ul ul li {position:relative; width:23.5%; margin-right:2%; float:left; overflow:hidden; margin-bottom:2%; display:block;}
.ecase_ul ul li:nth-child(4n+0) {margin-right:0;}
.ecase_ul li .boxgrid {width:100%; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #ccc; border-radius:5px;}
.ecase_ul li .boxgrid img {width:100%;}
.ecase_ul li .boxgrid img:hover {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.ecase_ul li .boxgrid h4 {/*font-size:16px; line-height:28px; color:#fff; padding-top:33px; text-align:center; */display:none;}
.ecase_ul li .boxgrid h4 span {/*display:inline; font-size:12px; margin-left:0.6em; */display:none;}
.ecase_ul li .boxgrid p {/*font-size:14px; line-height:28px; text-align:center; color:#fff; padding:10px; */display:none;}
.ecase_ul li .boxtitle {text-align:center;}
.ecase_ul li .boxtitle h5 {font-weight:normal; font-size:16px; line-height:100%; padding:15px; display:inline-block;}
.ecase_ul li .boxtitle h5 span {display:inline; font-size:12px; margin-left:0.5em;}

.case_bgs {z-index:19891024; background:url(/images/case_bg.png) repeat; width:100%; height:100%; position:fixed; left:0; top:0; display:none;}
.case_tc {z-index:19891025; width:900px; position:absolute; top:150px; left:50%; margin-left:-450px; background-color:#f90; border:5px solid #b2b2b2; border-radius:10px; overflow:hidden; height:0; display:none;}
.case_tc .case_divs {position:relative;}
.case_tc .case_divs .closed {position:absolute; top:2%; right:2%; cursor:pointer;}
.case_tc .case_divs .closed:hover {filter:Alpha(Opacity=80); opacity:0.8; transition:all 0.3s;}
.case_tc #tc_big {width:100%; height:auto; display:block;}
.case_tc .case_divs .case_txt {padding:3%; color:#fff; font-size:14px; line-height:22px;}
.case_tc .case_divs .case_txt h2 {font-size:16px; line-height:30px; font-weight:500;}
.case_tc .case_divs .case_txt h2 span {display:inline; font-size:12px; margin-left:0.5em;}

.epartner {width:100%; margin-top:30px;}
.epartner ul li {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left; width:15%; margin-right:2%; margin-bottom:2%; border:1px solid #ccc; border-radius:5px; overflow:hidden;}
.epartner ul li:nth-child(6n+0) {margin-right:0;}
.epartner ul li img {width:100%; max-width:178px;}

.eusers {width:100%; margin-top:10px; padding-bottom:40px;}
.eusers ul li {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left; width:10%; margin-right:1.25%; margin-bottom:2%; border:1px solid #ccc; border-radius:5px; text-align:center; overflow:hidden;}
.eusers ul li:nth-child(9n+0) {margin-right:0;}
.eusers ul li img {width:100%; max-width:110px;}
.thank_user_t {font-size:18px; font-weight:600; color:#444; margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid #ccc}
.thank_user_c {font-size:16px; color:#666; margin-bottom:50px; line-height:200%}

.service1 {position:relative; overflow:hidden; height:640px; padding-bottom:45px; margin-bottom:30px; background:url(/images/services/idea_bg.jpg) center no-repeat;}
.service1 .idea_p {position:absolute; font-size:18px; font-weight:500; color:#444; display:block;}
.service1 .idea_p1 {top:40px; left:0;}
.service1 .idea_p2 {top:312px; left:0;}
.service1 .idea_p3 {bottom:70px; left:0;}
.service1 .idea_p4 {top:40px; right:0;}
.service1 .idea_p5 {top:312px; right:0;}
.service1 .idea_p6 {bottom:70px; right:0;}
.service1 .idea_t {position:absolute; font-size:16px; line-height:22px; color:#555; display:block; width:368px;}
.service1 .idea_t1 {top:72px; left:0;}
.service1 .idea_t2 {top:348px; left:0;}
.service1 .idea_t3 {bottom:0; left:0;}
.service1 .idea_t4 {top:72px; right:0;}
.service1 .idea_t5 {top:348px; right:0;}
.service1 .idea_t6 {bottom:0; right:0;}

.tech_ul {width:100%; overflow:hidden; padding-top:3%;}
.tech_ul ul {width:100%; overflow:hidden;}
.tech_ul ul li {display:block; margin-bottom:22px;}
.tech_ul ul li a {display:block; height:82px; padding-left:60px; line-height:82px; border-radius:6px; overflow:hidden; font-size:18px; color:#333; background:url(/images/tech_bg1.png) #ebf0f5 9px center no-repeat; background-size:auto 53%;}
.tech_ul ul li em {float:right; margin-right:2%; padding-right:70px; background:url(/images/tech_bg2.png) right center no-repeat; margin-left:1%; background-size:auto 40%; font-size:14px;}
.tech_ul ul li a:hover {background:url(/images/tech_bg1.png) #f3981d 9px center no-repeat; color:#fff; background-size:auto 53%;}
.tech_ul ul li a:hover em {background:url(/images/tech_bg3.png) right center no-repeat; background-size:auto 40%;}
.article_note {font-size:14px; color:#999; font-style:italic; text-align:right;}

.news_ul {width:100%; padding-top:3%;}
.news_ul ul li {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:block; overflow:hidden; margin-bottom:3em; background-color:#fafafa; border:1px solid #eee; border-radius:10px;}
.news_ul ul li:hover {background-color:#ebf0f5; border:1px solid #ddd;}
.news_ul ul li a {display:block; width:100%; height:100%; min-height:280px; color:#333;}
.news_ul ul li .imgs {width:36%; height:96%; margin:2%; overflow:hidden;}
.news_ul ul li .imgs img {width:100%; height:100%; max-height:280px; object-fit:cover; -webkit-transition:all 0.4s ease-in-out; position:relative; z-index:2; -moz-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.news_ul ul li .news_box {width:60%; overflow:hidden;}
.news_ul ul li .news_box .news_txt {width:90%; margin:0 auto; max-width:700px; font-size:16px;}
.news_ul ul li .news_box .news_txt em {display:block; font-size:14px; color:#777; margin-top:2%; margin-bottom:2%;}
.news_ul ul li .news_box .news_txt em span, .con_line span{display:inline; padding-left:22px;}
.news_ul ul li .news_box .news_txt h2 {font-size:24px; color:#333; font-weight:400; line-height:36px; margin-top:3%; margin-bottom:2%;}
.news_ul ul li .news_box .news_txt p {line-height:26px; color:#444;}
.news_ul ul li .news_box .news_txt label {display:block; width:120px; height:24px; line-height:24px; text-align:center; padding:6px 10px; border:0; border-radius:20px; background-color:#faa50a; color:#fff; cursor:pointer; margin-top:3%; clear:both;}
.news_ul ul li .news_box .news_txt label:hover {background-color:#f70; transition:all 0.4s;}
.news_ul ul li a:hover .imgs img {-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.news_x {width:100%; margin:0 auto; margin-top:3%; overflow:hidden; line-height:26px; font-size:14px;}
.news_x .show_t {padding-bottom:10px; line-height:150%; font-size:28px; font-weight:500; text-align:center;}
.news_x .con_line {text-align:center; height:36px; line-height:22px; font-size:14px; color:#777;}
.news_x .con_id {line-height:28px; overflow:hidden; white-space:normal; word-break:break-all; font-size:16px; text-align:left; padding-bottom:60px;}
.news_x .con_id h1 {font-size:2em; font-weight:600; padding-top:1em;}
.news_x .con_id h2 {font-size:1.5em; font-weight:600; padding-top:1em;}
.news_x .con_id h3, .news_x .con_id h4 {font-size:1em; font-weight:600; padding-top:1em;}
.news_x .con_id p {padding-top:1.5em; text-align: justify;/*word-break: keep-all; overflow-wrap: break-word;*/}
.news_x .con_id p.news_show_pic {padding-top:1.5em; padding-bottom:0.5em; text-align:center !important;}
.news_x .con_id p.news_show_pic img, .news_x .con_id p img {max-width:1200px; height:auto; margin:0 auto !important;}
.news_x .con_id a {color:#f90; padding-left:5px; padding-right:5px;}
.news_x .con_id a:hover {color:#f60;}
.news_x table {border-collapse:collapse; border-spacing:0;}
.news_x table td {line-height:22px; height:27px;}

.pre_next {width:100%; border-top:1px solid #e6e6e6; font-size:16px; line-height:30px; padding-top:15px; margin-top:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pre_next a {color:#444;}
.pre_next a:hover {color:#f90; text-decoration:none;}
.pre_next .goback {float:right; height:26px; line-height:26px; text-align:right; border:1px solid #ddd; padding:5px 20px 5px 45px; background:url(/images/goback.png) 15px center no-repeat #f2f2f2; font-size:14px; color:#666; margin-top:16px; margin-right:10px; border-radius:5px;}
.pre_next .goback:hover {color:#333; border:1px solid #666; background-color:#fff;}

.eb_names {margin-top:50px; margin-bottom:25px; font-size:24px; font-weight:500; color:#f90;}
.contact_bg {background:url(/images/bg_map.jpg) no-repeat center center; background-size:contain; -webkit-background-size:contain; -o-background-size:contain; padding-bottom:90px;}
ul.contact {margin-top:10px;}
ul.contact li {padding-left:35px; font-size:16px; line-height:130%; color:#444; padding-bottom:30px; background:url(/images/list_3.png) no-repeat 0 0;}
ul.contact li span {font-size:18px; font-weight:500; color:#099; padding-right:8px;}
ul.contact li ins {font-size:12px; color:#999; text-decoration:none;}
ul.contact li em {font:normal 16px Arial; color:#444; padding-left:5px; padding-right:5px;}
.bdmap {height:500px; margin-top:40px; margin-bottom:80px; border:1px solid #ddd;}

.feedback_div {margin-top:3%; width:100%; padding-bottom:40px;}
.feedback_div .inputs2 {float:left; width:32%; margin-right:2%; background:#fff; height:50px; line-height:50px; font-size:14px; color:#444; border:solid 1px #ddd; border-radius:4px; text-indent:3%; margin-bottom:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s; outline:none;}
.feedback_div .inputs2:last-child {margin-right:0;}
.feedback_div .textarea {width:calc(98% - 2px); padding:1%; background:#fff; font-family:'Microsoft YaHei'; font-size:14px; color:#444; border:solid 1px #ddd; border-radius:4px; margin-bottom:30px; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s; outline:none;}
.feedback_div .inputs2:hover,.feedback_div .textarea:hover {border: solid 1px #3bb4f2}
.feedback_div .inputs2:focus,.feedback_div .textarea:focus {border:solid 1px #0f9ae0 \9; border-color:rgba(82,168,236,0.8); box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)}
.feedback_div .btns2 {border-radius:18px; border:none; padding:8px 35px; font-size:16px; background:#23ac90; text-align:center; color:#fff; outline:none; cursor:pointer; -webkit-appearance:none; margin:0 auto; display:block;}
.feedback_div .btns2:hover {filter:alpha(opacity=70); opacity:0.7; transition:all 0.3s;}
.feedback_bg {margin-top:10px; background:url(/images/feedback_bg.jpg) right top no-repeat;}
.feedback_bg ul {width:100%; overflow:hidden; margin-top:20px;}
.feedback_bg ul li {width:100%; float:left; position:relative; margin-bottom:20px;}
.feedback_bg ul li input {display:block; width:50%; height:40px; padding-top:2px; padding-left:32px; line-height:160%; font-size:14px; color:#666; background-color:#fff; border:solid 1px #ddd; outline:none; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s}
.feedback_bg ul li textarea {display:block; width:50%; padding-top:8px; padding-left:32px; line-height:200%; font-size:14px; color:#666; font-family:'Microsoft YaHei'; background-color:#fff; border:solid 1px #ddd; outline:none; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s}
.feedback_bg ul li input:hover,.feedback_bg ul li textarea:hover {border: solid 1px #3bb4f2}
.feedback_bg ul li input:focus,.feedback_bg ul li textarea:focus {border:solid 1px #0f9ae0 \9; border-color:rgba(82,168,236,0.8); box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)}
.feedback_bg ul li [class^="icon-"] {color:#888; position:absolute; left:10px; top:14px;}
.feedback_bg ul li img {cursor:pointer; position:absolute; left:140px; top:0; border:1px solid #ddd; height:38px;}
.feedback_bg .Validform_checktip {position:absolute; width:30%; line-height:20px; height:20px; overflow:hidden; color:#777; font-size:14px; left:52%; top:10px;}
.feedback_bg .Validform_right {color:#71b83d; padding-left:20px; background:url(/images/right.png) no-repeat left center;}
.feedback_bg .Validform_wrong {color:#f00; padding-left:20px; white-space:nowrap; background:url(/images/error.png) no-repeat left center;}
.feedback_bg .Validform_loading {padding-left:20px; background:url(/images/onLoad.gif) no-repeat left center;}
.feedback_bg .Validform_error {background-color:#ffe7e7;}
.feedback_bg .Validform_wrong,.Validform_right,.Validform_loading {display:block;}
.feedback_bg #Validform_msg {color:#7d8289; font:14px/1.5 'Microsoft YaHei'; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
.feedback_bg #Validform_msg .iframe {position:absolute; left:0px; top:-1px; z-index:-1;}
.feedback_bg #Validform_msg .Validform_title {line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
.feedback_bg #Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited {line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
.feedback_bg #Validform_msg a.Validform_close:hover {color:#cc0;}
.feedback_bg #Validform_msg .Validform_info {padding:8px; border:1px solid #000; border-top:none; text-align:left;}
.feedback_bg .fb-btns {width:50%; padding-top:30px; padding-bottom:20px; text-align:center;}

.job_box {margin:40px 0; padding:20px 30px; border:2px solid #d4d4d4; border-radius:8px; background:url(/images/bg_jobs.jpg) no-repeat bottom right;}
.job_box p {font-size:16px; color:#444; line-height:200%;}
.jobs {margin-bottom:30px;}
.jobs h2 {font-size:18px; font-weight:600; color:#004286;}
.jobs h2 span {font-size:16px; font-weight:500; color:#444;}
.jobs .jtitle {font-size:16px; font-weight:500; color:#444; margin-top:12px;}
.jobs .jtitle span {font-size:16px; font-weight:normal; color:#555;}
.jobs ul {margin-top:10px;}
.jobs ul li {font-size:16px; color:#f90; margin-top:5px; line-height:160%; list-style:circle url(..images/list_2.png); margin-left:20px;}
.jobs ul li span {color:#555;}

.video-container {position:relative; overflow:hidden;}
.video-container video {display:block;}
.video-container .stop {display:none; position:absolute; top:0; right:30px; font-size:90px; line-height:80px; color:#fff; text-shadow:0 0 10px rgba(0,0,0,0.4); text-decoration:none; cursor:pointer;}
.video-container .video-banner-container {position:absolute; top:0; right:0; bottom:0; left:0;}
.video-container .video-banner-container>.image-container img {position:absolute; min-width:1000%; min-height:1000%; left:50%; top:50%; transform:translate(-50%,-50%) scale(0.1); width:auto; max-width:none;}
.video-container .video-banner-container>.play {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:90px; text-decoration:none; filter:alpha(opacity=50); opacity:0.5; transition:all 0.4s; z-index:3;}
.video-container .video-banner-container>.play:hover {filter:alpha(opacity=90); opacity:0.9; text-shadow:0 0 5px rgba(244,244,244,0.5),0 0 10px rgba(244,244,244,0.5),0 0 15px rgba(244,244,244,0.5),0 0 20px rgba(244,244,244,0.5);}
.video-container .video-banner-container>.video-banner-content {position:absolute; top:0; left:0; right:0;}
.sr-only {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}

.about1 .about1_text p,
.text_block p,.text_block ul,
.remark,
.about5_text,
.page_cont,
.ferm_txt,
.epc_txt,
.dataintable td,
.thank_user_c,
.service1,
.about1_text,
/*.con_id p,
.news_ul p,*/
.prd_list p {text-align:justify !important;}

@media screen and (max-width:1200px) {
	.location {display:none;}
	.case_ul ul li {width:32%; margin-right:2%;}
	.case_ul ul li:nth-child(4n+0) {margin-right:2%;}
	.case_ul ul li:nth-child(3n+0) {margin-right:0;}
}

@media screen and (max-width:1100px) {
	.about1 .about1_text p {font-size:16px; line-height:180%;}
	.about1 .about1_text p span {font-size:18px;}
	.about3 .titles {margin-top:5px;}
	.news_ul ul li a {min-height:240px;}
	.news_ul ul li .imgs img {max-height:240px;}
	.news_ul ul li .news_box .news_txt {font-size:14px;}
	.news_ul ul li .news_box .news_txt em {margin-bottom:3%;}
	.news_ul ul li .news_box .news_txt label {margin-top:4%; font-size:14px;}
	.news_ul ul li .news_box .news_txt h2 {font-size:20px; line-height:28px;}
	.news_ul ul li .news_box .news_txt p {line-height:22px;}
	.eusers ul li {margin-bottom:1.25%;}
	.service1 .idea_t {font-size:14px; line-height:20px; width:296px;}
}

@media screen and (max-width:900px) {
	.about1 .about1_text {width:48%; overflow:hidden;}
	.about1:nth-of-type(odd) .about1_text {float:left; padding:0;}
	.about1:nth-of-type(even) .about1_text {float:right; padding:0;}
	.about1 .about1_text p {font-size:16px; line-height:150%; padding-bottom:5px;}
	.about1 .about1_text ul li {font-size:16px; margin-left:2em; padding-left:1em; padding-bottom:10px; background:url(/images/list_5.png) no-repeat 0 2px;}
	.about1 .about1_img {width:48%; overflow:hidden;}
	.about1:nth-of-type(odd) .about1_img {float:right; text-align:right;}
	.about1:nth-of-type(even) .about1_img {float:left;}
	.about1 .about1_img img {width:98%;}
	.about3_culture .about3_txt {margin-left:40%;}
	.about2 ul li div {width:250px; flex-direction:column;}
	.about2 ul li div div {width:240px; margin:10px;}
	.about2 ul li div div p {font-size:16px;}
	.about2 ul li:nth-of-type(even) > div {left:-289px;}
	.about4 .wrapper {border-radius:5px;}
	.about4 .wrapper .box h3 {font-size:14px;}
	.about4 .wrapper .box p {font-size:12px; line-height:120%;}
	.prd_box li.prd_list p {padding:0 8px 8px 8px; line-height:120%;}
	.prd_3rd_div ul li input,.prd_3rd_div ul li textarea {width:62%;}
	.prd_3rd_div .Validform_checktip {left:64%;}
	.feedback_bg ul li input,.feedback_bg ul li textarea {width:62%;}
	.feedback_bg .Validform_checktip {left:64%;}
	.case_ul ul li .case_con .case_txt p {line-height:20px; font-size:16px;}
	.case_tc {width:94%; margin-left:-47%; border:2px solid #b2b2b2; border-radius:5px;}
	.case_tc .case_divs .closed {width:45px;}
	.service1 .idea_p {font-size:16px;}
	.service1 .idea_t {font-size:14px;}
	.text_block p {font-size:16px; padding-bottom:10px}
	.text_block p.sub_title {font-size:18px; padding-top:15px; border-bottom:1px solid #eee;}
	.bdmap {height:400px; margin-top:30px; margin-bottom:60px;}
}

@media screen and (max-width:780px) {
	.PageInfo {display:none;}
	.about1 .about1_text {width:100%; overflow:hidden; margin-top:2%;}
	.about1:nth-of-type(odd) .about1_text {float:none; padding:0;}
	.about1:nth-of-type(even) .about1_text {float:none; padding:0;}
	.about1 .about1_text p {font-size:16px; line-height:160%; padding-bottom:15px;}
	.about1 .about1_img {width:100%; overflow:hidden; margin-top:3%;}
	.about1:nth-of-type(odd) .about1_img {float:none; text-align:left;}
	.about1:nth-of-type(even) .about1_img {float:none;}
	.about1 .about1_img img {width:99%;}
	.about1_honor,.about1_qualify {padding-top:2%;}
	.about1_honor ul li {width:32%; margin-right:2%; margin-bottom:2%;}
	.about1_honor ul li img {width:100%}
	.about1_honor ul li:nth-child(4n+0) {margin-right:2%;}
	.about1_honor ul li:nth-child(3n+0) {margin-right:0;}
	.about1_qualify ul li {width:48%; margin-right:4%; margin-bottom:4%;}
	.about1_qualify ul li:nth-child(3n+0) {margin-right:4%;}
	.about1_qualify ul li:nth-child(2n+0) {margin-right:0;}
	.about1_qualify ul li img {width:100%;}
	.about1_qualify ul li span {height:28px; font-size:14px; line-height:28px;}
	.yyzz {margin-bottom:3%;}
	.about3 .pic {float:none; width:100%; padding-top:3%;}
	.about3 .text_block {float:none; width:100%;}
	.about3 .text_block p {font-size:16px;}
	.about3 .titles {margin-top:0; margin-left:40%;}
	.about3 .titles p {font-size:14px; line-height:130%;}
	.about3_culture {background:none;}
	.about3_culture .about3_txt {margin-left:0;}
	.about3_culture .about3_txt p {padding-left:0; font-size:16px; padding-top:15px; background:none;}
	.about3_culture .about3_txt p span {font-size:16px;}
	.about3_act ul li span, .about3_view ul li span {height:24px; font-size:14px; line-height:24px;}
	.about5 .about5_text {width:100%; float:none;}
	.about5 .about5_text p {font-size:16px; line-height:160%; padding-bottom:10px;}
	.about5 .about5_text ul li img {display:none;}
	.about5 .about5_img {width:100%; float:none; text-align:center; overflow:hidden; padding-bottom:10px;}
	.about5 .about5_img ul li {margin-bottom:0; margin-top:30px;}
	.about5 .about5_img ul li span {height:28px; font-size:14px; line-height:28px;}
	.about5x ul li {position:relative; width:100%; margin-right:0; margin-bottom:30px; float:none;}
	.prd_box li.prd_list {width:48.5%; margin-right:3%; margin-bottom:3%;}
	.prd_box li.prd_list:nth-child(3n+0) {margin-right:3%;}
	.prd_box li.prd_list:nth-child(2n+0) {margin-right:0;}
	.news_ul ul li {margin-bottom:30px;}
	.news_ul ul li .imgs {width:96%; max-height:320px; overflow:hidden; margin-left:2%; margin-right:2%;}
	.news_ul ul li .news_box {width:100%;}
	.news_ul ul li .news_box .news_txt {width:96%; margin-left:2%; margin-right:2%;}
	.news_ul ul li .news_box .news_txt label {padding-top:2%; padding-bottom:2%; width:30%;}
	.news_x .con_id img {width:100%;}
	.remark {margin:15px auto 0; padding-bottom:5px; font-size:16px; line-height:150%;}
	.thank_user_t {font-size:16px; margin-bottom:12px; padding-bottom:6px; border-bottom:1px solid #ccc}
	.thank_user_c {font-size:14px; margin-bottom:30px; line-height:180%}
	.epartner {margin-top:20px;}
	.epartner ul li {float:left; width:18%; margin-right:2.5%; margin-bottom:2.5%;}
	.epartner ul li:nth-child(6n+0) {margin-right:2.5%;}
	.epartner ul li:nth-child(5n+0) {margin-right:0;}
	.service1 {height:100%; padding-bottom:0; margin-bottom:20px; background:none;}
	.service1 .idea_p {position:relative; font-size:16px; line-height:200%; padding-top:20px; width:100%; border-bottom:1px solid #eee;}
	.service1 .idea_p1, .service1 .idea_p2, .service1 .idea_p3, .service1 .idea_p4, .service1 .idea_p5, .service1 .idea_p6 {top:0; left:0;}
	.service1 .idea_t {position:relative; font-size:16px; line-height:20px; padding-top:10px; width:100%;}
	.service1 .idea_t1, .service1 .idea_t2, .service1 .idea_t3, .service1 .idea_t4, .service1 .idea_t5, .service1 .idea_t6 {top:0; left:0;}
	.eb_names {font-size:18px; margin-top:20px; margin-bottom:8px;}
	.contact_bg {padding-bottom:20px;}
}

@media screen and (max-width:640px) {
	.title_main {margin-top:8%; margin-bottom:2.5%; padding-bottom:5px; padding-left:12px; font-size:18px; background:url(/images/list_title_mains.png) no-repeat 0 3px; letter-spacing:0;}
	.title_sub {margin-top:5%; padding-left:10px; font-size:16px; background-size:contain; letter-spacing:0;}
	.page_cont {line-height:160%; padding:10px 0;}
	.h_begin {text-align:left; padding-left:6px;}
	.about2 ul li {margin-left:22px;}
	.about2 ul li div {width:calc(100vw - 91px);}
	.about2 ul li:nth-of-type(even) > div {left:45px;}
	.about2 ul li div time {width:80px; height:30px; top:-15px; font-size:16px;}
	.about2 ul li div div {height:60px; line-height:160%;}
	.about2 ul li div div p {font-size:14px;}
	.future {text-align:left; padding-left:6px; background:url(/images/history_line.png) 22px 0 no-repeat;}
	.news_ul ul li {margin-bottom:20px;}
	.news_ul ul li .imgs {width:96%; max-height:180px; overflow:hidden; margin-left:2%; margin-right:2%;}
	.news_ul ul li .news_box {width:100%;}
	.news_ul ul li .news_box .news_txt {width:96%; margin-left:2%; margin-right:2%;}
	.news_ul ul li .news_box .news_txt label {padding-top:2%; padding-bottom:2%; width:30%;}
	.news_x .show_t {font-size:26px; line-height:32px;}
	.tech_ul ul li a {font-size:16px; line-height:60px; height:60px; padding-left:46px;}
	.tech_ul ul li a:hover {background-color:#fe7253;}
	.tech_ul ul li em {padding-right:46px; font-size:12px;}
	.ecase_ul ul li {width:48.5%; margin-right:3%; margin-bottom:3%;}
	.ecase_ul ul li:nth-child(2n+0) {margin-right:0;}
	.ecase_ul .boxtitle h5 {font-weight:normal; font-size:14px; line-height:20px; padding-left:5px; padding-right:5px; display:inline-block; margin-top:5%;}
	.case_ul ul li {width:48.5%; margin-right:3%;}
	.case_ul ul li:nth-child(3n+0) {margin-right:3%;}
	.case_ul ul li:nth-child(2n+0) {margin-right:0%;}
	.ferm_box .ferm_txt {padding: 10px 0;}
	.ferm_box ul li {width:48%; margin-right:4%; margin-bottom:4%; border-radius:5px;}
	.ferm_box ul li:nth-child(3n+0) {margin-right:4%;}
	.ferm_box ul li:nth-child(2n+0) {margin-right:0;}
	.turn_case,.turn_mail {line-height:200%; padding-bottom:20px;}
	.turn_case {background:url(/images/view_pic.png) no-repeat 0 0;}
	.epc_box .epc_pic,.epc_box .epc_txt {float:none; width:100%; margin-top:20px;}
	.epc_box .epc_txt p {font-size:16px;}
	.prd_photos {width:100%; float:left;}
	.prd_brief {width:100%; padding-right:0; margin-top:4%;}
	table.dataintable {font-size:14px;}
	table.dataintable th.col_w {min-width:60px;}
	table.dataintable th {padding:10px;}
	table.dataintable td {padding:10px; line-height:150%;}
	.prd_3rd_div {padding:0; border:0; background:none; border-radius:0;}
	.prd_3rd_div ul li input,.prd_3rd_div ul li textarea {width:100%;}
	.prd_3rd_div .Validform_checktip {position:relative; width:100%; left:0; top:5px;}
	.prd_3rd_div .prd-btns {width:100%; padding-top:20px;}
	.contact_bg {padding-bottom:0px;}
	.feedback_div {padding-top:3%;}
	.feedback_div .inputs2 {width:99%; text-indent:2%; height:40px; line-height:40px; margin-bottom:20px;}
	.feedback_div .textarea {padding:2%; width:95%;}
	.feedback_bg {background:none;}
	.feedback_bg ul li input,.feedback_bg ul li textarea {width:100%;}
	.feedback_bg .Validform_checktip {position:relative; width:100%; left:0; top:5px;}
	.feedback_bg .fb-btns {width:100%; padding-top:20px;}
	.video-container .video-banner-container>.play {font-size:42px;}
	.video-container .stop {font-size:50px; line-height:40px;}
	.bdmap {height:300px; margin-top:30px; margin-bottom:50px;}
	ul.contact li {padding-left:0; font-size:14px; padding-bottom:15px; background:none;}
	ul.contact li span {font-size:14px; padding-right:0;}
	ul.contact li ins {font-size:10px;}
	ul.contact li em {font-size:15px; padding-left:5px; padding-right:5px;}
}

@media screen and (max-width:480px) {
	.about1 .about1_text ul li {margin-left:0;}
	.about1_honor ul li {width:48%; margin-right:4%; margin-bottom:4%;}
	.about1_honor ul li:nth-child(2n-1) {margin-right:4% !important;}
	.about1_honor ul li:nth-child(2n+0) {margin-right:0 !important;}
	.about1_qualify ul li {width:100%; margin-right:0 !important; margin-bottom:30px;}
	.about3_act ul li,.about3_view ul li,.prd_pic_box ul li,.ferm_box ul li {width:100%; margin-right:0 !important; margin-bottom:25px;}
	.about4 .wrapper {width:100%; margin-right:0; margin-bottom:30px; border-radius:8px;}
	.about4 .wrapper .box h3 {font-size:16px;}
	.about4 .wrapper .box p {font-size:14px;}
	.show_page {padding-bottom:20px; line-height:300%}
	.news_ul ul li {margin-bottom:30px; background-color:#f2f2f2; padding:3%; border-radius:5px;}
	.news_ul ul li .imgs {width:100%; max-height:182px; overflow:hidden; margin:0; border:0px;}
	.news_ul ul li .news_box {width:100%;}
	.news_ul ul li .news_box .news_txt {width:100%; margin:0;}
	.news_ul ul li .news_box .news_txt h2 {font-size:16px; line-height:120%; margin-top:5%; margin-bottom:3%;}
	.news_ul ul li .news_box .news_txt p {line-height:18px;}
	.news_ul ul li .news_box .news_txt label {float:right; margin-top:3%; margin-bottom:3%;}
	.news_ul ul li .news_box .news_txt em {font-size:12px;}
	.news_x .con_line {font-size:12px;}
	.news_ul ul li .news_box .news_txt label:hover {background-color:#fc0;}
	.news_x {margin-top:4%;}
	.news_x .show_t {font-size:18px; line-height:28px;}
	.news_x .con_line {height:22px;}
	.news_x .con_id {line-height:160%; font-size:16px; padding-bottom:30px;}
	.pre_next {font-size:14px;}
	.tech_ul ul li {margin-bottom:14px;}
	.tech_ul ul li a {font-size:16px;}
	.case_ul ul li .case_con .case_txt p {line-height:18px; font-size:14px;}
	.case_ul ul li .case_tit {font-size:16px;}
	.ecase_ul li .boxtitle h5 {font-size:14px; margin-top:2%;}
	.epartner ul li {width:32%; float:left; margin-right:2%; margin-bottom:2%;}
	.epartner ul li:nth-child(5n+0) {margin-right:2%;}
	.epartner ul li:nth-child(3n+0) {margin-right:0;}
	.eusers ul li {width:23.5%; float:left; margin-right:2%; margin-bottom:2%;}
	.eusers ul li:nth-child(9n+0) {margin-right:2%;}
	.eusers ul li:nth-child(4n+0) {margin-right:0;}
	.prd_box {margin:0 auto; padding-top:3%;}
	.prd_box li.prd_list {width:100%; margin-bottom:25px; margin-right:0;}
	.prd_box li.prd_list:last-child {margin-bottom:10px;}
	.prd_box li.prd_list div {height:50px;}
	.prd_box li.prd_list h2 {font-size:14px; margin:10px 0; height:28px; line-height:28px;}
	.prd_box li.prd_list p {padding:0 10px 10px 10px; line-height:130%;}
	.prd_brief {margin-top:35px;}
	.prd_brief ul li {padding-top:1%; padding-bottom:3%; margin-bottom:5%; word-break:break-all;}
	.prd_brief ul li.prd_1,.prd_brief ul li.prd_2,.prd_brief ul li.prd_3,.prd_brief ul li.prd_4 {background-size:45px;}
	.prd_brief ul li div {margin-left:56px;}
	.prd_brief ul li h2 {font-size:16px;}
	.prd_brief ul li p {font-size:14px; line-height:120%;}
	.prd_pic_box {padding-top:4%;}
	.prd_pic_box ul li,.prd_pic_box2 ul li,.case_ul ul li {width:100%; margin-right:0; margin-bottom:20px;}
	.prd_pic_box ul li span,.prd_pic_box2 ul li span {height:30px; font-size:15px; line-height:30px;}
	.job_box {margin-top:25px 0; padding:20px; border:1px solid #eee; border-radius:5px; background-size:80% 70%;}
	.jobs:last-child {margin-bottom:0;}
	.jobs h2 {font-size:16px;}
	.job_box p {font-size:16px; line-height:160%;}
	.eb_names {font-size:16px;}
}