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

*{margin:0; padding:0;}
ul,li{list-style:none;}
img{border:none; vertical-align: top; }

.fl{ float:left; }
.fr{ float:right; }
.clear{ clear:both; }
.por{ position: relative; }
.poa{ position: absolute; }

/* 字体大小、颜色、行距等样式,需要根据《开发测试表》要求自行定义 */
body{overflow-y:scroll; font-family: Arial, '微软雅黑', "STXihei", "STHeitiLight", "华文细黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif; font-size:14px; color:#666666; line-height:20px; background:#ffffff; font-feature-settings: normal !important; }

/* outline:none;取消链接点击后产生的虚线框; transition设置鼠标经过时的缓动；*/
body a{text-decoration:none;color:#000000;outline:none; }
body a:hover{text-decoration:none; outline:none; }

/* 取消苹果设备的默认按钮样式 */
input { appearance: none;-webkit-appearance:none;-moz-appearance: none;}
input[type="button"],input[type="submit"],input[type="reset"]{ appearance: none;-webkit-appearance:none;-moz-appearance: none;}
textarea,select{ appearance: none;-webkit-appearance:none;-moz-appearance: none;}

input,textarea{ font-family:"微软雅黑"; border:none; outline:none; }

/*.animated{ opacity:0; }*/

/*********** header ************/
.header{ width:100%; height:89px; border-bottom: 1px solid #e1e1e1;  position:fixed; top:0; left:0; z-index:100; background:#fcfcfc; }
.logo{ float:left; height:100%; }
.logo a{ display:block; padding:0px 24px; text-align:center; }

.nav{ float:left; margin-left:20px; }
.navli{ float:left; }
.navli .navli-a{ position:relative; display:block; height:89px; font-size:18px; color:#2e2e2e; line-height:89px; background:url(../images/arrow.png) no-repeat center 97px; transition:all 0.5s ease 0s; }
.navli .navli-a span{ position: relative; padding: 0 30px; transition:all 0.5s ease 0s; }
.navli.active .navli-a,.navli .navli-a:hover{ color:#f15929; /*background-position:center bottom;*/ }

.navlisedbox{ position:absolute; top:89px; left:0; width:100%; display:none; }
.navlised{ width:100%; height:80px; background:#e9e9e9; }
	.navlised_{ width:1200px; height:80px; margin:0 auto; }
	.navlised_li{ float:left; width:20%; height:80px; }
	.navlised_li_cont{ height:50px; padding:15px 0 15px 52px; background:url(../images/phone.png) no-repeat 4px center; }
	.navlised_li_cont span{ font-size:14px; line-height:20px; color:#57585a; }
	.navlised_li_cont div{ font-size:24px; line-height:30px; color:#57585a; }
	.navlised_li_{ display:block; width:100%; height:100%; }
	.navlised_li_ .navli-b{ display:block; width:100%; height:100%; padding:15px 10px; box-sizing:border-box; font-size:20px; line-height:50px; text-align:center; color:#57585a; }
	.navlised_li_ .navli-b.bg01{ background:url(../images/logo_02.png) no-repeat center; background-size:auto 20px; }
	.navlised_li_ .navli-b.bg02{ background:url(../images/logo_03.png) no-repeat center; background-size:auto 20px; }
	.navlised_li_.active .navli-b, .navli-b:hover{ background:#f2693e; color:#ffffff; }
	.navlised_li_.active .navli-b.bg01, .navli-b.bg01:hover{ background:#f2693e url(../images/logo_02_cur.png) no-repeat center; background-size:auto 20px; }
	.navlised_li_.active .navli-b.bg02, .navli-b.bg02:hover{ background:#f2693e url(../images/logo_03_cur.png) no-repeat center; background-size:auto 20px; }

.thrdbg{ width:100%; height:265px; background:#fafafa; }
.navlithrd{ position:absolute; top:80px; left:0; width:100%; height:265px; background:#fafafa; display:none; }
.navlithrd.active{ display:block; }
	.navlithrd_{ width:1200px; height:100%; margin:0 auto; }
	.navlithrd_left{ float:left; width:20%; height:100%; padding:20px 0 20px 10px; background:#e9e9e9; box-sizing:border-box; }
	.navlithrd_left_li{ display:block; margin-bottom:9px; padding-left:16px; border-left:4px solid #e6e6e6; font-size:16px; line-height:50px; color:#000000; cursor:pointer; transition:all 0.5s ease 0s; }
	.navlithrd_left_li.active{ border-left:4px solid #fe4b13; color:#fe4b13; background:#ffffff; }
	.navlithrd_right{ position:relative; height:100%; overflow:hidden; }
	.navlithrd_right_li{ position:absolute; top:0; left:0; width:100%; height:100%; padding:25px 0; box-sizing:border-box; display:none; }
	.navlithrd_right_li a{ float:left; width:25%; padding-left:45px; box-sizing:border-box; background:url(../images/point02.jpg) no-repeat 30px center; font-size:14px; line-height:35px; color:#57585a; }
	.navlithrd_right_li.toolnav a{ width:20%; }
	.navlithrd_right_li a span{ display:inline-block; transition:all 0.5s ease 0s; }
	.navlithrd_right_li a:hover span{ color:#f2693e; transform:translateX(12px); }	

.logoicon{ float:right; margin:15px 15px 0 0;}
.languagebox{ float:right; width:40px; height:40px; border:1px solid #d2d2d2; background:#ffffff; border-radius:50%;  margin:24px 15px 0 0; transition:all 0.5s ease 0s; }
.languagebox a{ display:block; width:100%; height:100%; font-size:14px; line-height:40px; text-align:center; color:#57585a; }
.languagebox:hover{ border:1px solid #f15929; background:#f15929; }
.languagebox:hover a{ color:#ffffff; }
.searchbox{ float:right; position:relative; height:40px; border:1px solid #d2d2d2; background:#ffffff; border-radius:20px; margin:24px 15px 0 0; }
	.searchinput{ height:40px; padding:0 40px 0 13px; border-radius:20px; }
	.searchinput input{ width:100%; height:100%; font-size:16px; border-radius:20px; }
	.searchbtn{ position:absolute; top:1px; right:1px; width:38px; height:38px; border-radius:50%; background:#57585a url(../images/search.png) no-repeat center; cursor:pointer; transition:all 0.5s ease 0s; }
	.searchbtn:hover{ background:#f15929 url(../images/search.png) no-repeat center; }
	.searchbtn span{ display:none; }

.navbtn{ position:absolute; top:0; right:0; width:36px; height:44px; padding:0 10px 0 0; display:none; }
	.navbtn_{ position: relative; width:24px; height:30px; margin:14px auto 0; }
	.navbtn_ span { position: absolute; right:0; background: #aaaaaa; width:24px; height:1px; transition:all 0.3s ease 0s; }
	.navbtn_ span:nth-of-type(1){top:0px;}
	.navbtn_ span:nth-of-type(2){top:7.5px; width:19px; }
	.navbtn_ span:nth-of-type(3){top:15px;}
	.navbtn_se span:nth-of-type(1){top:7.5px;transform:rotate(45deg);}
	.navbtn_se span:nth-of-type(2){width:0;}
	.navbtn_se span:nth-of-type(3){top:7.5px;transform:rotate(-45deg);}	

.mobilenav{ display:none; position:fixed; top:44px; left:0; bottom:0; overflow-y:scroll; width:100%; background:#eeeeee; }
	.mobilenavli-a{ display:block; height:45px; padding:0 10px; font-size:14px; line-height:45px; color:#010100; text-align:center; }
	.mobilenavli-a span{ display:block; background:url(../images/mobilenav.png) no-repeat right center; background-size:12px 12px; }
	.mobilenavli.active .mobilenavli-a{ background:#f15929; color:#ffffff; }
	.mobilenavli.active .mobilenavli-a span{ background:url(../images/mobilenav_cur.png) no-repeat right center; background-size:14px 7px; }
	.mobilenavli.nosed .mobilenavli-a span{ background:none; }
	
	.mobilenavlisedbox{ background:#ffffff; display:none; }
	.mobilenavli-b{ display:block; height:45px; border-bottom:1px solid #eeeeee; font-size:14px; line-height:45px; color:#010100; text-align:center; }
	.mobilenavlised_li_ .mobilenavli-b.bg01{ background:url(../images/logo_02.png) no-repeat center; background-size:auto 10px; }
	.mobilenavlised_li_ .mobilenavli-b.bg02{ background:url(../images/logo_03.png) no-repeat center; background-size: auto 10px; }

.mobilesearch{ display:none; position:absolute; right:46px; top:0; width:35px; height:44px; background:url(../images/search_mobile.png) no-repeat center; background-size:15px 15px; }


/*********** footer ************/
.footer{ width:100%; background:#1b1f28; }
	.footer_{ width:1200px; margin:0 auto; }
	.footer_top{ padding:0 0 20px; border-bottom:1px solid #2e3239; overflow:hidden; }
	.footer_nav{ float:left; padding:55px 0 0; overflow:hidden; }
		.footer_nav dl{ float:left; width:166px; }
		.footer_nav dl dt{ font-size:16px; line-height:36px; color:#ffffff; }
		.footer_nav dl dd a{ font-size:14px; line-height:28px; color:#8d8f93; }
		.footer_nav dl dd a:hover{ color:#f15929; }
	.footer_ewm{ float:left; padding:66px 0 0 9px; overflow:hidden; }
		.footer_ewm_{ float:left; margin-right:37px;  }
		.footer_ewm_img{ width:120px; }
		.footer_ewm_title{ margin-top:10px; font-size:14px; line-height:28px; text-align:center; color:#8d8f93; }
	.footer_contact{ float:right; padding:64px 0 0; }
		.footer_contact_{ margin-bottom:28px; }
		.footer_contact_item{ font-size:14px; line-height:20px; color:#ffffff; }
		.footer_contact_cont{ font-size:24px; line-height:24px; color:#ffffff; }
		.footer_contact_cont a{ color:#ffffff; display:none; }
	
	.footer_bottom{ padding:32px 0 48px; }
	.footer_bottom_nav a{ font-size:12px; line-height:36px; color:#64676c; }
	.footer_bottom_nav a:hover{ color:#f15929; }
	.footer_bottom_nav span{ margin:0 10px; color:#64676c; }	
	.copyrightbox{ font-size:12px; line-height:36px; color:#64676c; }
	.copyrightbox .span01{ margin:0 8px 0 0; }
	.copyrightbox a{ margin:0 8px 0 0; color:#64676c; transition:all 0.5s ease 0s; }
	.copyrightbox a:hover{ color:#f15929; }
	.desinbox{ position:absolute; right:0; top:32px; font-size:12px; line-height:36px; color:#64676c; }
	.desinbox a{ color:#64676c; transition:all 0.5s ease 0s; }
	.desinbox a:hover{ color:#f15929; }
		

.totop{ position:fixed; bottom:10px; right:10px; width:60px; height:60px; background:#e65518; cursor:pointer; visibility:hidden; opacity:0; transition:all 0.5s ease 0s; }
.totop div{ width:100%; height:100%; background:url(../images/totop.png) no-repeat center; }
.totop.active{ visibility:visible; opacity:1; }


/*********** 世界杯官网线上平台 ************/
.banner{ width: 100%; /*height:855px;*/ margin-top:90px; }
.banneritem{ width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.banneritem a{ display: block; width: 100%; height: 100%; }
.banner .swiper-pagination{ bottom:22px; }
.banner .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; margin:0 3px; background:#fff; opacity:0.5; transition:all 0.5s ease 0s; }
.banner .swiper-pagination .swiper-pagination-bullet-active{ opacity:1; }

/*.wantlist > *{ opacity:0; transform: translate3d(-100px,0,0); transition: 1.2s cubic-bezier(.14,1,.34,1); }
.wantlist.viewed > *{ opacity:1; transform: translateZ(0); }*/
.wantlist{ background:#f0f0f0; overflow:hidden; }
	.wantli{ float:left; width:25%; height:100px; padding:0 2.6%; border-right:1px solid #d8d9da; box-sizing:border-box; text-align:center; transition:all 0.5s ease 0s; }
	.wantli:nth-child(4){ border-right:none; }
	.wantli_{ position:relative; float:left; height:100%; padding:29px 0 0 70px; box-sizing:border-box; text-align:left; }
	.wantli_ i{ position:absolute; left:0; top:50%; transition:all 0.5s ease 0s; }
	.wantli_ .icon01{ width:40px; height:40px; margin-top:-20px; background:url(../images/wantli_icon01.png) no-repeat right center; }
	.wantli_ .icon02{ width:41px; height:41px; margin-top:-20px; background:url(../images/wantli_icon02.png) no-repeat right center; }
	.wantli_ .icon03{ width:40px; height:38px; margin-top:-19px; background:url(../images/wantli_icon03.png) no-repeat right center; }
	.wantli_ .icon04{ width:40px; height:40px; margin-top:-20px; background:url(../images/wantli_icon04.png) no-repeat right center; }
	.wantli_title{ font-size:18px; line-height:26px; color:#303030; transition:all 0.5s ease 0s; }
	.wantli_title_en{ font-size:14px; line-height:22px; color:#999999; transition:all 0.5s ease 0s; }
	.wantli_title_arrow{ float:right; width:12px; height:21px; margin-top:40px; background:url(../images/wantli_arrow.png) no-repeat center; }
	
	.wantli:hover{ background:#f15929; border-right:1px solid #e5e5e5; }
	.wantli:hover:nth-child(4){ border-right:none; }
	.wantli:hover .wantli_ .icon01{ background-position:left center; }
	.wantli:hover .wantli_ .icon02{ background-position:left center; }
	.wantli:hover .wantli_ .icon03{ background-position:left center; }
	.wantli:hover .wantli_ .icon04{ background-position:left center; }
	.wantli:hover .wantli_title{ color:#ffffff; }
	.wantli:hover .wantli_title_en{ color:#ffffff; }
	.wantli:hover .wantli_title_arrow{ background:url(../images/wantli_arrow_cur.png) no-repeat center; }
	
.newprodlist{ overflow:hidden; max-width: 1600px; margin: 0 auto; }
	.newprodli{ float:left; position:relative; width:33.33%; overflow:hidden; padding: 10px 10px 0; box-sizing: border-box; }
	.newprodli_{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }
	.newprodli_cont{ position:absolute; top:13%; left:0; width:100%; text-align:center; }
	.newprodli_logo{ font-size:30px; line-height:60px; color:#333333; }
	.newprodli_logo img{ vertical-align:middle; }
	.newprodli_desc{ font-size:18px; line-height:30px; color:#333333; }

.indexvideo{ position:relative; width:100%; margin-top:147px; }
	.indexvideo_main{ position:absolute; top:0; left:0; bottom:0; right:0; }
	.indexvideo_{ width:1200px; margin:0 auto; padding-top:11%; }
	.indexvideo_cont{ font-size:42px; line-height:72px; color:#ffffff; }
	.indexvideobox{ width:100%; height:100%; background:url(../images/video.jpg) no-repeat center; background-size:cover; }
	.indexvideobox #myvideo{ width:100%; height:100%; }

.indexnews{ padding:105px 0 0; }
	.indexnews_head{ display:block; width: 120px;margin: 0 auto; }
	.indexnews_head_title{ font-size:30px; line-height:36px; text-align:center; color:#303030; }
	.indexnews_head_entitle{ font-size:16px; line-height:22px; text-align:center; color:#999999; }
	.indexnews_head_line{ width:50px; height:4px; margin:5px auto 0; background:#f15929; transition:all 0.5s ease 0s; }
	.indexnews_head:hover .indexnews_head_line{ width:100%; }
	
	.indexnewslist{ margin-top:30px; padding-bottom:60px; }
	.indexnewsli{ width:100%; height:260px; margin-bottom:40px; }
	.indexnewsli_word,.indexnewsli_img{ width:50%; height:100%; }
	.odd .indexnewsli_word,.even .indexnewsli_img{ float:left; }
	.even .indexnewsli_word,.odd .indexnewsli_img{ float:right; }
		.indexnewsli_img_{ height:100%; overflow:hidden; }
			.odd .indexnewsli_img_{ margin-right:40px; }
			.even .indexnewsli_img_{ padding-left:40px; }
			.indexnewsli_img_ div{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transition:all 0.5s ease 0s; }
		.indexnewsli_word_{ display:table; width:78.65%; height:100%; }
		.indexnewsli_word_box{ display:table-cell; vertical-align:middle; }
			.odd .indexnewsli_word_{ float:right; }
			.even .indexnewsli_word_{ float:left; margin-left: 6%; }
			.indexnewsli_date{ float:left; width:127px; height:80px; border-right:1px solid #e1e1e1; margin-right:25px; text-align:center; }
			.indexnewsli_date .day{ font-size:60px; line-height:50px; color:#989898; font-weight:bold; }
			.indexnewsli_date .month{ font-size:16px; line-height:36px; color:#989898; }
			.indexnewsli_info{ overflow:hidden; }
			.indexnewsli_title{ padding-right:10px; font-size:18px; line-height:22px; color:#333333; }
			.indexnewsli_desc{ max-width:490px; max-height:96px; margin-top:18px; padding-right:10px; font-size:14px; line-height:24px; color:#666666; }
			.indexnewsli_btn{ width:176px; height:45px; border:1px solid #ececec; border-bottom-right-radius:12px; box-sizing:border-box; margin-top:50px; font-size:16px; line-height:45px; text-align:center; color:#999999; transition:all 0.5s ease 0s; }
			.indexnewsli:hover .indexnewsli_btn{ border:1px solid #f15929; background:#f15929; color:#fffefe; }
	
			.indexnewsli:hover .indexnewsli_img_ div{ transform:scale(1.08); }


/*********** 关于我们 ************/	
.insidenav{ width:100%; height:60px; background:#f0f0f0; }
.insidenav_{ position:relative; width:1200px; height:100%; margin:0 auto; }
	/*.insidenav_line{ position:absolute; top:0; width:25%; height:3px; background:#f15929; transition:all 0.5s ease 0s; }*/
	.insidenav_li{ position:relative; float:left; width:25%; height:100%; }
	.insidenav_li.widthhalf{ width:50%; }
	.insidenav_li.widththird{ width:33.33%; }
	.insidenav_li i{ position:absolute; top:0; left:0; width:0; height:3px; background:#f15929; transition:all 0.5s ease 0s; }
	.insidenav_li span{ display:block; width:100%; height:60px; font-size:20px; line-height:60px; text-align:center; color:#303030; transition:all 0.5s ease 0s; }
	.insidenav_li.active i{ width:100%; }
	.insidenav_li.active span{ background:#ffffff; color:#e95412; }
	.insidenav_li.hover i{ width:100%; }
	.insidenav_li:hover span{ color:#e95412; }

.singledetail{ width:100%; }
.singledetail_{ width:1200px; margin:0 auto; padding:57px 0 100px; }
	.singlehead{ text-align:center; }
		.singlehead_{ display:inline-block; }
		.singlehead_title{ font-size:30px; line-height:36px; color:#303030; }
		.singlehead_title_en{ font-size:16px; line-height:22px; color:#999999; }
		.singlehead_line{ width:49px; height:4px; background:#f15929; margin:9px auto 0; }
	.singlecont{ padding:34px 50px 0; font-size:16px; line-height:30px; text-align:justify; color:#666666; }
		.singlecont img,.singlecont video,.singlecont iframe{ max-width:100%; margin-bottom:15px; }
		.singlecont table{ margin-bottom: 10px; border-collapse: collapse; }
		.singlecont td,.singlecont th{ padding: 5px 10px; border: 1px solid #DDD; }
	.singlefoot{ width:91.33%; margin:70px auto 0; overflow:hidden; }
		.singlefootli{ float:left; width:25%; }
		.singlefootli_{ width:141px; margin:0 auto; text-align:center; }
		.singlefootli_img{ width:141px; height:141px; }
		.singlefootli_title{ margin-top:20px; font-size:16px; line-height:25px; color:#666666; }
		.singlefootli_counter{ margin-top:8px; font-size:30px; color:#f15929; font-weight:bold; }
	
/*********** 企业新闻 ************/	
.newsbox{ width:100%; }
.newsbox_{ width:1228px; margin:0 auto; padding:57px 0 63px; }
.newslist{ margin-top:34px; overflow:hidden; }
	.newsli{ float:left; width:33.33%; margin:0 0 36px; }
		.newsli_{ position:relative; display:block; margin:0 14px; padding-bottom:20px; border:1px solid #dfdddd; }
		.newsli_img{ position:relative; width:100%; margin-bottom:28px; padding-top:56.58%; overflow:hidden; }
		.newsli_img div{ position:absolute; top:0; bottom:0; left:0; right:0; background-repeat:no-repeat; background-position:center; background-size:cover; transition:all 0.5s ease 0s; }
		.newsli_cont{ padding:0 20px; }
		.newsli_title{ width:100%; height:42px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; font-size:18px; line-height:42px; color:#333333; transition:all 0.5s ease 0s; }
		.newsli_desc{ margin-top:7px; font-size:14px; line-height:24px; text-align:justify; color:#666666; }
		.newsli_info{ margin-top:10px; overflow:hidden; }
		.newsli_date{ float:left; padding-left:26px; font-size:14px; line-height:60px; color:#333333; background:url(../images/clock.png) no-repeat left center; background-size:15px 15px; }
		.newsli_count{ float:right; padding-left:28px; font-size:14px; line-height:60px; color:#333333; background:url(../images/hits.png) no-repeat left center; background-size:18px 14px; }
		.newsli_line{ position:absolute; bottom:-1px; left:0; width:0; height:3px; background:#f97b2f; transition:all 0.5s ease 0s; }
		.newsli_:hover .newsli_img div{ transform:scale(1.08); }
		.newsli_:hover .newsli_title{ color:#f15929; }
		.newsli_:hover .newsli_line{ width:100%; }

#more_btn{ font-size:14px; line-height:30px; text-align:center; color:#999999; display:none; }

.newsdetail{ width:100%; margin-top:140px; }
.newsdetail_{ width:1200px; margin:0 auto; padding:0 0 48px; overflow:hidden; }
	.newsdetail_head{ padding:39px 0 17px; border-bottom:1px solid #e5e5e7; }
		.newsdetail_title{ font-size:30px; line-height:36px; text-align:center; color:#fe4b13; font-weight:bold; }
		.newsdetail_info{ padding-top:14px; text-align:center; }
		.newsdetail_info span{ margin:0 19px; font-size:14px; line-height:36px; color:#666666; }
		.newsdetail_cont{ padding:30px 0; font-size:16px; line-height:30px; text-align:justify; color:#010000; }
		.newsdetail_cont img,.newsdetail_cont video,.newsdetail_cont iframe{ max-width:100%; margin-bottom:15px; }
		.newsdetail_cont table{ margin-bottom: 10px; border-collapse: collapse; }
		.newsdetail_cont td,.newsdetail_cont th{ padding: 5px 10px; border: 1px solid #DDD; }
	.newsdetail_btn{ width:518px; margin:40px auto; overflow:hidden; }
	.newsdetail_btn a{ display:block; height:45px; border:1px solid #ececec; margin:0 auto; font-size:16px; line-height:45px; text-align:center; color:#999999; }
	.newsdetail_prev{ float:left; width:178px; }
	.newsdetail_prev a{ width:176px; border-bottom-left-radius:12px; }
	.newsdetail_next{ float:left; width:178px; }
	.newsdetail_next a{ width:176px; border-bottom-right-radius:12px; }
	.newsdetail_back{ float:left; width:162px; }
	.newsdetail_back a{ width:140px; }
	.newsdetail_btn a:hover{ background:#f15929; color:#ececec; }

/*********** 视频中心 ************/	
.videonewsbox_{  width:1224px; margin:0 auto; padding:57px 0 63px; }
.videobox{ margin-top:40px; padding:0 12px; overflow:hidden; }
	.videobox_{ float:left; width:840px; height:495px; }
	#videojs{ width:100%; height:100%; }
	.video-js .vjs-big-play-button{ top:50%; left:50%; width:48px; height:48px; margin:-24px 0 0 -24px; background:url(../images/videobtn.png) no-repeat center; border:none; border-radius:50%; }
	.video-js .vjs-big-play-button span{ display:none; }
	.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus{ background:url(../images/videobtn.png) no-repeat center; border:none; }
	.videobox_info{ height:495px; padding:0 30px; background:#303030; overflow:hidden; }
	.videobox_title{ margin-top:26px; font-size:22px; line-height:32px; color:#ffffff; }
	.videobox_img{ position:relative; width:100%; padding-top: 59%; margin-top:20px; }
	.videobox_img div{ position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }
	.videobox_item{ margin:30px 0 9px; font-size:16px; line-height:36px; color:#d0cece; }
	.videobox_link a{ display:block; padding-left:47px; font-size:16px; line-height:50px; color:#ffffff; }
	.videobox_link a.videobox_li_01{ background:url(../images/jdlogo.jpg) no-repeat left center; background-size:36px 36px; }
	.videobox_link a.videobox_li_02{ background:url(../images/tmlogo.jpg) no-repeat left center; background-size:36px 36px; }

.videolist{ margin-top:40px; overflow:hidden; }
	.videoli{ float:left; width:25%; margin:0 0 22px; padding:0 12px; box-sizing:border-box; cursor:pointer; }
	.videoli_img{ position:relative; width:100%; padding-top:58.455%; overflow:hidden; }
	.videoli_img div{ position:absolute; top:0; left:0; bottom:0; right:0; background-position:center; background-repeat:no-repeat; background-size:cover; }
	.videoli_img .mark{ position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.2) url(../images/videomark.png) no-repeat center; opacity:0; transition:all 0.5s ease 0s;  }
	.videoli_title{ padding-left:40px; padding-right: 15px; border:1px solid #e5e5e5; background:#f7f7f7 url(../images/videoicon.png) no-repeat 12px center; font-size:14px; line-height:36px; color:#303030; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.videoli:hover .videoli_img .mark{ opacity:1; }

/*********** 活动中心 ************/
.activitycenter_{ width:1200px; margin:0 auto; padding:57px 0 63px; }	
.acnewslist{ margin-top:45px; }	
	.acnewsli{ display:block; height:255px; margin-bottom:40px; overflow:hidden; }
	.acnewsli_img{ float:left; position:relative; width:55%; height:255px; margin-right:4.17%; overflow:hidden; }
	.acnewsli_img div{ position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transition:all 0.5s ease 0s; }
	.acnewsli_img .mark{ position:absolute; top:0; left:0; width:100px; height:94px; background:url(../images/acnewsli_mark.png) no-repeat center; }
	.acnewsli_info{ position:relative; width:35%; height:100%; overflow:hidden; }
	.acnewsli_title{ font-size:24px; line-height:50px; color:#000102; font-weight:bold; transition:all 0.5s ease 0s; }
	.acnewsli_desc{ font-size:14px; line-height:24px; color:#666666;  }
	.acnewsli_btn{ position:absolute; bottom:0; left:0; width:175px; height:45px; border:1px solid #e5e4e9; border-bottom-right-radius:12px; transition:all 0.5s ease 0s; }
	.acnewsli_btn span{ display:block; height:100%; padding-left:40px; background:url(../images/arrow01.png) no-repeat 122px center; font-size:16px; line-height:45px; color:#999999; transition:all 0.5s ease 0s; }
	.acnewsli:hover .acnewsli_img div{ transform:scale(1.08); }
	.acnewsli:hover .acnewsli_title{ color:#f15929; }
	.acnewsli:hover .acnewsli_btn{ background:#f15929; }
	.acnewsli:hover .acnewsli_btn span{ color:#fffefe; background:url(../images/arrow01_cur.png) no-repeat 122px center; }
	

/*********** 电子会刊 ************/	
.journalbox_{  width:1224px; margin:0 auto; padding:57px 0 63px; }
.journallist{ margin-top:40px; overflow:hidden; }
.journalli{ float:left; width:25%; margin:0 0 24px; }
.journalli_{ position:relative; display:block; margin:0 12px; }
	.journalli_img{ position:relative; padding-top:146.81%; border:1px solid #e5e4e9; overflow:hidden; }
	.journalli_img div{ position:absolute; top:0; bottom:0; left:0; right:0; background-position:center; background-repeat:no-repeat; background-size:cover; }
	.journalli_img p{ position:absolute; bottom:0; left:0; width:100%; height:36px; background:rgba(0,0,0,0.65); font-size:14px; line-height:36px; text-align:center; color:#ffffff; }
	.journalli_cont{ position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(252,110,60,0.95); opacity:0; transition:all 0.5s ease 0s; }
	.journalli_type{ padding:15.25% 0 0; font-size:16px; line-height:36px; text-align:center; color:#ffffff; }
	.journalli_logo{ width:82.62%; margin:0 auto; }
	.journalli_title{ position:absolute; left:0; top:50%; width:100%; margin-top:-18px; font-size:30px; line-height:36px; color:#ffffff; text-align:center; }
	.journalli_qishu{ position:absolute; left:0; bottom:12.02%; width:100%; height:45px; }
	.journalli_qishu span{ display:block; width:62.41%; height:45px; margin:0 auto; border-bottom-right-radius:12px; background:#ffffff; font-size:20px; line-height:45px; text-align:center; color:#e94204; }
	.journalli_:hover .journalli_cont{ opacity:1; }

.journaldetail{ width:100%; margin-top:140px; padding-bottom:80px; background:#f5f5f5; }
.journaldetail_{ width:1200px; margin:0 auto; padding:80px 0 0; overflow:hidden; }
	.journaldetail_title{ font-size:30px; line-height:36px; text-align:center; color:#f15929; font-weight:bold; }
	.journaldetail_cont{ margin:45px 0 60px; }
	.journaldetail_cont_{ width:955px; height:727px; margin:0 auto; }
	
	.prod-pre{ position:absolute; left:-44px; top:50%; z-index:10; width:60px; height:60px; background:rgba(0,0,0,0.35); margin-top:-30px; border-radius:50%; cursor:pointer; transition:all 0.5s ease 0s; }
	.prod-next{ position:absolute; right:-44px; top:50%; z-index:10; width:60px; height:60px; background:rgba(0,0,0,0.35); margin-top:-30px; border-radius:50%; cursor:pointer; transition:all 0.5s ease 0s; }
	.prod-pre span,.prod-next span{ display:block; width:100%; height:100%; }
	.prod-pre span{ background:url(../images/prev.png) no-repeat center; }
	.prod-next span{ background:url(../images/next.png) no-repeat center; }
	.prod-pre:hover,.prod-next:hover{ background:#f15929; }
	
	.journaldetail_btn{ margin:0 auto; text-align:center; overflow:hidden; }
	.journaldetail_btn div{ display:inline-block; margin:0 2px; }
	.journaldetail_btn a{ display:block; height:45px; border:1px solid #ececec; margin:0 auto; background:#ffffff; font-size:16px; line-height:45px; text-align:center; color:#999999; }
	.journaldetail_prev a{ width:176px; border-bottom-left-radius:12px; }
	.journaldetail_next a{ width:176px; border-bottom-right-radius:12px; }
	.journaldetail_back a{ width:140px; }
	.journaldetail_file a{ width:140px; }
	.journaldetail_btn a:hover{ background:#f15929; color:#ececec; }

	
/*********** 我们的产品 ************/	
.insidebanner{ width:100%; height:270px; margin-top:90px; }
.insidebanner .swiper-container{ width:100%; height:100%; }
.insidebanner .swiper-wrapper{ width:100%; height:100%; }
.insidebanneritem{ width: 100%; height:100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.insidebanneritem a{ display: block; width: 100%; height: 100%; }
.insidebanner .swiper-pagination{ bottom:16px; }
.insidebanner .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; margin:0 3px; background:#fff; opacity:0.5; transition:all 0.5s ease 0s; }
.insidebanner .swiper-pagination .swiper-pagination-bullet-active{ opacity:1; }
	
.prodnav{ width:100%; height:60px; background:#f0f0f0; }
.prodnav_{ width:1200px; height:100%; margin:0 auto; }
	.prodnav_li{ float:left; width:33.33%; height:100%; }
	.prodnav_li span{ display:block; width:100%; height:57px; border-top:3px solid #f0f0f0; font-size:20px; line-height:57px; text-align:center; color:#303030; transition:all 0.5s ease 0s; }
	.prodnav_li.active span{ background:#ffffff; border-top:3px solid #e95412; color:#e95412; }
	.prodnav_li:hover span{ color:#e95412; }
	
.prodlist{ width:100%; padding:60px 0 40px; }
.prodlist_{ width:1200px; height:100%; margin:0 auto; }
.prodlist_part{ position:relative; width:100%; margin-bottom:20px; overflow:hidden; }
	.prodlist_part_left{ position:absolute; width:230px; height:100%; }
	.prodlist_part_left_{ display:table; width:100%; height:100%; background:#e9e9e9; text-align:center; transition:all 0.5s ease 0s; }
	.itembox{ display:table-cell; vertical-align:middle; }
	.itembox_title{ font-size:30px; line-height:36px; color:#57585a; transition:all 0.5s ease 0s; }
	.itembox_icon{ width:85px; height:85px; margin:0 auto 26px; overflow:hidden; }
	.itembox_icon div{ width:100%; height:100%; background-position:center bottom; background-repeat:no-repeat; background-size:85px auto; }
	
	.prodlist_part_right{ margin-left:230px; border:1px solid #e5e5e5; border-bottom:none; overflow:hidden; }
	.prodli{ float:left; width:25%; height:258px; padding:28px 0 28px; box-sizing:border-box; }
	.prodli_img{ width:166px; height:170px; margin:0 auto; transition:all 0.5s ease 0s; overflow:hidden; }
	.prodli_img div{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }
	.prodli_title{ width:166px; height:40px; margin:10px auto 0; overflow:hidden; font-size:14px; line-height:20px; text-align:center; color:#6d6d6d; transition:all 0.5s ease 0s; }
	
	.prodli_line_four{ clear:both; width:100%; border-bottom:1px solid #e5e5e5; }
	.prodli_line_two{ clear:both; width:100%; border-bottom:1px solid #e5e5e5; display:none; }

.prodlist_part:hover .prodlist_part_left_{ background:#fc6e3c; }
.prodlist_part:hover .itembox_title{ color:#ffffff; }
.prodlist_part:hover .itembox_icon div{ background-position:center top; }
.prodli:hover .prodli_img{ transform:translateY(-10px); }
.prodli:hover .prodli_title{ color:#f15929; }

/********* 产品详情页 *********/
.breadnav{ position:fixed; left:0; top:90px; z-index:99; width:100%; background:#f15929; }
.breadnav_{ padding:15px 15px 15px 55px; background:url(../images/breadnav.png) no-repeat 27px center; font-size:14px; line-height:20px; color:#ffffff; }
.breadnav_ a{ color:#ffffff; }	

.proddetail{ width:100%; height:792px; margin-top:140px; }
.proddetail_{ width:1200px; margin:0 auto; overflow:hidden; }
	.proddetail_imgarr{ float:left; position:relative; width:550px; height:630px; margin-top:40px; margin-right:50px; overflow:hidden; }
.proddetail_imgarr .bgimg{width: 100%;height: 100%; background-position: center; background-repeat: no-repeat; background-size:cover; }
	#Stage{ position:relative; width:100%; height:100%; overflow:hidden }
	#toolbox{ position:absolute; bottom:35px; left:50%; transform:translateX(-50%); width:240px; }
	.proddetail_info{ float:right; width:600px; padding:142px 0 0; }
		.proddetail_title{ font-size:30px; line-height:36px; color:#f15929; font-weight:bold; }
		.proddetail_desc{ margin-top:16px; font-size:14px; line-height:25px; color:#666666; }
		.proddetail_parameter_ul{ width:91.67%; border-top:1px solid #e5e4e9; margin-top:26px; padding:24px 0 0; }
		.parameter_li{ padding-left:20px; background:url(../images/point.png) no-repeat left 13px; font-size:16px; line-height:35px; color:#282828; }
		.parameter_item{ margin-right:20px; }
		.proddetail_linkul{ margin-top:34px; overflow:hidden; }
		.proddetail_linkli{ float:left; width:190px; height:65px; margin-right:10px; }
		.proddetail_linkli a{ display:block; width:100%; height:100%; }
		.proddetail_linkli.btn-01 a{ background:url(../images/jdbtn.jpg) no-repeat center; }
		.proddetail_linkli.btn-02 a{ background:url(../images/tmbtn.jpg) no-repeat center; }
        .proddetail_linkli.btn-03 a{ background:url(../images/wdbtn.jpg) no-repeat center; }
		.proddetail_share{ margin-top:40px; overflow:hidden; }
		.proddetail_share_item{ float:left; font-size:14px; line-height:35px; color:#666666; }
		.bdsharebuttonbox{ float:left; }
		.bdsharebuttonbox .shareli{ float:left; width:32px; height:32px; margin:0 0 0 16px; }
		.bdsharebuttonbox .shareli.icon01{ background:url(../images/bds_weixin.png) no-repeat center; }
		.bdsharebuttonbox .shareli.icon02{ background:url(../images/bds_tsina.png) no-repeat center; }
		.bdsharebuttonbox .shareli.icon03{ background:url(../images/bds_qq.jpg) no-repeat center; }
		.bdsharebuttonbox .shareli.icon04{ background:url(../images/bds_qqzone.jpg) no-repeat center; }
		.bdsharebuttonbox .shareli.icon05{ background:url(../images/bds_bd.jpg) no-repeat center; }
		
				
.proddetail_main{ width:100%; padding:120px 0 70px; border-top:1px solid #e5e4e9; background:#f5f5f5; }
.proddetail_main_{ width:1200px; margin:0 auto; }	
	.proddetail_main_left{ float:left; width:67.08%; position: relative; }
		.proddetail_main_head{ position:absolute; top:-60px; left:0; width:100%; border-bottom:4px solid #f15929; }
		.proddetail_main_head div{ width:128px; height:60px; padding-left:72px; border-top-left-radius:12px; border-top-right-radius:12px; background:#f15929 url(../images/detailcont.png) no-repeat 26px center; font-size:24px; line-height:60px; color:#ffffff; }
		.proddetail_cont{ font-size:16px; line-height:30px; text-align:justify; color:#010000; }
		.proddetail_cont img,.proddetail_cont video,.proddetail_cont iframe{ max-width:100%; margin-bottom:15px; }
		.proddetail_cont table{ margin-bottom: 10px; border-collapse: collapse; }
		.proddetail_cont td,.proddetail_cont th{ padding: 5px 10px; border: 1px solid #DDD; }
		
	.proddetail_main_right{  float:right; width:30%; position: relative;}
		.proddetail_report_head{ height:50px; padding-left:60px; background:#f15929 url(../images/report_icon.png) no-repeat 18px center; background-size:28px 22px; font-size:20px; line-height:50px; color:#ffffff; }
		.proddetail_report_ul{ padding:8px 0 10px; border:1px solid #e5e4e9; background:#ffffff; }
		.proddetail_report_li{ display:block; padding-left:45px; background:url(../images/pdf_icon.jpg) no-repeat 13px center; font-size:14px; line-height:50px; color:#666666; }
		.proddetail_report_li:hover{ color:#e7561d; }
		.proddetail_hot_head{ height:50px; padding-left:50px; background:#e6e6e6 url(../images/hot_icon.png) no-repeat 20px center; background-size:22px auto; font-size:20px; line-height:50px; color:#000000; }
		.proddetail_hot_ul{ padding:10px 19px 17px; border:1px solid #e5e4e9; background:#ffffff; }
		.proddetail_hot_li{ display:block; height:100px; padding:10px 0; border-bottom:1px solid #e5e4e9; overflow:hidden; }
		.proddetail_hot_img{ float:left; width:90px; height:100px; overflow:hidden; }
		.proddetail_hot_img div{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }
		.proddetail_hot_info{ padding:10px 0 0; overflow:hidden; }
		.proddetail_hot_title{ font-size:16px; line-height:30px; color:#3b3030; transition:all 0.5s ease 0s; }
		.proddetail_hot_desc{ font-size:14px; line-height:25px; color:#6d6d6d; }
		.proddetail_hot_li:hover .proddetail_hot_title{ color:#e7561d; }
		.proddetail_contact{ position:relative; width:100%; }
		.proddetail_contact_{ position:absolute; top:50%; padding-left:30.55%; transform:translateY(-50%); background:url(../images/proddetail_contact_icon.png) no-repeat 33px center; background-size:60px 60px; }
		.proddetail_contact_item{ font-size:20px; line-height:28px; color:#ffffff; }
		.proddetail_contact_cont{ font-size:32px; line-height:40px; color:#ffffff;  }
		
	
/********* 加入我们 *********/		
.joinindetail_{ width:1200px; margin:0 auto; padding:57px 0 95px; overflow:hidden; }
	.singlehead_cont{ width:100%; margin-top:28px; }
	.singlehead_cont img,.singlehead_cont video,.singlehead_cont iframe{ max-width:100%; margin-bottom:15px; }
	.singlehead_cont table{ margin-bottom: 10px; border-collapse: collapse; }
	.singlehead_cont td,.singlehead_cont th{ padding: 5px 10px; border: 1px solid #DDD; }
	
.staffing{ background:#f0f0f0; }
.staffing_{ width:1200px; margin:0 auto; padding:77px 0 95px; overflow:hidden; }
.staffinglist{ margin-top:40px; }
	.staffinglist_head{ height:60px; background:#fc6e3c; }
	.staffing_item{ float:left; width:14.17%; font-size:18px; line-height:60px; text-align:center; color:#ffffff; }
	.staffing_item.width01{ width:19.5%; text-align:left; }
	.staffing_item.width02{ width:8.82%; text-align:left; }
	.staffing_item.width01 span{ padding-left:44px; }
	.staffing_item.width02 span{ padding-left:7px; }
	
.staffinglist_{ margin-top:9px; }	
	.staffingli{ margin-bottom:8px; border:1px solid #e5e4e9; background:#ffffff; }
	.staffingli_{ height:60px; cursor:pointer; }
	.staffingli_item{ float:left; width:14.17%; font-size:14px; line-height:60px; text-align:center; color:#000000; }
	.staffingli_item.width01{ width:19.5%; text-align:left; }
	.staffingli_item.width02{ width:8.82%; text-align:left; }
	.staffingli_item span{ display:block; height:60px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
	.staffingli_item.width01 span{ padding-left:44px; }
	.staffingli_item.width02 span{ display:block; padding-left:10px; }
	.staffingli_item.width02 span i{ display:block; width:30px; height:30px; margin:15px 0; border-radius:5px; background:url(../images/arrow02.png) no-repeat center; box-shadow:0 0 6px 0 rgba(0,0,0,0.1); transition:all 0.5s ease 0s; }
	.staffingli:hover .staffingli_item.width02 span i,.staffingli.active .staffingli_item.width02 span i{ background:#fc6e3c url(../images/arrow02_cur.png) no-repeat center; }

.staffingli_cont{ position:relative; padding:26px 45px 50px; background:url(../images/xuxian.png) repeat-x center top; display:none; }
	.staffingli_cont_{ font-size:14px; line-height:25px; color:#666666; }
	.staffingli_cont_item{ font-size:18px; line-height:30px; color:#000000; }
	.staffingli_cont_ img,.staffingli_cont_ video,.staffingli_cont_ iframe{ max-width:100%; margin-bottom:15px; }
	.staffingli_cont_ table{ margin-bottom: 10px; border-collapse: collapse; }
	.staffingli_cont_ td,.staffingli_cont_ th{ padding: 5px 10px; border: 1px solid #DDD; }
	.staffingli_cont_btn{ width:120px; height:40px; border-radius:6px; background:#fc6e3c; margin-top:34px; font-size:18px; line-height:40px; text-align:center; color:#ffffff; cursor:pointer; }
	.staffingli_cont_line{ position:absolute; bottom:0; left:0; width:100%; height:2px; background:#fc6e3c; transition:all 0.5s ease 0s; }
	/*.staffingli_cont:hover .staffingli_cont_line{ width:100%; }*/
	
.staffingpops{ position:fixed; top:0; left:0; bottom:0; right:0; z-index:100; background:rgba(0,0,0,0.5); display:none; }	
	.staffingpops_{ 
		position:absolute; top:50%; left:50%; 
		transform:translate(-50%,-50%); 
		-webkit-transform:translate(-50%,-50%); 
		-ms-transform:translate(-50%,-50%); 
		-moz-transform:translate(-50%,-50%); 
		-o-transform:translate(-50%,-50%); 
		width:750px; padding:55px 0 68px; background:#ffffff; border-radius:6px; 
	}
	.staffingpops_close{ position:absolute; top:0; right:0; width:48px; height:42px; background:url(../images/close.png) no-repeat center; cursor:pointer; }
	.staffingpops_head{ position:relative; width:160px; border-top:1px solid #000000; margin:0 auto; }
	.staffingpops_head span{ position:absolute; left:10px; top:-27px; padding:0 10px; background:#ffffff; font-size:30px; line-height:55px; text-align:center; color:#000000; }
	.staffingpops_form{ margin-top:30px; }
	.staffingpops_form .formbox{ overflow:hidden; }
	.staffingpops_form .formitem{ float:left; width:22%; margin-right:10px; padding:8px 0; font-size:14px; line-height:44px; text-align:right; color:#000000; transition:all 0.5s ease 0s; }
	.staffingpops_form .star{ color:#fe0000; margin-right:4px; }
	.staffingpops_form .forminput{ position:relative; width:66.67%; padding:8px 0 7px; overflow:hidden; }
	.staffingpops_form .inputtxt{ width:100%; height:44px; border-bottom:1px solid #c9c9c9; font-size:14px; }
	.staffingpops_form .formselect_{ position:relative; width:49%; }
	.staffingpops_form select{ width:100%; height:44px; border:none; border-bottom:1px solid #c9c9c9; outline:none; background:url(../images/arrow03.png) no-repeat 97% center; }
	.staffingpops_form .forminput_line{ position:absolute; left:50%; bottom:0; width:0; height:2px; background:#fc6e3c; transition:all 0.5s ease 0s;
		transform:translateX(-50%); 
		-webkit-transform:translateX(-50%); 
		-ms-transform:translateX(-50%); 
		-moz-transform:translateX(-50%); 
		-o-transform:translateX(-50%); 
	}
	
	.formbox.active .formitem{ color:#fc6e3c; }
	.formbox.active .forminput_.active .forminput_line{ width:100%; }
	.formbox.active .formselect_.active .forminput_line{ width:100%; }

	.uploadbtn{ width:52.08%; height:160px; border:1px dashed #c9c9c9; }
	.uploadbtn_icon{ width:27px; height:23px; margin:12% auto 0; background:url(../images/folder.png) no-repeat center; }
	.uploadbtn_tip{ margin-top: 7.4%; font-size:14px; line-height:25px; text-align:center; color:#6f6f6f; }
	.uploadbtn_tip2{ font-size:12px; line-height:25px; text-align:center; color:#6f6f6f; }
	.jFiler-items{ width:90%; margin:10px 0 0; }
	.jFiler-items-default .jFiler-item{ margin-bottom:0; }
	.icon-jfi-file-o{ line-height:42px; }
	
	.staffingpops_form .formbox_submit{ width:195px; height:45px; border-radius:6px; background:#fc6e3c; margin:27px auto 0; font-size:20px; line-height:45px; text-align:center; color:#fffefe; cursor:pointer; }
	.staffingpops_form .formbox_submit.disclick{ background:#aaaaaa; }

/********* 成为配送中心 *********/	
.agentdetail{ background:#f0f0f0; }
.distributionbox_{ width:1200px; margin:0 auto; padding:57px 0 98px; }
.distribution_form{ margin-top:11px; overflow:hidden; }
.distribution_form .formbox{ float:left; width:50%; padding:20px 50px 0; box-sizing:border-box; }
.distribution_form .formbox.width100{ width:100%; }
.distribution_form .formitem{ font-size:16px; color:#020000; }
.distribution_form .star{ color:#ff0000; margin-left:4px; }
.distribution_form .forminput{ border-bottom:1px solid #cdcdcd; margin-top:6px; }
.distribution_form .inputtxt{ width:100%; height:32px; font-size:14px; }
.distribution_form select{ width:100%; height:32px; border:none; outline:none; background:url(../images/arrow03.png) no-repeat 99% center; font-size:14px; }
.distribution_form textarea{ width:100%; height:72px; font-size:14px; line-height:20px; }
.distribution_form .forminput_ label{ float:left; width:25%; }
.distribution_form .forminput_line{ position:absolute; left:50%; bottom:-1px; width:0; height:2px; background:#fc6e3c; transition:all 0.5s ease 0s;
		transform:translateX(-50%); 
		-webkit-transform:translateX(-50%); 
		-ms-transform:translateX(-50%); 
		-moz-transform:translateX(-50%); 
		-o-transform:translateX(-50%); 
	}
.formbox.active .formitem{ color:#fc6e3c; }
.formbox.active .forminput_.active .forminput_line{ width:100%; }

.distributionbox_ .formbox_submit{ width:300px; height:50px; border-radius:6px; background:#fc6e3c; margin:100px auto 0; font-size:20px; line-height:50px; text-align:center; color:#fffefe; cursor:pointer; }
.distributionbox_ .formbox_submit.disclick{ background:#aaaaaa; }
	

/********* 联系我们 *********/		
.mapbox{ position:relative; margin-top:89px;min-height: 620px; }
	#map{ position:absolute; top:0; bottom:0; left:0; right:0; }
	.mapbox_{ position:relative; z-index:10; width:1200px; margin:0 auto; padding:1px 0;height: 0; }
	.mapmain{ width:45%; height:540px; padding:18px 40px; background:rgba(241,89,41,0.95); box-sizing:border-box; margin:40px 0;}
	.mapmain_head{ position:relative; font-size:32px; line-height:80px; color:#ffffff; }
	.mapmain_head span{ position:absolute; bottom:4px; left:0; width:49px; height:4px; background:#ffffff; }
	.mapmain_cont{ margin-top:16px; font-size:18px; line-height:35px; color:#ffffff; }
	.mapmain_cont img,.mapmain_cont video,.mapmain_cont iframe{ max-width:100%; margin-bottom:15px; }
	.mapmain_cont table{ margin-bottom: 10px; border-collapse: collapse; }
	.mapmain_cont td,.mapmain_cont th{ padding: 5px 10px; border: 1px solid #DDD; }

.contactmain{ background:#ffffff; }
.contactmain_{ position:relative; width:1200px; margin:0 auto; padding:54px 0 80px; overflow:hidden; }
	.contactmain_line{ position:absolute; top:54px; bottom:80px; left:50%; width:1px; background:#e5e5e5; }
	.contactbox{ float:left; width:50%; box-sizing:border-box; }
	.contactbox.pad01{ padding: 0 80px 0 40px; }
	.contactbox.pad02{ padding: 0 80px 0 78px; }
	.contactbox_title{ font-size:30px; line-height:36px; color:#303030; }
	.contactbox_title_en{ font-size:16px; line-height:22px; color:#999999; }
	.contactbox_line{ width:49px; height:4px; background:#f15929; margin-top:9px; }
	.contactbox_cont{ margin-top:49px; font-size:14px; line-height:30px; color:#303030; }
	.contactbox_cont img,.contactbox_cont video,.contactbox_cont iframe{ max-width:100%; margin-bottom:15px; }
	.contactbox_cont table{ margin-bottom: 10px; border-collapse: collapse; }
	.contactbox_cont td,.contactbox_cont th{ padding: 5px 10px; border: 1px solid #DDD; }


/********* 搜索页面 *********/	
.searchmain{ width:100%; }
.searchmain_{ width:1228px; margin:0 auto; padding:35px 0 0; }
	.searchmain_box{ width:1200px; margin:0 auto; }
	.searchmain_box_item{ font-size:30px; line-height:36px; color:#303030; }
	.searchmain_box_item i{ float:left; width:4px; height:35px; background:#f15929; }
	.searchmain_box_item span{ padding-left:17px; }
	.searchmain_box_{ height:46px; border:2px solid #eeeeee; border-radius:5px; margin-top:17px; }
	.searchmain_box_input{ overflow:hidden; }
	.searchmain_box_input input{ width:100%; height:46px; padding:0 28px; font-size:14px; color:#303030; }
	.searchmain_box_btn{ float:right; width:159px; height:46px; background:#f15929; border-top-right-radius:5px; border-bottom-right-radius:5px; font-size:24px; line-height:46px; text-align:center; color:#fffdfd; cursor:pointer; }
	.searchprodlist{ width:1200px; margin:48px auto 98px; }
	.searchprodlist_{ overflow:hidden; border:1px solid #eeeeee; border-bottom:none;  }
	.searchprodli{ float:left; width:20%; height:258px; padding:28px 0 28px; box-sizing:border-box; }
	.searchprodli_img{ width:166px; height:170px; margin:0 auto; transition:all 0.5s ease 0s; overflow:hidden; }
	.searchprodli_img div{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }
	.searchprodli_title{ width:166px; height:40px; margin:10px auto 0; overflow:hidden; font-size:14px; line-height:20px; text-align:center; color:#6d6d6d; transition:all 0.5s ease 0s; }
	.searchprodli:hover .searchprodli_img{ transform:translateY(-10px); }
	.searchprodli:hover .searchprodli_title{ color:#f15929; }
	
	.searchnewslist{ margin:48px 0 64px; }
	.searchnewslist_{ overflow:hidden; }
	
	
/********* 网站地图 *********/	
.webmapmain{ margin:90px 0 0; }	
.webmapmain_{ width:1200px; margin:0 auto; }
.singlehead_box{ height:70px; margin:0 auto; padding:83px 0 0; border-bottom:1px solid #e8e8e8;}
.webmaplist{ margin:60px 0 0; overflow:hidden; }
.webmapli{ float:left; width:25%; height:180px; margin-bottom:68px; }
.webmapli_head a{ font-size:18px; line-height:36px; color:#f15929; }
.webmapli_item a{ font-size:14px; line-height:28px; color:#303030; }

.shop_btn{position: absolute;right: 0;top:32px;}
.shop_btn_li{width: 150px;height: 40px; float:left;margin-left: 20px;}
.shop_btn_li a{ display:block; width:100%; height:100%; }
.shop_btn_li.btn-01 a{ background:url(../images/jdbtn.jpg) no-repeat center; }
.shop_btn_li.btn-02 a{ background:url(../images/tmbtn.jpg) no-repeat center; }
@media screen and (max-width: 1880px)
{
	/*********** header **********/
	.navli .navli-a span{ padding:0 20px; }
}
@media screen and (max-width: 1720px)
{
	/*********** header **********/
	.navli .navli-a{ font-size:16px; }
	.navli .navli-a span{ padding:0 10px; }
}
@media screen and (max-width: 1500px){
	/*********** header **********/
	.nav { margin-left: 10px;}
}
@media screen and (max-width: 1400px){
	/*********** header **********/
	/*.navli .navli-a{ font-size:15px; }
	.navli .navli-a span{ padding:0 5px; }*/
	.searchbox{ width:40px;}
	.logoicon{ margin:25px 15px 0 0; }
	.logoicon img{ height:40px; }
}
@media screen and (max-width: 1200px){
	/*********** header **********/
	.navli .navli-a{ font-size:15px; }
	.navli .navli-a span{ padding:0 5px; }
	.navlised_{ width:100%; }
	.navlithrd_{ width:100%; }
	
	/*********** footer **********/
	.footer_{ width:100%; padding: 0 24px; box-sizing: border-box; }
	.footer_nav dl{ width:130px; }
	
	/*********** 世界杯官网线上平台 ************/
	.indexvideo_{ width:100%; }
	.indexvideo_cont{ padding:0 16px; font-size:32px; }
	
	/*********** 关于我们 ******/	
	.insidenav_{ width:100%; }
	.singledetail_{ width:100%; }
	
	.newsbox_{ width:100%; }
	.newsdetail_{ width:100%; padding:0 16px 48px; box-sizing:border-box; }
	.activitycenter_{ width:100%; padding: 57px 16px 63px; box-sizing:border-box; }
	.journalbox_{ width:100%; }
	.journaldetail_{ width:100%; }
	.journaldetail_cont_{ width:900px; }
	.videonewsbox_{ width:1024px; }
	.videobox_{ width:700px; height:412.5px; }
	.videobox_info{ height:412.5px; padding:0 15px; }
	.videobox_title{ margin-top:15px; font-size:20px; line-height:30px; }
	.videobox_img{ margin-top:10px;}
	.videobox_item{ margin:15px 0 4px; line-height:30px; }
	
	/*********** 我们的产品 ******/	
	.prodnav_{ width:100%; }
	.prodlist_{ width:100%; padding:0 10px; box-sizing:border-box; }
	
	/*********** 产品详情页 ******/	
	.proddetail_{ width:1000px;}
	.proddetail_imgarr{ width:460px; height:516px; margin-top: 114px; margin-right:40px; }
	#toolbox{ bottom:15px; }
	.proddetail_info{ width:500px; }
	.proddetail_linkli{ width:210px; }
	.proddetail_main_{ width:100%; padding:0 10px; box-sizing:border-box; }	
	
	.joinindetail_{ width:100%; padding: 57px 16px 95px; box-sizing:border-box; }
	.staffing_{ width:100%; padding: 77px 16px 95px; box-sizing:border-box; }
	
	.distributionbox_{ width:100%; }
	.contactmain_{ width:100%; }
	.mapbox_{ width:100%; padding:1px 16px; box-sizing:border-box; }
	.mapmain{ height:auto; padding:18px 20px; margin: 50px 0;}
	
	.searchmain_{ width:100%; }
	.searchmain_box{ width:100%; padding: 0 10px; box-sizing: border-box; }
	.searchprodlist{ width:100%; padding: 0 10px; box-sizing: border-box; }
	
	.webmapmain_{ width:100%; padding:0 16px; box-sizing:border-box; }
}	
	
@media screen and (max-width: 1100px){
	/*********** header **********/
	.logo a{ padding: 0px 10px; }
	.nav{ margin-left: 0;}
	.languagebox{ margin:24px 10px 0 0; }
	.searchbox{ margin:24px 10px 0 0; }
	.logoicon { margin:25px 10px 0 0; }
	
	/*********** footer **********/
	.footer_nav dl{ width:110px; }
		
}		
@media screen and (max-width: 1050px){
	.logoicon{ display:none; }
	.languagebox{ margin:24px 10px 0; }
	.searchbox{ margin:24px 2px 0 0; }
}	

@media screen and (max-width: 1000px){
	/*********** header **********/
	.header{ height:43px; }
	.header .logo img {
		height: 43px;
	}
	.logo a{ padding:0px 10px 10px; line-height: normal; }
	.logoicon,.languagebox,.searchbox{ display:none; }
	.searchbox{ position:fixed; top:44px; left:0; width:100%; height:75px; border-radius:0; background:#f15929; margin:0; padding:20px 9px; box-sizing:border-box; border:none; }
	.searchinput{ float:left; width:73.67%; height:35px; padding:0; border-radius:0; }
	.searchinput input{ padding:0 5px; border-radius:0; border-top-left-radius:3px; border-bottom-left-radius:3px; font-size:14px; }
	.searchbtn{ position:relative; top:0; right:0; float:left; width:26.33%; height:35px; border-radius:0; border-top-right-radius:3px; border-bottom-right-radius:3px; background:#eeeeee; font-size:12px; line-height:35px; color:#000000; text-align:center; }
	.searchbtn:hover{ background:#eeeeee; }
	.searchbtn span{ display:block; }
	.nav{ display:none!important;}
	.navbtn{ display:block; }
	.mobilesearch{ display:block; }
	
	/*********** footer **********/
	.footer_nav,.footer_bottom_nav{ display:none; }
	.footer_{ padding:0 15px; }
	.footer_ewm{ float:none; width:270px; padding:27px 0 0; margin:0 auto; }
	.footer_ewm_{ width:50%; margin:0 auto; }
	.footer_ewm_img{ width:100px; margin:0 auto; }
	.footer_ewm_title{ margin-top:14px; font-size:12px; line-height:14px; }
	.footer_contact{ float:none; padding:30px 5px 0; }
	.footer_contact_{ margin-bottom:22px; }
	.footer_contact_item{ font-size:12px; line-height:20px; }
	.footer_contact_cont span{ display:none; }
	.footer_contact_cont a{ display:block; }
	
	.footer_bottom{ padding:13px 5px 16px; }
    .shop_btn{top:13px;}
	.copyrightbox{ font-size:10px; line-height:18px; }
	.copyrightbox .span01{ display:block; }
	.desinbox{ position:relative; top:0; font-size:10px; line-height:18px; margin-top:4px; }
	
	.totop{ width:30px; height:30px; }
	.totop div{ background: url(../images/totop.png) no-repeat center; background-size:auto 5px; }
	
	/*********** 世界杯官网线上平台 ******/	
	.banner{ margin-top:43px; }
	.banner .swiper-pagination{ bottom:5px; }
	.banner .swiper-pagination .swiper-pagination-bullet{ width:6px; height:6px; margin:0 1.5px; }
	.wantli{ position:relative; width:50%; height:68px; padding:8px 0 7px; border-right:none; }
	.wantli:nth-child(1),.wantli:nth-child(2){ border-bottom: 1px solid #d8d9da; }
	.wantli_{ width:100%; height:52px; padding:10px 20px 0 55px; }
	.wantli:nth-child(1) .wantli_,.wantli:nth-child(3) .wantli_{ border-right: 1px solid #d8d9da; }
	.wantli_ i{ left:20px; }
	.wantli_ .icon01{ width:20px; height:20px; margin-top:-10px; background:url(../images/wantli_icon01.png) no-repeat right center; background-size:auto 20px; }
	.wantli_ .icon02{ width:20px; height:20px; margin-top:-10px; background:url(../images/wantli_icon02.png) no-repeat right center; background-size:auto 20px; }
	.wantli_ .icon03{ width:20px; height:19px; margin-top:-10px; background:url(../images/wantli_icon03.png) no-repeat right center; background-size:auto 19px; }
	.wantli_ .icon04{ width:20px; height:20px; margin-top:-10px; background:url(../images/wantli_icon04.png) no-repeat right center; background-size:auto 20px; }
	.wantli_title{ font-size:12px; line-height:18px; }
	.wantli_title_en{ font-size:10px; line-height:10px; }
	.wantli_title_arrow{ position:absolute; right:20px; top:50%; width:6px; height:10px; margin-top:-5px; background: url(../images/wantli_arrow.png) no-repeat center; background-size:5px 10px; }
	.wantli:hover .wantli_title_arrow{ background: url(../images/wantli_arrow_cur.png) no-repeat center; background-size:5px 10px; }
	
	.newprodli{ width:100%; }
	.newprodli_cont{ top:15%; }
	.newprodli_logo{ font-size:22px; line-height:30px; }
	.newprodli_logo img{ width:65%; }
	.newprodli_desc{ margin-top:14px; font-size:12px; line-height:15px; }
	.indexvideo{ margin-top:33px; }
	.indexvideo_main{ position:relative; background:#f0f0f0; }
	.indexvideo_{ padding-top:0; }
	.indexvideo_cont{ padding:13px 34px; font-size:11px; line-height:18px; color:#2b2e2f; }
	
	.indexnews{ padding:36px 0 0; }
	.indexnews_head_title{ font-size:20px; line-height:24px; }
	.indexnews_head_entitle{ font-size:12px; line-height:16px; }
	.indexnews_head_line{ width:25px; height:2px;margin:4px auto 0; }
	
	.indexnewslist{ margin-top:22px; padding-bottom:34px; }
	.indexnewsli{ height:auto; margin-bottom:28px; }
	.even .indexnewsli_word, .odd .indexnewsli_img{ float:none; }
	.odd .indexnewsli_word, .even .indexnewsli_img{ float:none; }
	.odd .indexnewsli_img_{ margin:0 10px; }
	.even .indexnewsli_img_{ padding-left:0; margin:0 10px; }
	.odd .indexnewsli_word_,.even .indexnewsli_word_{ float:none; margin-left:0; }
	.indexnewsli_word, .indexnewsli_img{ width:100%; }
	.indexnewsli_img{ height:97.5px; margin-bottom:19px; }
	.indexnewsli_word_{ display:block; width:100%; height:auto; }
	.indexnewsli_word_box{ display:block; position:relative; padding:0 10px 40px 0; }
	.indexnewsli_date{ width:62px; height:40px; margin-right:12px;}
	.indexnewsli_date .day{ font-size:30px; line-height:30px; }
	.indexnewsli_date .month{ font-size:10px; line-height:10px; }
	.indexnewsli_title{ font-size:16px; line-height:21px; color:#333333; padding-right:0; }
	.indexnewsli_desc { margin-top:9px; padding-right:0; font-size:12px; line-height:18px; }
	.indexnewsli_btn{ width:88px; height:22px; margin-top:18px; border-bottom-right-radius:6px; font-size:12px; line-height:22px; position:absolute; bottom:0;}
	
	
	/*********** 关于我们 ******/	
	.insidebanner{ margin-top:44px; height:135px; }
	.insidenav{ height:35px; }
	.insidenav_li i{ height:2px; }
	.insidenav_li span{ height:35px; font-size:14px; line-height:35px;}
	.singledetail_{ padding:28px 0 50px; }
	.singlehead_title{ font-size:20px; line-height:24px; }
	.singlehead_title_en{ font-size:12px; line-height:16px; }
	.singlehead_line{ width:25px; height:2px;margin:4px auto 0; }
	.singlecont{ padding:17px 16px 0; font-size:15px; line-height:24px; }
	.singlefoot{ width:100%; padding:0 16px; box-sizing:border-box; margin:35px 0 0; }
	.singlefootli{ width:50%; margin-bottom:25px; }
	.singlefootli_{ width:100px; }
	.singlefootli_img{ width:70px; height:70px; margin:0 auto; }
	.singlefootli_title{ margin-top:10px; font-size:13px; line-height:20px; }
	.singlefootli_counter{ margin-top:4px; font-size:18px; }
	
	.newsbox_{ padding:28px 0 31px; }
	.newslist{ margin-top:17px; }
	.newsli{ width:100%; margin:0 0 18px; }
	.newsli_{ padding-bottom:10px; margin: 0 10px; }
	.newsli_img{ margin-bottom:14px; }
	.newsli_cont{ padding:0 10px; }
	.newsli_title{ height:30px; line-height:30px; }
	.newsli_date{ line-height:40px; }
	.newsli_count{ line-height:40px; }
	
	.breadnav{ display:none; }
	.breadnav_{ padding:10px 10px 10px 27px; background: url(../images/breadnav.png) no-repeat 13px center; background-size:9px 9px; font-size:12px; }
	.newsdetail{ margin-top:44px; }
	.newsdetail_{ padding:0 16px 24px; }
	.newsdetail_head{ padding:30px 0 8px; }
	.newsdetail_title{ font-size:20px; line-height:26px; }
	.newsdetail_info{ padding-top:7px; }
	.newsdetail_info span{font-size:12px; line-height:18px; }
	.newsdetail_cont{ padding:15px 0; font-size:15px; line-height:24px; }
	.newsdetail_btn{ width:288px; margin:20px auto; }
	.newsdetail_btn a{ height:30px; font-size:14px; line-height:30px; }
	.newsdetail_prev{ width:90px; margin:0 3px; }
	.newsdetail_next{ width:90px; margin:0 3px; }
	.newsdetail_back{ width:90px; margin:0 3px; }
	.newsdetail_prev a{ width:88px; }
	.newsdetail_next a{ width:88px; }
	.newsdetail_back a{ width:88px; }
	
	.videonewsbox_{ width:100%; padding:28px 0 31px; }
	.videolist{ margin-top:20px; }
	.videoli{ width:100%; margin:0 0 16px; padding:0 16px; }
	.videobox{ position:fixed; top:0; left:100%; width:100%; bottom:0; z-index:150; margin-top:0; padding:50px 0 16px; background:#303030; box-sizing:border-box; overflow-y:scroll; transition:left 0.5s ease 0s; }
	.videobox.mobile{ left:0; }
	.videobox_{ float:none; width:90%; height:169px; margin:0 auto; }
	.videobox_info{ height:auto; }
	.videobox_close{ position:absolute; top:0; right:0; width:44px; height:41px; background: url(../images/close.png) no-repeat center; background-size:10px 10px;  }
	/*.videobox_link a.videobox_li_01,.videobox_link a.videobox_li_02{ background-size:18px 18px; }*/
	
	.activitycenter_{ padding:28px 16px 31px; }
	.acnewslist{ margin-top:22px; }
	.acnewsli{ height:auto; margin-bottom:30px; }
	.acnewsli_img{ float:none; width:100%; height:127px; margin-right:0; }
	.acnewsli_info{ width:100%; height:auto; padding-bottom:50px; margin-top:10px; }
	.acnewsli_title{ font-size:20px; line-height:26px; margin-bottom:10px;  }
	.acnewsli_btn{ width:120px; height:30px; }
	.acnewsli_btn span{ padding-left:20px; font-size:14px; line-height:30px; background: url(../images/arrow01.png) no-repeat 86px center; background-size:7.5px; }
	.acnewsli:hover .acnewsli_btn span{ background: url(../images/arrow01_cur.png) no-repeat 86px center; background-size:7.5px; }
	.acnewsli_img .mark{ width:50px; height:47px; background-size:50px 47px; }
	
	.journalbox_{ padding:28px 16px 31px; box-sizing:border-box; }
	.journallist{ margin-top:20px; }
	.journalli{ width:50%; margin:0 0 20px; }
	.journalli_img p{ font-size:12px; }
	.journalli_type{ font-size:14px; line-height:20px; }
	.journalli_title{ margin-top:-13px; font-size:18px; line-height:26px; }
	.journalli_qishu{ height:30px; }
	.journalli_qishu span{ height:30px; font-size:14px; line-height:30px;}
	
	.journaldetail{ margin-top:44px; padding-bottom:40px; }
	.journaldetail_{ padding:40px 16px 0; box-sizing:border-box; }
	.journaldetail_title{ font-size:20px; line-height:26px; }
	.journaldetail_cont{ margin:22px 0 30px; }
	.journaldetail_cont_{ width:100%; }
	.prod-pre{ left:-16px; width:30px; height:30px; margin-top:-15px; }
	.prod-next{ right:-16px; width:30px; height:30px; margin-top:-15px; }
	.prod-pre span{ background: url(../images/prev.png) no-repeat center; background-size:13px 11px; }
	.prod-next span{ background: url(../images/next.png) no-repeat center; background-size:13px 11px; }
	.journaldetail_btn div{ margin:0; }
	.journaldetail_btn a{ height:30px; font-size:14px; line-height:30px; }
	.journaldetail_prev a{ width:75px; }
	.journaldetail_back a{ width:75px; }
	.journaldetail_file a{ width:75px; }
	.journaldetail_next a{ width:75px; }
	
	.insidebanner .swiper-pagination{ bottom:5px; }
	.insidebanner .swiper-pagination .swiper-pagination-bullet{ width:6px; height:6px; margin:0 1.5px; }
	.prodlist{ padding:30px 0 20px; }
	.prodlist_part_left{ position:relative; width:100%; }
	.itembox{ display:block; padding:27px 0; }
	.itembox_icon{ width:42px; height:42px; margin:0 auto 13px; }
	.itembox_icon div{ background-position:center top; background-size:42px auto; }

	.itembox_title{ font-size:20px; line-height:26px; }
	.prodlist_part_right{ margin-left:0; }
	.prodli{ width:50%; }
	.prodli_img,.prodli_title{ width: auto; max-width:166px; }
	.prodli_title{ padding:0 10px; }
	.prodli_line_two{ display:block; }
	.prodli_line_four{ display:none; }
	
	.proddetail{ height:auto; margin-top:99px; }
	.proddetail_{ width:100%; }
	.proddetail_imgarr{ float:none; width:300px; height:336px; margin:0 auto; }
	.proddetail_info{ float:none; width:100%; padding:30px 16px 20px; box-sizing:border-box; }
	.proddetail_title{ font-size:24px; line-height:30px; }
	.proddetail_desc{ margin-top:8px; }
	.proddetail_parameter_ul{ width:100%; margin-top:13px; padding:12px 0 0; }
	.parameter_li{ padding-left:10px; background: url(../images/point.png) no-repeat left 13px; background-size:4px 4px; font-size:14px; line-height:30px; }
	.parameter_item{ margin-right:10px; }
	.proddetail_linkul{ margin-top:15px; }
	.proddetail_linkli{ width:140px; height:38px; margin-right:4px; }
	.proddetail_linkli.btn-01 a{ background-size:140px auto; }
	.proddetail_linkli.btn-02 a{ background-size:140px auto; }
	.proddetail_share{ margin-top:20px; }
	.bdsharebuttonbox{ padding:7px 0; }
	.bdsharebuttonbox .shareli{ width:24px; height:20px; margin: 0 0 0 8px; }
	.bdsharebuttonbox .shareli.icon01{ background-size:20px auto; }
	.bdsharebuttonbox .shareli.icon02{ background-size:auto 18px; }
	.bdsharebuttonbox .shareli.icon03{ background-size:auto 18px; }
	.bdsharebuttonbox .shareli.icon04{ background-size:auto 18px; }
	.bdsharebuttonbox .shareli.icon05{ background-size:auto 18px; }
	.proddetail_main{ padding:60px 0 35px; }
	.proddetail_main_{ padding:0 16px; }
	.proddetail_main_left{ float:none; width:100%; }
	.proddetail_main_head{ top:-30px; border-bottom:2px solid #f15929; }
	.proddetail_main_head div{ width:84px; height:30px; padding-left:36px; border-top-left-radius:6px; border-top-right-radius:6px; background:#f15929 url(../images/detailcont.png) no-repeat 13px center; background-size:16px 15px; font-size:16px; line-height:32px; }
	.proddetail_main_right{ float:none; width:100%; margin-top:15px; }
	.proddetail_report_head{ height: 30px; font-size: 15px; line-height: 30px; padding-left: 30px; background-position: 9px center; background-size: 14px 11px; }
	.proddetail_hot_head{ height: 30px; font-size: 15px; line-height: 30px; padding-left:25px; background-position: 10px center; background-size: 11px 10px; }
	.proddetail_contact_cont{ font-size:28px; }
	.proddetail_contact_{ background-size:50px 50px; background-position:25px center;  }
	
	
	.joinindetail_{ padding:28px 16px 47px; }
	.staffing_{ padding:38px 16px 47px; }
	.staffinglist{ margin-top:20px; }
	.staffinglist_head{ height:40px; }
	.staffing_item{ font-size:16px; line-height:40px; }
	.staffing_item.moilenone{ display:none; }
	.staffing_item.width01{ width:85%; }
	.staffing_item.width02{ width:15%; }
	.staffing_item.width01 span{ padding-left:10px; }
	.staffingli_{ height:40px; overflow:hidden; }
	.staffingli_item{ font-size:14px; line-height:40px; }
	.staffingli_item.moilenone{ display:none; }
	.staffingli_item.width01{ width:85%; }
	.staffingli_item.width02{ width:15%; }
	.staffingli_item.width01 span{ height:40px; padding-left:10px; }
	.staffingli_item.width02 span i{ width:15px; height:15px; margin:13px 0 12px; border-radius:2px; background: url(../images/arrow02.png) no-repeat center; background-size:6px 3px; }
	.staffingli:hover .staffingli_item.width02 span i, .staffingli.active .staffingli_item.width02 span i{ background:#fc6e3c url(../images/arrow02_cur.png) no-repeat center; background-size:6px 3px; }
	.staffingli_cont{ padding:13px 16px 25px; }
	.staffingli_cont_{ font-size:15px; line-height:24px; text-align:justify; }
	.staffingli_cont_btn{ width:90px; height:30px; margin-top:17px; font-size:14px; line-height:30px; }
	
	.distributionbox_{ padding:28px 0 49px; }
	.distribution_form .formbox{ width:100%; padding:20px 16px 0; }
	.distribution_form .forminput_ label{ width:100%; }
	.distributionbox_ .formbox_submit{ margin:50px auto 0; width: 240px; height: 40px; font-size: 16px; line-height: 40px; }
	
	.mapbox{ margin-top:44px; }
	#map{ position:relative; height:310px; }
	.mapbox_{ padding:0; height: auto;}
	.mapmain{ width:100%; padding:9px 16px; margin: 0;}
	.mapmain_head{ font-size:20px; line-height:50px; }
	.mapmain_cont { margin-top:8px; font-size:15px; line-height:24px; }
	.contactmain_{ padding:27px 0 40px; }
	.contactbox{ width:100%; }
	.contactbox_title{ font-size:20px; line-height:24px; }
	.contactbox_title_en{ font-size:12px; line-height:16px; }
	.contactbox_line{ width:25px; height:2px; margin-top:4px; }
	.contactbox.pad01,.contactbox.pad02{ padding: 0 16px 30px; }
	.contactbox_cont{ margin-top:20px; font-size:15px; line-height:24px; }
	.contactbox_cont.hasborder{ border-bottom:1px solid #e5e5e5; }
	.contactmain_line{ display:none; }
	
	.searchmain_{ padding:17px 0 0; }
	.searchmain_box_item{ font-size:20px; line-height:30px; }
	.searchmain_box_item i{ width:2px; height:24px; margin-top:3px; }
	.searchmain_box_item span{ padding-left:9px; }
	.searchmain_box_{ height:35px; border:1px solid #eeeeee; border-radius:2px; }
	.searchmain_box_btn{ width:90px; height:35px; font-size:16px; line-height:35px; border-top-right-radius:2px; border-bottom-right-radius:2px; }
	.searchmain_box_input input{ height:35px; border-top-left-radius:2px; border-bottom-left-radius:2px; padding: 0 14px; }
	.searchprodlist{ margin:24px auto 49px; }
	.searchprodli{ width:50%; }
	.searchprodli_img,.searchprodli_title{ width: auto; max-width:166px; }
	.searchprodli_title{ padding:0 10px; }
	
	.searchnewslist{ margin:24px 0 32px; }
}	
@media screen and (max-width:800px){
	.staffingpops_{ width:90%; margin:0 auto; padding:27px 0 34px; }
	.staffingpops_close{ width:24px; height:21px; background: url(../images/close.png) no-repeat center; background-size:10px 10px; }
	.staffingpops_head{ width:110px; }
	.staffingpops_head span{ top:-15px; padding:0 5px; font-size:20px; line-height:30px; }
	.staffingpops_form{ margin-top:20px; }
	.staffingpops_form .formbox{ margin-bottom:5px; }
	.staffingpops_form .formitem{ width:28%; margin-right:5px; padding:4px 0; line-height:35px; }
	.staffingpops_form .forminput{ width:auto; padding:4px 10px 3px 0; }
	.staffingpops_form .inputtxt{ height:35px; }
	.staffingpops_form select{ height:35px; background: url(../images/arrow03.png) no-repeat 97% center; background-size:5px auto; }
	.uploadbtn{ width:90%; height:130px; }
	.uploadbtn_tip{ margin-top:4.4%; font-size:13px; }
	.uploadbtn_tip2{ font-size:11px; line-height:14px;}
	.jFiler{ font-size:10px; line-height: 16px; }
	.jFiler-items-default .jFiler-item{ padding:5px; }
	.jFiler-items-default .jFiler-item .jFiler-item-icon{ font-size:17px; margin-right:7px; }
	.jFiler .jFiler-item-info{ float:none; overflow:hidden; }
	.jFiler-items-default .jFiler-item-assets{ right:0; }
	.jFiler-items-default .jFiler-item-assets a{ padding:4px 4px 4px 6px; }
	.staffingpops_form .formbox_submit{ width:165px; height:35px; font-size:16px; line-height:35px; }
}

@media screen and (max-width:750px)
{
    .footer_top{padding: 0 0 95px !important;}
    .shop_btn{left: 0px;right: inherit;top:-105px;}
    .shop_btn_li{float: none;margin-bottom: 10px;margin-left: 0px;}
    /*.btn-01{margin-top: -150px !important;margin-right: 4px !important;float: left !important;}*/
    /*.btn-02{margin-top: -102px !important;float: left !important;}*/
    .collegeteach_list a:nth-child(odd) .collegeteach_list_{float: left;margin-top: 10px;}
    .collegeteach_list a:nth-child(even) .collegeteach_list_{float: right;margin-top: 10px;}
    .collegeteach_list{overflow: hidden;}
    .collegeteach_list_{width: 48%;height: auto;margin: 0;}
    .collegeteach_list_img{padding-top: 160%;}
    .collegeteach_list_name{font-size: 13px;margin-top: 5px;}

    .classinfo{overflow: hidden;}
    .classinfo a:nth-child(odd) .classinfo_{float: left;margin-right: 0;}
    .classinfo a:nth-child(even) .classinfo_{float: right;margin-right: 0;}
    .classinfo_{width: 48.5%;margin-top: 10px;}
    .cproknowbtn_{width: 70px;font-size: 12px;}
    .proknow_{width: 100%;}
    .proknowlist_{height: auto;margin: 20px auto;overflow: hidden;padding-bottom: 10px;}
    .proknowlist_pic{width: 100%;margin: 0 auto;padding-top: 54%;}
    .proknowlist_:hover .proknowlist_pic{transform: scale(1);}
    .proknowlist_li{width: 95%;margin-left: 10px;height: auto;}
    .proknowlist_title{font-size: 14px;margin-top: 13px;}
    .proknowlist_brief{font-size: 12px;line-height: 17px;margin-top: 3px;}
    .proknowli_info div{line-height: 20px;font-size: 12px;}
    .proknowli_more{margin-right: 10px;}
    .newsdetail_head{padding-top: 120px;}
    .newsdetail_title{font-size: 14px;}
    .newsdetail_cont{font-size: 13px;}
    .enrollment p img{    transform: scale(0.7);}

    .frombaoming{width: 100%;}
    .frombaoming form{width: 97%;margin: 14px auto;}
    .closebmfrom{width: 30px;height: 30px;margin-top: 8px;}
    .bmfrom_head{font-size: 20px;margin-top: 20px;}
    .formonerang{font-size: 16px;margin-top: 14px;}


}
@media screen and (max-width:450px){



    .classinfo{overflow: hidden;}
    .classinfo a:nth-child(odd) .classinfo_{float: left;margin-right: 0;}
    .classinfo a:nth-child(even) .classinfo_{float: right;margin-right: 0;}
    .classinfo_{width: 48.5%;height: 140px;margin-top: 10px;}
    .classinfo_pic{background-size: contain;background-position: top;height: 120px;}
    .classinfo_title{}

}
	
.col-xs-12,.col-md-4{
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  }