.xs-no { display: block; }
.xs-only { display: none; }
.fullSlide { position: relative; z-index: 1; background: #000; margin: 0 auto; }
.fullSlide .bd { position: relative; z-index: 0; }
.fullSlide .bd li img { width: 100%; vertical-align: top; }
.fullSlide .hd { display: none; position: relative; z-index: 1; margin-top: -30px; height: 30px; line-height: 30px; text-align: center; background: #000; filter: alpha(opacity=60); opacity: 0.6 }
.fullSlide .hd ul { text-align: center; padding-top: 5px; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 8px; height: 8px; margin: 5px; background: url(../assets/img/tg_flash_p.png) -18px 0; overflow: hidden; font-size: 0; }
.fullSlide .prev, .fullSlide .next { position: absolute; display: block; top: 50%; width: 55px; height: 55px; margin: -28px 0 0 0; float: left; background: url(../assets/img/arrow.png) 0 0 no-repeat; filter: alpha(opacity=40); opacity: 0.4 }
.fullSlide .prev { left: 3%; }
.fullSlide .next { right: 3%; background-position: right; }
.fullSlide .prev:hover, .fullSlide .next:hover { filter: alpha(opacity=80); opacity: 0.8 }
.proli { width: 100%; }
.proli .pro1 { width: 45%; float: left;margin-top:20px; }
.proli .pro2 { width: 27.5%; float: left;margin-top:20px;margin-left:-1px; }
.proli .pro3 { width: 27.5%; float: left;margin-top:20px; }
.main_title { text-align: center; padding: 30px 0; }
.main_title h2 { color: #333; font-size: 30px; line-height: 50px; font-weight: normal; }
.main_title h3 { font-size: 20px; color: #9a9a9a; line-height: 26px; font-weight: normal; text-transform: uppercase; }
.main1 { background: #fff; }
.main2 { padding-bottom: 50px; background: #fefaf7; }
.main2 picture { width: 100%; }
.main2 picture img { width: 100%; max-width: 100%; height: auto; }
.main3 { height: 600px; background: url(../assets/img/bg1.jpg) center top no-repeat; background-size: 100% auto; }
.main3_infor ul li a { display: block; overflow: hidden; color: #444; width: 100%; }
.main3_infor ul li a img { width: 100%; height: auto; zoom: 1; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.main3_infor ul li a .main3pro { min-height: 160px; padding: 0 10px; background: url(../assets/img/white_bg2.png); }
.main3_infor ul li a .main3pro h2 { text-align: center; line-height: 30px; font-size: 16px; padding-top: 20px; text-overflow: ellipsis; }
.main3_infor ul li a:hover { background: #005dc3; color: #fff; }
.main3_infor ul li a:hover .main3pro { background: none; }
.main3_infor ul li a:hover img { width: 100%; height: auto; zoom: 1; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; }
.main3_infor ul li a .main3pro p { line-height: 24px; }
.main3_infor ul li a .main3pro span { font-size: 14px; height: 30px; line-height: 30px; margin: 0 auto; border: 1px solid #ddd; text-align: center; width: 150px; border-radius: 40px; display: block; margin-top: 10px; }
.main3_infor ul li a:hover .main3pro span { border: 1px solid #fff; }
.main4 { padding-top: 20px; padding-bottom: 40px; background: #f8f8f8; background-size: 100% auto; }
.main4 .con4_1a { display: none; }
/*.main4 .col { padding: 0 0 3px 3px; }*/
.main4 .col { padding: 0 0 10px 10px; }
/*.main4 .col a { width: 100%; display: block; overflow: hidden; background: #005B8A; color: #fff; position: relative; }*/
.main4 .col a { width: 100%; display: block; overflow: hidden; background: #fff;  position: relative; }
.main4 .col a:hover{color:#666;}
.main4 .col a h2 { margin: 10px 20px; line-height: 30px; }
/*.main4 .col a p { line-height: 20px; margin: 0 20px 0 20px; font-size: 13px; padding-bottom: 10px; }*/
.main4 .col a p { line-height: 20px; margin: 0 20px 0 20px; font-size: 13px; 
	/*padding-bottom: 10px; */
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; 
    overflow: hidden;
}
.main4 .col a .a1a1 p { line-height: 20px; margin: 0 20px 0 0; font-size: 13px; padding-bottom: 10px; }
/*.main4 .col a:hover { background: #005dc3; }*/
/*.main4 .col a:hover { border: 4px solid #3F48CC; }*/
.main4 .col-content{border:3px solid #fff;position: relative;height:260px;}
/*.main4 .col a:hover .col-content{border: 3px solid #3F48CC;}*/
.main4 .pic { width: 100%; position: relative;}
.main4 .pic img { width: 100%; max-width: 100%; height: auto; }

/*.main4 .pic .bg-color{position: absolute;width:100%;height:300px;background: rgba(0,0,0,0.3);top:0px;z-index: 10;}*/
.main4 .pic .news-title{position: absolute;width:100%;height:45px;background: rgba(0,0,0,0.5);bottom: 0px;z-index: 10;color:#fff;font-size:16px;}
.main4 .pic .news-title div{margin:10px 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*.main4 .col a:hover .pic img { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; }*/

/*.main4 .col .a1a1 { position: relative; z-index: 1; padding: 0 20px 50px 20px; overflow: hidden; }
.main4 .col .a1a1 .a01 { position: absolute; right: 0; float: left; bottom: 5px; width: 20%; }
.main4 .col .a1a1 .a01 img { width: 100%; height: auto; }*/
/*.main4 .col .a1a2 { position: relative; z-index: 1; padding: 0 20px 80px 20px; overflow: hidden; }
.main4 .col .a1a2 .a02 { position: absolute; right: 0; float: left; bottom: 5px; width: 20%; }
.main4 .col .a1a2 .a02 img { width: 100%; height: auto; }
.main4 .col .a1a3 { position: relative; z-index: 1; padding: 0 20px 80px 20px; overflow: hidden; }
.main4 .col .a1a3 .a03 { position: absolute; right: 0; float: left; bottom: 5px; width: 20%; }
.main4 .col .a1a3 .a03 img { width: 100%; height: auto; }*/
.main4 .col a .a01 { position: absolute; right: 0; float: left; bottom: 5px; width: 20%; }
.main4 .col a .a01 img { width: 100%; height: auto; }
.main4 .col a .a02 { position: absolute; right: 0; float: left; bottom: 5px; width: 20%; }
.main4 .col a .a02 img { width: 100%; height: auto; }
.main4 .col a .a03 { position: absolute; right: 0; float: left; bottom: 5px; width: 20%; }
.main4 .col a .a03 img { width: 100%; height: auto; }
.main4 .con4_1a a .a01 { position: absolute; right: 0; float: left; bottom: -10px; width: 20%; }
.main4 .con4_1a a .a01 img { width: 100%; height: auto; }
.main_map { }
.index_map { position: relative; }
/*.map_select { width: 260px; padding: 0 20px; bottom: 0; top: 0; background: rgba(143,192,80,0.9); position: absolute; left: 50%; margin-left: -580px; }*/
.map_select { width: 260px; padding: 0 20px; bottom: 0; top: 0; background: rgba(0,93,195,0.9); position: absolute; left: 50%; margin-left: -580px; }
.map_select h2 { color: #fff; font-size: 24px; font-weight: normal; height: 60px; line-height: 50px; padding-top: 10px; }
.map_select input.input1 { width: 110px; display: block; border-radius: 10px; border: 1px solid #fff; height: 36px; cursor: pointer; background: url(../assets/img/down_icon2.png) 80px center no-repeat #fff; color: #777; font-size: 16px; padding-left: 10px; }
.map_select input.input2 { display: block; width: 90%; margin-bottom: 20px; border-radius: 4px; border: 1px solid #fff; height: 36px; border-right: 10px solid #fff; cursor: pointer; background: url(../assets/img/down_icon.png) right center no-repeat #fff; color: #777; font-size: 16px; padding-left: 10px; }
ul.case_list li { padding: 15px 10px; border-bottom: 1px solid #fff; }
/*ul.case_list li:hover { background: rgba(115,195,0,1); }*/
ul.case_list li:hover { background: rgba(0,0,0,0.2); }
ul.case_list li a { line-height: 30px; color: #fff; font-size: 15px; display: block; }
ul.case_list li p { line-height: 20px; color: #fff; }
.news1 { }
.news1 a span { height: 40px; line-height: 40px; font-size: 18px; display: block; color: #fff; overflow: hidden; background: #787878; padding: 0 20px; }
.news1 a:hover span { background: #005dc3; }
.news1 picture { width: 100%; }
.news1 picture img { width: 100%; max-width: 100%; height: auto; }
.news2 { padding: 20px 0; background: #f5f5f5; }
.news_list { padding-top: 20px; }
.news_list ul li { position:relative; z-index:1; }
.news_list ul li a { display: block; width: 100%; height: auto; border: 2px solid #fff; background: #fff; }
.news_list ul li a:hover { border: 2px solid #005dc3; }
/*.news_list ul li h2 { padding: 10px 20px 0; font-size: 16px; font-weight: normal; color: #558f3f; line-height: 24px; }*/
/*.news_list ul li h2 { padding: 10px 20px 0; font-size: 16px; font-weight: normal; color: #005dc3; line-height: 24px; }*/
.news_list ul li h2 { padding: 10px 20px 0; font-size: 16px; font-weight: normal; color: #005dc3; line-height: 24px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list ul li h3 { padding: 0 20px 0; font-size: 14px; font-weight: normal; line-height: 20px; color: #888; margin-bottom: 10px; }
.news_list ul li p { padding: 0 20px 10px; color: #666; line-height: 24px; }
.news_list ul li p img { width: 100%; max-width: 100%; height: auto; margin-bottom: 10px; }
.news_list ul li p span { height: 40px; line-height: 40px; display: block; color: #333; }
.news_list a.more { height: 50px; font-size: 20px; color: #333; line-height: 50px; text-align: center; border-top: 1px solid #ddd; font-size: 20px; text-align: center; display: block; }

.news_list ul li a img { width: 100%; max-width: 100%; height:200px; margin-bottom: 10px; }

.shipin_list {  padding-top: 20px; }
.shipin_list ul li { }
.shipin_list ul li a { display: block; width: 100%; height: auto; border: 2px solid #fff; background: #fff; }
.shipin_list ul li a:hover { border: 2px solid #005dc3; }
.shipin_list ul li h2 { padding: 10px 20px 0; font-size: 16px; font-weight: normal; color: #005dc3; line-height: 24px; }
.shipin_list ul li h3 { padding: 0 20px 0; font-size: 14px; font-weight: normal; line-height: 20px; color: #888; margin-bottom: 10px; }
.shipin_list ul li img { width:100%; max-width:100%; height:auto;}
.shipin_list ul li .shipin_box { position:relative; z-index:1;}
.shipin_list ul li .shipin_box span { position:absolute; left:50%; top:50%; margin:-32px 0 0 -32px; width:62px; height:62px; display:block; background:url(../assets/img/sp_icon.png) center center no-repeat; background-size:cover;}
.shipin_list ul li a .shipin_box span { display:none;}
.shipin_list ul li a:hover .shipin_box span { display:block;}

.news_list2 { }
.news_list2 dl { padding: 40px 0; border-bottom: 1px solid #eee; }
.news_list2 dl dt { width: 30%; float: left; padding-right: 4%; }
.news_list2 dl dt img { width: 100%; max-width: 100%; height: auto; }
.news_list2 dl dd { width: 60%; float: left; }
/*.news_list2 dl dd h2 { font-size: 25px; font-weight: normal; height: 40px; line-height: 40px; }*/
.news_list2 dl dd h2 { font-size: 25px; font-weight: normal; height: 40px; line-height: 40px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_list2 dl dd p { padding: 15px 0 0 0; line-height: 30px; font-size: 16px; }
.news_list2 dl dd p span { height: 30px; line-height: 30px; display: block; color: #999; padding-top: 20px; }
.aboutus1 { margin: 0; }
.aboutus1 .col.n-4 { background: #fff; padding: 20px 40px; }
.aboutus1 .col.n-8 { padding: 0; }
.aboutus1_1 { width: 100%; }
.aboutus1_1 h2 { font-size: 24px; padding-bottom: 20px; font-weight: normal; height: 40px; line-height: 40px; }
.aboutus1_1 p { line-height: 24px; padding-bottom: 10px; color: #888; }
.aboutus1_1 a.more { height: 60px; font-size: 20px; line-height: 60px; display: block; float: left; padding-right: 90px; background: url(../assets/img/right1.png) right center no-repeat; background-size: auto 100%; }
.aboutus1_2 { width: 100%; height: auto; }
.aboutus1_2 img { width: 100%; max-width: 100%; height: auto; }
.aboutus2 { margin: 0; }
.aboutus2 .col.n-5 { padding: 0; }
.aboutus2 .col.n-7 { background: #fff; padding: 20px 40px; }
.aboutus2 .aboutus1_1 ul { padding-left: 10px; }
.aboutus2 .aboutus1_1 ul li { width: 47%; font-size: 14px; float: left; margin-right: 3%; border-bottom: 1px solid #eee; line-height: 50px; }
.aboutus2 .aboutus1_1 ul li a { display: block; line-height: 50px; }
.aboutus_infor { margin: 0; background: url(../assets/img/bg0.png) right top no-repeat #555555; padding: 20px 30px; font-size: 14px; line-height: 24px; background-size: auto 100%; color: #fff; }
.history { position: relative; }
.history .prev, .history .next { position: absolute; display: block; top: 30%; width: 60px; height: 60px; margin: -30px 0 0 0; float: left; filter: alpha(opacity=40); opacity: 0.4 }
.history .prev { left: 0; background: url(../assets/img/left1.png) no-repeat; background-size: 100% 100%; }
.history .next { right: 0; background: url(../assets/img/right1.png) no-repeat; background-size: 100% 100%; }
.history .prev:hover, .history .next:hover { filter: alpha(opacity=100); opacity: 1 }
.history .bd { min-height: 200px; padding: 0 100px; }
.history .bd ul li { width: 100%; float: left; height: 200px; }
.history .bd ul li .his1 { width: 200px; float: left; padding-right: 20px; }
.history .bd ul li .his1 img { width: 190px; height: 190px; border: 5px solid #ddd; border-radius: 300px; }
.history .bd ul li .his2 { padding-left: 240px; }
.history .bd ul li .his2 h2 { height: 40px; font-size: 18px; line-height: 40px; font-weight: normal; }
.history .bd ul li .his2 p { line-height: 24px; color: #888; font-size: 14px; }
.history .hd { height: 80px; text-align: center; margin-left: 0; background: url(../assets/img/his_bg3.png) left bottom repeat-x; }
.history .hd ul { margin-left: 0; }
.history .hd ul li { -webkit-flex: 1; cursor: pointer; flex: 1; height: 60px; padding-bottom: 20px; background: url(../assets/img/his_bg2.png) center bottom no-repeat; }
.history .hd ul li a { height: 30px; font-size: 16px; line-height: 30px; display: block; padding-top: 10px; width: 100%; color: #888; }
.history .hd ul li.on { background: url(../assets/img/his_bg1.png) center bottom no-repeat; }
.history .hd ul li.on a { height: 40px; line-height: 40px; display: block; font-size: 22px; padding-top: 0; background: #005dc3; color: #fff; }
.rongyu_list { padding: 20px; background: #fff; }
.rongyu_list li.col a { max-width: 300px; display: block; margin: 0 auto; text-align: center; line-height: 40px; }
.rongyu_box { background: #fff; }
.ry_title.list-flex { background: #efefef; color: #666; border: 1px solid #ddd; margin-left: 0; }
.ry_title .col { text-align: center; height: 40px; padding-bottom: 0; padding-left: 0; }
.ry_title .col span { width: 100%; line-height: 40px; display: block; text-align: center; color: #333; font-size: 14px; }
.ry_pic { padding: 40px; text-align: center; line-height: 50px; color: #333; font-size: 16px; }
.ry_pic img { max-width: 100%; height: auto; }
.service_title { border-bottom: 3px solid #eee; }
.service_title .list-flex { margin-left: 0; text-align: center; }
.service_title .list-flex a { -webkit-flex: 1; flex: 1; margin-left: -1px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; height: 180px; font-size: 18px; color: #888; line-height: 30px; display: block; border-bottom: 3px solid #fff; }
.service_title .list-flex a.on { border-bottom: 3px solid #005dc3; color: #333; }
.service_title .list-flex a span { height: 60px; line-height: 60px; width: 60px; filter: alpha(opacity=40); opacity: 0.4; display: block; margin: 40px auto 0 auto; }
.service_title .list-flex a span img { width: 100%; max-width: 100%; height: auto; }
.service_title .list-flex a.on span { filter: alpha(opacity=100); opacity: 1; }
.service_search { height: 50px; padding-bottom: 20px; }
.service_search label { padding-bottom: 0; position: relative; }
.service_search label select { padding-left: 10px; width: 100%; border: 1px solid #fff; border-radius: 5px; font-size: 16px; color: #888; }
.service_search label input.search_text { width: 100%; padding-left: 2%; border: 1px solid #fff; border-radius: 5px; font-size: 16px; color: #888; }
.service_search label input.search_btn { height: 40px; line-height: 40px; width: 40px; display: block; position: absolute; top: 5px; right: 5px; border: none; background: url(../assets/img/ico_search2.png) center center no-repeat; cursor: pointer; }
.help_infor { background: #fff; padding: 20px 20px 0 20px; }
.help_box { height: auto; padding-bottom: 20px; }
.help_box .help_title { height: 55px; background: #f1f1f1; padding: 0 20px; }
.help_box .help_title h2 { float: left; height: 55px; line-height: 55px; font-size: 16px; font-weight: normal; }
.help_box .help_title a.more { width: 55px; line-height: 55px; height: 55px; display: block; float: right; background: url(../assets/img/up_icon2.png) center center no-repeat; }
.help_box .help_title a.more1 { width: 55px; line-height: 55px; height: 55px; display: block; float: right; background: url(../assets/assets/img/down_icon2.png) center center no-repeat; }
.help_box table { margin: 20px auto; width: 96%; color: #888; }
.help_box table tr th { background: #f7f7f7; height: 40px; line-height: 40px; padding-left: 10px; text-align: left; font-size: 14px; font-weight: normal; }
.help_box table tr td { border-bottom: 1px solid #eee; padding: 5px 10px; line-height: 30px; font-size: 14px; }
.down_infor { background: #fff; padding: 20px; }
.down_infor ul li { border-bottom: 1px solid #eee; }
.down_infor ul li a { line-height: 80px; display: block; padding-left: 40px; font-size: 16px; }
.down_infor ul li a:hover { background: #f4f4f4; }
.down_infor ul li a span { width: 40px; height: 40px; display: block; float: right; margin-top: 20px; margin-right: 20px; }
.down_infor ul li a span.pdf { background: url(../assets/img/pdf.png) no-repeat; background-size: 100% 100%; }
.down_infor ul li a span.word { background: url(../assets/img/word.png) no-repeat; background-size: 100% 100%; }
.down_infor ul li a span.excel { background: url(../assets/img/xls.png) no-repeat; background-size: 100% 100%; }
.down_infor ul li a span.rar { background: url(../assets/assets/img/rar.png) no-repeat; background-size: 100% 100%; }
.map_pic { float: right; border: 1px solid #ddd; margin-left: 20px; }
.map_pic .map_address{width:750px;height:420px;}
.solution_box ul.list-flex { margin-left: -20px; }
.solution_box ul.list-flex li { padding: 0 0 20px 20px; }
.solution_box ul.list-flex li a { height: auto; display: block; width: 100%; position: relative; }
.solution_box ul.list-flex li a span { height: 45px; line-height: 45px; text-align: center; background: rgba(255,255,255,0.8); display: block; position: absolute; left: 0; bottom: -1px; right: 0; color: #666; font-size: 15px; }
/*.solution_box ul.list-flex li a:hover span { background: rgba(110,195,0,0.8); color: #fff; }*/
.solution_box ul.list-flex li a:hover span { background: rgba(0,93,195,0.8); color: #fff; }
.solution_box ul.list-flex li a.s_end { line-height: auto; display: -webkit-flex; display: flex; align-items: center; background: rgba(110,195,0,0.5); color: #fff; }
.solution_box ul.list-flex li a.s_end:hover { background: rgba(110,195,0,1); color: #fff; }
.solution_box ul.list-flex li a.s_end p { width: 100%; text-align: center; font-size: 35px; }
.case_pics { max-width: 700px; margin: 0 auto; position: relative; }
.case_pics .bd { width: 100%; margin-bottom: 10px; }
.case_pics .bd ul li img { width: 100%; max-width: 100%; height: auto; }
.case_pics .hd ul li a { width: 100%; display: block; border: 2px solid #ddd; }
.case_pics .hd ul li a img { width: 100%; max-width: 100%; height: auto; }
.case_pics .hd ul li.on a { border: 2px solid #005dc3; }
.prod_list ul.list-flex { margin-left: -20px; }
.prod_list ul.list-flex li { padding: 0 0 20px 20px; }
.prod_list ul.list-flex li a { width: 100%; display: block; border: 4px solid #fff; padding-bottom: 20px; text-align: center; background: #fff; }
.prod_list ul.list-flex li a img { width: 100%; max-width: 100%; height: auto; }
/*.prod_list ul.list-flex li a:hover { border: 4px solid #005dc3; }*/
/*.prod_list ul.list-flex li a:hover { border: 4px solid #005dc3; }*/
.prod_list ul.list-flex li a:hover { border: 4px solid #A6A6A6; }
.prod_list ul.list-flex li a span { padding-top: 30px; line-height: 30px; display: block; font-size: 14px; color: #888; }
.prod_list ul.list-flex li a h2 { font-size: 14px; line-height: 30px; padding: 0 15px; }
.prod_list ul.list-flex li a:hover h2 { font-size: 16px; line-height: 30px; color: #333; }
.prod_search { height: 50px; padding-bottom: 20px; margin-left: -20px; justify-content: flex-end; }
.prod_search .col { padding: 0 8px 0 20px; }
.prod_search .col.n-3 label { background: #fff; width: 100%; height: 50px; position: relative; z-index: 1; display: block; }
.prod_search label input.search_text { width: 100%; height: 48px; padding-left: 2%; border: 1px solid #fff; font-size: 16px; color: #888; }
/*.prod_search label input.search_btn { height: 40px; line-height: 40px; width: 40px; display: block; position: absolute; top: 5px; right: 0; border: none; background: url(../assets/img/ico_search2.png) center center no-repeat; cursor: pointer; }*/
.prod_search label .search_btn { height: 40px; line-height: 40px; width: 40px; display: block; position: absolute; top: 5px; right: 0; border: none; background: url(../assets/img/ico_search2.png) center center no-repeat; cursor: pointer; }
.prod_pics { padding: 20px 20px 10px 20px; border: 1px solid #eee; width: 45%; max-width: 540px; float: left; }
.prod_pics img { width: 100%; max-width: 100%; height: auto; }
.prod_pics .bd { margin-bottom: 20px; }
.prod_pics .hd a { display: block; border: 1px solid #eee; }
/*.prod_pics .hd a:hover, .prod_pics .hd ul li.on a { border: 2px solid #ff6700; }*/
.prod_pics .hd a:hover, .prod_pics .hd ul li.on a { border: 2px solid #A6A6A6; }
.prod_pics .hd ul li a { width: 100%; }
.prod_infor { width: 50%; max-width: 520px; padding-left: 20px; float: right; }
.prod_infor h2 { color: #333; font-size: 26px; line-height: 34px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.prod_infor h3 { font-size: 24px; font-weight: normal; height: 50px; line-height: 30px; border-bottom: 1px solid #eee; }
/*.prod_infor h4 { height: 34px; float: left; padding: 0 15px; line-height: 34px; font-size: 16px; background: #9ac95c; color: #fff; border-radius: 10px; }*/
.prod_infor h4 { height: 34px; float: left; padding: 0 15px; line-height: 34px; font-size: 16px; background: #005dc3; color: #fff; border-radius: 10px; }
.prod_infor a.more1 { height: 30px; line-height: 30px; display: block; float: left; position: relative; padding: 0 30px 0 0; color: #ff700f; }
.prod_infor a.more2 { height: 30px; line-height: 30px; display: block; float: left; position: relative; padding: 0 30px 0 0; color: #ff700f; }
.prod_infor a.more1 span { width: 20px; height: 20px; display: block; background: url(../assets/img/down_icon.png) center center no-repeat; position: absolute; right: 0; top: 5px; }
.prod_infor a.more2 span { width: 20px; height: 20px; display: block; background: url(../assets/img/up_icon.png) center center no-repeat; position: absolute; right: 0; top: 5px; }
.prod_infor .price { padding: 20px 0; border-bottom: 1px solid #eee; }
.prod_infor .price strong { font-size: 25px; color: #ff6700; line-height: 30px; padding-right: 25px; }
.prod_infor .price span { font-size: 16px; color: #888; text-decoration: line-through; padding-top: 10px; }
.prod_infor p { padding-top: 20px; line-height: 30px; font-size: 14px; }
.prod_infor ul.list-flex { }
.prod_infor ul.list-flex li { }
.prod_infor ul.list-flex li a { display: block; height: 60px; font-size: 14px; line-height: 60px; border: 1px solid #eee; }
.prod_infor ul.list-flex li a.on, .prod_infor ul.list-flex li a:hover { border: 1px solid #ff6700; }
.prod_infor ul.list-flex li a img { width: auto; height: 60px; max-height: 60px; }
.prod_infor ul.list-flex li a span { padding: 0 10px; }
/*.prod_infor a.order { height: 50px; line-height: 50px; float: left; display: block; font-size: 20px; text-align: center; width: 55%; margin-right: 15px; max-width: 260px; background: #ff6700; color: #fff; }*/
.prod_infor a.order { height: 50px; line-height: 50px; float: left; display: block; font-size: 20px; text-align: center; width: 55%; margin-right: 15px; max-width: 260px; background: #005dc3; color: #fff; }
.prod_infor a.order:hover { background: #005dc3; }
.prod_infor a.down { height: 40px; line-height: 40px; padding-left: 30px; background: url(../assets/img/down_icon3.png) -5px center no-repeat; font-size: 14px; }
/*.prod_infor a.more3 { height: 48px; line-height: 48px; float: left; border: 1px solid #ddd; display: block; font-size: 14px; padding-left: 20px; background: url(../assets/img/right_icon.png) 5px center no-repeat; text-align: center; width: 35%; max-width: 160px; color: #ff6700; }*/
.prod_infor a.more3 { height: 48px; line-height: 48px; float: left; border: 1px solid #ddd; display: block; font-size: 14px; padding-left: 20px;  text-align: center; width: 35%; max-width: 160px; color: #005dc3; }
.prod_infor2 .list-flex { margin-left: 0; }
.prod_infor2 ul.list-flex li.col { padding: 0 0; border-left: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee; margin-left: -1px; }
.prod_infor2 ul.list-flex li.col a { height: 40px; line-height: 40px; border-top: 2px solid #eee; background: #f7f7f7; color: #333; font-size: 15px; display: block; text-align: center; width: 100%; }
.prod_infor2 ul.list-flex li.col.on a { background: #fff; border-top: 2px solid #ff6700; }
.prod_infor2 .prod img { max-width: 100%; height: auto; }
/*.pro_menus { background: #005dc3; }*/
.pro_menus { background: #757575; }
.pro_menus ul li { height: 40px; line-height: 40px; font-size: 14px; float: left; }
.pro_menus ul li a { height: 30px; line-height: 30px; display: block; padding: 0 15px; color: #fff; margin-top: 5px; }
/*.pro_menus ul li a:hover { color: #fff; background: #5da500; }
.pro_menus ul li a.on { color: #fff; background: #5da500; }*/
.pro_menus ul li a:hover { color: #fff; background: rgba(0,0,0,0.3); }
.pro_menus ul li a.on { color: #fff; background: rgba(0,0,0,0.3); }

@media screen and (max-width: 1024px) {
.main4 { height: auto; background: none; padding: 0 10px; }
.news_list2 { padding-left: 10px; }
.news_list2 dl { padding: 25px 0; }
.news_list2 dl dd h2 { font-size: 20px; font-weight: normal; height: 30px; line-height: 30px; }
.news_list2 dl dd p { padding: 15px 0 0 0; line-height: 24px; font-size: 14px; }
.news_list2 dl dd p span { height: 24px; line-height: 24px; display: block; color: #999; padding-top: 20px; }
.aboutus1 .col.n-4 { padding: 10px 20px; }
.aboutus1_1 h2 { font-size: 20px; font-weight: normal; height: 30px; line-height: 30px; }
.aboutus1_1 p { line-height: 20px; color: #888; }
.aboutus1_1 a.more { height: 40px; font-size: 16px; line-height: 40px; display: block; float: left; padding-right: 90px; background: url(../assets/img/right1.png) right center no-repeat; background-size: auto 100%; }
.aboutus2 .col.n-7 { padding: 10px 20px; }
.history .bd { min-height: 140px; padding: 0 80px; }
.history .bd ul li { width: 100%; float: left; height: 140px; }
.history .bd ul li .his1 { width: 140px; float: left; padding-right: 20px; }
.history .bd ul li .his1 img { width: 134px; height: 134px; border: 3px solid #ddd; border-radius: 300px; }
.history .bd ul li .his2 { padding-left: 160px; }
.history .bd ul li .his2 h2 { height: 30px; font-size: 16px; line-height: 30px; font-weight: normal; }
.history .bd ul li .his2 p { line-height: 20px; color: #888; font-size: 13px; }
.solution_box ul.list-flex li a.s_end p { font-size: 20px; }
.case_pics { padding: 0 10px; }
.prod_list { padding: 0 5px; }
.prod_list ul.list-flex li.n-3 { width: 33%; }
.prod_search { padding: 0 15px; margin-bottom: 10px; }
.prod_search .col.n-3 { padding: 0 7px 0 15px; width: 33%; }
.prod_pics { padding: 10px 10px 0 10px; }
.prod_infor { width: 50%; padding-left: 1px; }
}

@media screen and (max-width: 1200px) {
.map_select { width: 260px; padding: 0 20px; position: absolute; left: 0; margin-left: 0; }
}

@media screen and (max-width: 1150px) {
.prod_pics { padding: 10px 10px 0 10px; }
.prod_infor { width: 50%; padding-left: 1px; }
}

@media screen and (max-width: 978px) {
.main3 { height: auto; background: none; padding: 0 10px; }
.main3_infor ul li.n-3 { width: 50%; }
.main4 .n-3 { width: 50%; }
.news_list ul li.n-3 { width: 33.333%; }
.shipin_list ul li.n-3 { width: 33.333%; }
.shipin_list ul li a .shipin_box span { display:block;}

}

@media screen and (max-width: 768px) {
.xs-no { display: none; }
.xs-only { display: block; margin: 0 -10px; }
.news1a { background: #005dc3; padding: 15px 20px; color: #fff; }
.news1a a { color: #fff; }
.news1a p { font-size: 15px; line-height: 160%; padding-top: 10px; }
.news2a { padding: 15px 20px 20px; }
.news2a h2 { font-weight: normal; padding-top: 5px; }
.news2a p { font-size: 15px; line-height: 160%; color: #999; padding-top: 10px; padding-bottom: 10px; }
.fullSlide .prev, .fullSlide .next { display: none; }
.proli { }
.proli .pro1 { width: 100%; float: none; overflow: hidden;margin-top:10px;}
.proli .pro2 { width: 49%; float: left; margin-top:10px;}
.proli .pro3 { width: 49%; float: right;margin-top:10px; }
.proli img { width: 100%; height: auto; }
.main_title { padding: 10px 0; }
.main_title h2 { font-size: 18px; line-height: 26px; font-weight: normal; }
.main_title h3 { font-size: 13px; color: #9a9a9a; line-height: 20px; font-weight: normal; text-transform: uppercase; }
.main2 { padding: 0 10px 20px; }
.main2 .n-6 { width: 100%; }
.main4 .n-3-5 { width: 100%; }
.main4 .n-4-5 { width: 100%; }
.main4 .con4_1a { display: block; }
.main4 .con4_1 { display: none; }
.main4 .n-3 { width: 100%; }
.main4 .xs-only .pic {position: relative;margin-bottom: 10px;}
.main4 .xs-only .pic .news-title{position: absolute;width:100%;height:45px;background: rgba(0,0,0,0.5);bottom: 0px;z-index: 10;color:#fff;font-size:16px;}
.main4 .xs-only .pic .news-title div{margin:10px 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.main_map { display: none; }
.news1 { padding: 0 10px; }
.news1 .n-6 { width: 100%; }
.news1 a span { font-size: 14px; }
.news_list ul li.n-3 { width: 100%; padding: 0 10px; }
.shipin_list ul li.n-3 { width: 100%; padding: 0 10px; }
.news_list ul li { border-bottom: 1px solid #ddd; }
.shipin_list ul li { border-bottom: 1px solid #ddd; }
.shipin_list ul li .shipin_box { margin-left:10px;}
.news_list ul li a { width: 100%; }
.shipin_list ul li a { width: 100%; }
.news_list ul li p { display: none; }
.news2 { background: #fff; }
.news_list a.more { border-top: 0; }
.news_list2 dl { padding: 15px 0; }
.news_list2 dl dt { display: none; }
.news_list2 dl dd { width: 96%; }
.news_list2 dl dd h2 { font-size: 16px; font-weight: normal; height: 20px; line-height: 20px; }
.news_list2 dl dd p { line-height: 20px; font-size: 13px; }
.news_list2 dl dd p span { height: 20px; line-height: 20px; display: block; color: #999; padding-top: 10px; }
.aboutus1 .col.n-4 { width: 100%; }
.aboutus1 .col.n-8 { display: none; }
.aboutus1_1 h2 { padding-bottom: 10px; }
.aboutus1_1 p { padding-bottom: 0; }
.aboutus2 .col.n-7 { width: 100%; }
.aboutus2 .col.n-5 { display: none; }
.history .bd { padding: 10px 30px 0 30px; }
.history .bd ul li { width: 100%; float: left; height: auto; }
.history .bd ul li .his1 { width: 140px; margin: 0 auto; float: none; padding: 0 0 20px 0; }
.history .bd ul li .his1 img { width: 134px; height: 134px; border: 3px solid #ddd; border-radius: 300px; }
.history .bd ul li .his2 { padding: 0; text-align: center; }
.history .bd ul li .his2 h2 { height: 30px; font-size: 16px; line-height: 30px; font-weight: normal; }
.history .bd ul li .his2 p { line-height: 20px; color: #888; font-size: 13px; }
.history .hd { height: auto; text-align: center; margin-left: 0; background: none; }
.history .hd ul { margin-left: 0; }
.history .hd ul li { -webkit-flex: 1; min-width: 25%; cursor: pointer; background: none; padding-bottom: 0; flex: 1; height: 40px; border: 1px solid #ddd; margin-left: -1px; margin-bottom: -1px; }
.history .hd ul li a { height: 40px; font-size: 14px; line-height: 40px; display: block; padding-top: 0; width: 100%; color: #888; }
.history .hd ul li.on { border: 1px solid #005dc3; background: none; }
.history .hd ul li.on a { height: 40px; line-height: 40px; display: block; font-size: 14px; padding-top: 0; background: #005dc3; color: #fff; }
.service_title { border-bottom: 1px solid #eee; }
.service_title .list-flex a { height: 100px; font-size: 14px; border-bottom: 1px solid #fff; }
.service_title .list-flex a.on { border-bottom: 1px solid #005dc3; }
.service_title .list-flex a span { height: 40px; line-height: 40px; width: 40px; margin: 20px auto 0 auto; }
.index_map .map_select { position: relative; width: 90%; margin: 0 auto; padding-top: 10px; padding-bottom: 1px; }
.index_map .map_select h2 { display: none; }
.map_select input.input1 { width: 40%; display: block; border-radius: 10px; border: 1px solid #fff; border-right: 10px solid #fff; height: 36px; cursor: pointer; background: url(../assets/img/down_icon2.png) right center no-repeat #fff; color: #777; font-size: 16px; padding-left: 10px; }
.map_select input.input2 { margin-bottom: 10px; }
.map_select ul.case_list { display: none; }
.map_select .city { position: absolute; left: 5%; right: 5%; top: 59px; }
.service_search { height: 90px; padding: 0 10px 10px 10px; }
.service_search label.n-2-5 { width: 50%; padding-bottom: 10px; }
.service_search label.n-7-5 { width: 100%; }
.service_search label input.search_btn { height: 30px; line-height: 30px; width: 30px; display: block; position: absolute; top: 5px; right: 5px; border: none; background: url(../assets/img/ico_search2.png) center center no-repeat; cursor: pointer; }
.help_box table { margin: 0 auto; width: 100%; }
.help_box table thead { width: 100%; background: #f7f7f7; }
.help_box table th { width: 95%; padding-left: 5%; display: block; }
.help_box table td { width: 90%; display: block; }
.help_box .help_title a.more { margin-right: -20px; }
.help_box .help_title a.more1 { margin-right: -20px; }
.down_infor { background: #fff; padding: 5px; }
.down_infor ul li { border-bottom: 1px solid #eee; }
.down_infor ul li a { line-height: 30px; padding-top: 10px; padding-bottom: 10px; display: block; padding-left: 10px; font-size: 14px; }
.down_infor ul li a:hover { background: #f4f4f4; }
.down_infor ul li a span { width: 30px; height: 30px; display: block; float: right; margin-top: 0; margin-left: 20px; margin-right: 20px; }
.down_infor ul li a span.pdf { background: url(../assets/img/pdf.png) no-repeat; background-size: 100% 100%; }
.down_infor ul li a span.word { background: url(../assets/img/word.png) no-repeat; background-size: 100% 100%; }
.down_infor ul li a span.excel { background: url(../assets/img/xls.png) no-repeat; background-size: 100% 100%; }
.down_infor ul li a span.rar { background: url(../assets/img/rar.png) no-repeat; background-size: 100% 100%; }
.map_pic { margin: 0 auto; width: 100%; float: none; margin-bottom: 10px; }
.map_pic .map_address{width:550px;height:400px;}
.map_pic img { width: 100%; height: auto; max-width: 100%; }
.solution_box { padding: 0 10px; }
.solution_box ul.list-flex li.n-4 { width: 100%; }
.solution_box ul.list-flex li a.s_end { height: 60px; border-radius: 10px; }
.case_pics { padding: 0 10px; }
.prod_list { padding: 0 5px; }
.prod_list ul.list-flex { margin-left: -5px; }
.prod_list ul.list-flex li.n-3 { width: 50%; padding: 0 0 5px 5px; }
.prod_list ul.list-flex li a { padding-bottom: 10px; }
.prod_list ul.list-flex li a span { padding-top: 10px; line-height: 20px; font-size: 13px; }
.prod_list ul.list-flex li a h2 { font-size: 13px; line-height: 20px; }
.prod_list ul.list-flex li a:hover h2 { font-size: 14px; color: #333; }
.prod_search { padding: 0 5px; margin-bottom: 10px; }
.prod_search .col.n-3 { padding: 0 10px 0 20px; width: 100%; }
.prod_pics { width: 90%; margin: 0 auto; float: none; }
.prod_infor { width: 96%; margin: 0 auto; float: none; padding-left: 0; }
.prod_infor h2 { font-size: 18px; line-height: 26px; padding-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.prod_infor a.order { width: 100%; max-width: 100%; float: none; clear: both; border-radius: 10px; }
.prod_infor a.down { margin-left: 20px; }
.pro_menus { }
.inmenus { display: none; }
.rongyu_list li.col.n-4 { width: 50%; }
.ry_title .n-4 { width: 100%; }
.ry_pic { padding: 20px 20px 0; }
/*.prod_infor a.more3 { height: 48px; line-height: 48px; margin-top: 20px; width: auto; float: none; border-radius: 10px; max-width: 100%; padding: 0; border: 1px solid #ddd; display: block; font-size: 20px; background: none; text-align: center; color: #ff6700; }*/
.prod_infor a.more3 { height: 48px; line-height: 48px; margin-top: 20px; width: auto; float: none; border-radius: 10px; max-width: 100%; padding: 0; border: 1px solid #ddd; display: block; font-size: 20px; background: none; text-align: center; color: #005dc3; }

.news_list ul li a img { width: 100%; max-width: 100%; height:auto; margin-bottom: 10px; }

}

@media screen and (max-width: 458px) {
.main3_infor ul li.n-3 { width: 100%; }
}