.layout{max-width:1200px; margin:0 auto; padding:0px 15px;}
img{max-width:100%;}
body{background:#f4f4f4;}
.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix{zoom:1;}
.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block;}

/*header*/
.header{width:100%; background:#fff;}
.header .logo{float:left; margin-top:12px;}
.header .nav{float:right;}
.header .nav ul li{float:left; height:98px; /*width:93px;*/ padding:0 20px; text-align:center; position:relative;}
.header .nav ul li>a{display:block; font-size:16px; color:#666; transition: all 0.5s ease; line-height:98px;}
.header .nav ul li.on{background-color:#ee0000;}
.header .nav ul li.on>a{color:#fff;}
.header .nav ul li:hover>a{color:#ee0000;}
.header .nav ul li.on>a:hover{color:#fff;}
.header .nav ul li .submu{position:absolute; left:0px; top:98px; z-index:10; width:120px; line-height:28px; background:#505050; display:none;}
.header .nav ul li:hover .submu{display:block;}
.header .nav ul li .submu a{font-size:14px; color:#fff; margin:0px 15px; float:left;}
.header .nav ul li .submu a:hover{color:#ee0000;}

.header .searchbar{float:right; width:150px; height:15px; padding:5px 10px; border:1px solid #d9d9d9; overflow:hidden;zoom:1; margin:33px 26px 0px 46px;}
.header .searchbar.on{box-shadow:#666 0px 0px 10px; border-color:#ee0000;}
.header .searchbar .inputext{width:130px; float:left; height:16px; line-height:16px; border:none;}
.header .searchbar .inpubtn{width:16px; height:16px; border:none; background:url(../skin/searchbtn.png) no-repeat; float:right; cursor:pointer;}
.header .yuyan{float:right; margin-top:33px; font-size:14px; color:#666; line-height:29px;}
.header .yuyan a{color:#333;}
.header .yuyan a:hover,.header .yuyan a.on{color:#ee0000;}
.header .showbtn{display:none; width:35px; height:21px; background:url(../skin/showbtn.png) no-repeat; overflow:hidden; text-indent:-9999px; position:absolute; right:10px; top:19px; z-index:10; background-size:contain;}
.header .language{float:right; margin-top:12px; margin-right:40px; position:relative; background:url(../skin/yybg.png) right center no-repeat; padding-right:10px; display:none;}
.header .language .qhbtn{font-size:24px; color:#666; font-weight:700;}
.header .language .ul{position:absolute; right:0px; top:40px; background:#fff; border:1px solid #ddd; border-radius:5px; z-index:100; padding:10px; width:35px; display:none;}
.header .language .ul li a{font-size:14px; color:#333;}
.header .language:hover .ul{display:block;}

/*navsub*/
.navmask{width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:200; background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,.7); opacity:0; display:none;}
.navsub{overflow:hidden; position:fixed; right:0px; top:0px; width:0%; height:100%; z-index:500;}
.navsub .subsearch{width:100%; height:50px; background:#eee;}
.navsub .subsearch .searchtext{width:90%; height:20px; padding:15px 5%; border:none; font-size:18px; background:none;}
.navsub .subsearch .searchbtn{width:50px; height:50px; border:none; overflow:hidden; text-indent:-9999px; position:absolute; right:0px; top:0px; background:url(../skin/subsearchbtn.png) no-repeat; cursor:pointer;}
.navsub .subbox{width:100%; height:100%; background:#1d1d1d; position:relative; overflow-y:auto;}
.navsub .subbox .subtab li{border-bottom:1px solid #343434; position:relative;}
.navsub .subbox .subtab li .tlink{display:block; padding:10px; font-size:18px; color:#fff; background:url(../skin/subli.png) 98% center no-repeat;}
.navsub .subbox .subtab li.on .tlink{background:#ee0000 url(../skin/sublih.png) 98% center no-repeat;}
.navsub .subbox .subtab li .submenu{width:100%; overflow:hidden; display:none;}
.navsub .subbox .subtab li .submenu a{display:block; font-size:18px; color:#fff; padding:10px; border-top:1px solid #343434; background:url(../skin/sublink.png) 97.5% center no-repeat;}

/*banner*/
.swiper-home-container .banner-height{display:block;}
.swiper-home-container .banner-height img{max-width:100%; display:block;}
.swiper-home-container .swiper-button-next,.swiper-home-container .swiper-button-prev{position:absolute; top:50%; z-index:3; margin-top:-31px; width:48px; height:50px; overflow:hidden; text-indent:-9999px; background:url(../skin/slider-button.png) no-repeat;}
.swiper-home-container .swiper-button-prev{left:60px; background-position:0px 0px; opacity:0; visibility:hidden;}
.swiper-home-container .swiper-button-prev:hover{background-position:0px -50px;}
.swiper-home-container .swiper-button-next{right:60px; background-position:-48px 0px; opacity:0; visibility:hidden;}
.swiper-home-container .swiper-button-next:hover{background-position:-48px -50px;}
.banner-container:hover .swiper-button-prev{opacity:1; visibility:visible;}
.banner-container:hover .swiper-button-next{opacity:1; visibility:visible;}
.banner-container .swiper-pagination{width:100%; text-align:center; left:0px; bottom:15px !important;}
.swiper-pagination .swiper-pagination-bullet{display:inline-block; width:11px; height:11px; margin:0px 3px; background:#fff; border-radius:50%; opacity:1; cursor:pointer; overflow:hidden; text-indent:-9999px;}
.swiper-pagination .swiper-pagination-bullet-active{background:#ee0000;}

/*index*/
.sectionone{width:100%; background:#fff; overflow:hidden;zoom:1; padding-bottom:87px;}
.noticebox{width:100%; height:50px; line-height:50px; background:#f3f3f3; margin:15px 0px; position:relative;}
.noticebox .stn{font-size:18px; color:#666; width:110px; height:50px; text-align:center; background:#d4d4d4; position:absolute; left:0px; top:0px; z-index:10;}
.noticebox .notnews{margin-left:110px; height:50px; overflow:hidden;zoom:1;}
.noticebox .notnews .noprev,.noticebox .notnews .nonext{display:block; width:22px; height:13px; overflow:hidden; text-indent:-9999px; position:absolute; right:10px; z-index:10; background:url(../skin/notbtn.png) no-repeat;}
.noticebox .notnews .noprev{top:7px; background-position:0px 0px;}
.noticebox .notnews .noprev:hover{background-position:0px -13px;}
.noticebox .notnews .nonext{bottom:7px; background-position:-22px 0px;}
.noticebox .notnews .nonext:hover{background-position:-22px -13px;}
.noticebox .notnews .notnewslt{height:50px; overflow:hidden;zoom:1; padding-left:20px;}
.noticebox .notnews .notnewslt ul li{font-size:14px; color:#666; line-height:50px; height:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:510px;}
.noticebox .notnews .notnewslt ul li a{color:#666;}
.noticebox .notnews .notnewslt ul li:hover a{color:#ee0000;}
.indexabout{width:100%;}
.indexabout ul li{width:33.333%; float:left; margin-bottom:40px;}
.indexabout ul li .ia0{margin-right:34px;}
.indexabout ul li .ia1{margin:0px 17px;}
.indexabout ul li .ia2{margin-left:34px;}
.indexabout ul li .inabli{border-bottom:3px solid #eee; padding-bottom:20px;}
.indexabout ul li .inabli .pic{width:100%; height:100%; overflow:hidden;}
.indexabout ul li .inabli .pic img{display:block; width:100%; height:100%; transition: all 0.5s;}
.indexabout ul li .inabli:hover .pic img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.indexabout ul li .inabli h1{font-size:18px; font-weight:700; color:#666; padding:20px 10px;}
.indexabout ul li .inabli h2{font-size:14px; color:#999; padding:0px 10px; max-height:83px; overflow:hidden;}
.indexabout ul li .inabli:hover{background:#f9f9f9; border-color:#ee0000;}
.indextitle{text-align:center; line-height:34px; padding:20px 0px;}
.indextitle img{vertical-align:middle; margin-right:5px;}
.indextitle b{font-size:25px; color:#ee0000; vertical-align:middle;}
.indexmwpro{width:100%;}
.indexmwpro ul li{width:25%; float:left; text-align:center; margin-top:20px;}
.indexmwpro ul li a{display:block; height:100%; overflow:hidden; position:relative;}
.indexmwpro ul li a img{display:block; width:100%; height:100%; transition: all 0.5s;}
.indexmwpro ul li .a0{margin-right:15px;}
.indexmwpro ul li .a1{margin:0px 7.5px;}
.indexmwpro ul li .a2{margin:0px 7.5px;}
.indexmwpro ul li .a3{margin-left:15px;}
.indexmwpro ul li .tns{width:100%; height:36px; line-height:36px; font-size:14px; color:#fff; position:absolute; left:0px; bottom:0px; z-index:10; background:#000; filter:alpha(opacity=50); background:rgba(0,0,0,.5);}
.indexmwpro ul li:hover .tns{background:#ee0000;}
.indexmwpro ul li:hover a img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.sectiontwo{width:100%; background:#efefef; padding:40px 0px;}
.indexnews{width:100%;}
.indexnews ul li{width:33.333%; float:left; margin-top:20px;}
.indexnews ul li a{display:block; background:#fff; overflow:hidden;zoom:1;}
.indexnews ul li .a0{margin-right:14px;}
.indexnews ul li .a1{margin:0px 7px;}
.indexnews ul li .a2{margin-left:14px;}
.indexnews ul li .pic{float:left; width:42%; overflow:hidden;}
.indexnews ul li .pic img{display:block; width:100%; height:100%; transition: all 0.5s;}
.indexnews ul li:hover .pic img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.indexnews ul li .tmain{padding:4%; float:right; width:50%;}
.indexnews ul li .tmain h1{font-size:14px; font-weight:700; color:#333; height:42px;}
.indexnews ul li .tmain h2{color:#999; padding:15px 0px;}
.indexnews ul li .tmain h3 span{display:block; width:75px; height:25px; line-height:25px; text-align:center; background:#efefef; color:#999; float:right;}
.indexnews ul li:hover .tmain span{background:#ee0000; color:#fff;}
.sectionthere{width:100%; background:#f5f5f5; padding:40px 0px;}
.indexjob{width:100%; padding:20px 0px;}
.indexjob ul li{width:25%; float:left; margin-top:20px;}
.indexjob ul li a{display:block; background:#fff; overflow:hidden;zoom:1; padding:17px; transition: all 0.5s;}
.indexjob ul li a:hover{box-shadow:#666 0px 0px 10px;}
.indexjob ul li .a0{margin-right:17px;}
.indexjob ul li .a1{margin:0px 8.5px;}
.indexjob ul li .a2{margin:0px 8.5px;}
.indexjob ul li .a3{margin-left:17px;}
.indexjob ul li .title{border-bottom:1px solid #e5e5e5; padding:10px 0px 25px 0px; position:relative;}
.indexjob ul li .title h1{font-size:14px; color:#333; height:21px;}
.indexjob ul li .title h1 span{color:#ee0000; margin:0px 10px; font-weight:700;}
.indexjob ul li .title b{display:block; width:9px; height:6px; position:absolute; left:25px; bottom:-1px; background:url(../skin/jobcon.png) no-repeat;}
.indexjob ul li .tmain{color:#666; line-height:26px; margin:20px 0px; height:150px; overflow:hidden;zoom:1;}
.indexjob ul li .tmain span{font-size:14px; color:#333;}
.indexjob ul li .more span{display:block; color:#333; width:80px; height:25px; line-height:25px; text-align:center; border:1px solid #aaa; border-radius:25px; transition: all 0.8s; float:right;}
.indexjob ul li .more span:hover{background:#fe0000; color:#fff; border-color:#fe0000;}

/*nybanner*/
.nybanner,.aboutbar .map{width:100%; overflow:hidden;zoom:1;}
.nybanner img,.aboutbar .map img{width:100%; display:block;}
.addlink{width:100%; height:74px; background:#fff; border-bottom:1px solid #e1e1e1;}
.addlink .thlink{height:74px; line-height:74px; float:left; color:#999;}
.addlink .thlink a{color:#999;}
.addlink .thlink a:hover{color:#ee0000;}
.addlink .addnav{float:right;}
.addlink .addnav li{float:left; height:72px; line-height:72px; margin-left:40px;}
.addlink .addnav li a{font-size:14px; color:#999; display:block;}
.addlink .addnav li.on{border-bottom:2px solid #ee0000;}
.addlink .addnav li:hover a,.addlink .addnav li.on a{color:#666;}

/*about*/
.aboutbar{padding-top:50px;}
.aboutbar .th1{font-size:24px; color:#999; font-family:"宋体"; text-align:center;}
.aboutbar .th2{font-size:24px; color:#333; text-align:center;}
.abouttmain{padding-bottom:115px;}
.abouttmain .abimg{width:100%; margin-top:70px;}
.abouttmain .abimg li{width:33.333%; float:left;}
.abouttmain .abimg li img{display:block; width:100%; height:100%;}
.conadd{width:100%;}
.conadd ul li{width:33.333%; float:left; /*border:1px solid #ddd;*/ box-sizing:border-box; min-height:245px; margin-top:40px;}
.conadd ul li .tdiv{padding:35px 25px;}
.conadd ul li h1{font-size:16px; color:#666; font-weight:700;}
.conadd ul li h2{color:#a0a0a0; margin-bottom:30px;}
.conadd ul li p{font-size:14px; color:#666; margin-top:5px;}
.conadd ul li:hover{background:#fff;}

/*product*/
.probg{background:#fff;}
.protab{text-align:center; padding:20px 0px;}
.protab a{display:inline-block; height:25px; line-height:25px; border:1px solid #ddd; padding:0px 10px; font-size:14px; color:#666;}
.protab a:hover{border:1px solid #ee0000;}
.protab a.on{border:1px solid #ee0000; background:#ee0000; color:#fff;}
.prodetails{padding:90px 0px 70px 0px;}
.prodetails .proleft{width:52%; float:left;}
.prodetails .proright{width:48%; float:left;}
.prodetails .proimgtab{max-width:83px; float:left;}
.prodetails .proimgtab ul li{width:100%; background:#fff; border:1px solid #ddd; margin-bottom:10px; cursor:pointer;}
.prodetails .proimgtab ul li img{display:block; width:100%; height:100%;}
.prodetails .proimgtab ul li.on{border-color:#ee0000;} 
.prodetails .prononeimg{max-width:530px; float:right;}
.prodetails .prononeimg ul li{width:100%; background:#fff; border:1px solid #ddd; display:none;}
.prodetails .prononeimg ul li img{display:block; width:100%; height:100%;}
.prodetails .protmain{margin-left:10%; border-bottom:1px solid #ddd;}
.prodetails .protmain h1{font-size:24px; font-weight:700; color:#333;}
.prodetails .protmain p{font-size:14px; color:#666; margin-top:10px;}
.prodetails .protmain .proshrak{padding:15px 0px; margin-top:57%;}
.prodetails .protmain .proshrak .bdsharebuttonbox{float:left; width:161px; margin-top:10px;}
.prodetails .protmain .proshrak .pmbtn{display:block; width:130px; height:35px; line-height:35px; text-align:center; background:#ee0000; font-size:14px; color:#fff; float:right; transition: all 0.5s ease;}
.prodetails .protmain .proshrak .pmbtn:hover{background:#9a0d0d;}
.promore{padding-bottom:140px;}
.promore .promtile{width:100%; position:relative; text-align:center; margin-bottom:40px;}
.promore .promtile span{font-size:24px; color:#666; background:#f4f4f4; padding:0px 10px; position:relative; z-index:10;}
.promore .promtile .line{width:100%; height:1px; background:#ddd; position:absolute; left:0px; top:55%; margin-top:-1px; z-index:1;}
/*
.page{text-align:center; padding:50px 0px;}
.page a{font-size:14px; display:inline-block; border:1px solid #dcdcdc; padding:3px 10px; color:#666;}
.page a.on{background:#ee0000; border-color:#ee0000; color:#fff;}
.page a:hover{border-color:#ee0000;}
*/
.loadbtn{text-align:center; padding:50px 0px; display:none;}
.loadbtn a{display:block; width:150px; height:30px; line-height:30px; border:1px solid #666; font-size:14px; color:#666; margin:0 auto;}

/*news*/
.newslist{width:100%; padding-top:30px;}
.newslist ul li{border:1px solid #ddd; margin-top:22px; background:#fff;}
.newslist ul li .pic{float:left; width:27%; overflow:hidden;}
.newslist ul li .pic img{display:block; width:100%; height:100%; transition: all 0.5s;}
.newslist ul li .pic:hover img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.newslist ul li .tmain{width:70%; padding:1.5%; float:right;}
.newslist ul li .tmain h1{font-size:24px; color:#333; transition: all 0.5s ease;}
.newslist ul li .tmain h1:hover{color:#ee0000;}
.newslist ul li .tmain h2{font-size:14px; color:#999; padding:1% 0;}
.newslist ul li .tmain h3{font-size:14px; color:#666;}
.newslist ul li .tmain .moresn{display:block; width:80px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#999; border:1px solid #ddd; margin-top:5%;}
.newsdetails .h1{font-size:36px; color:#333; text-align:center; margin-bottom:20px;}
.newsdetails .h2shark{height:35px; line-height:35px; background:#f6f6f6; padding:0px 20px;}
.newsdetails .h2shark .time{color:#999; float:left;}
.newsdetails .h2shark .fxsn{color:#666; font-weight:700; float:right;}
.newsdetails .h2shark .bdsharebuttonbox{float:right; width:161px; margin-top:4px;}
.nwmore{overflow:hidden;zoom:1; border-top:1px solid #ddd; padding-top:20px; padding-bottom:100px;}
.nwmore .ul{float:left;}
.nwmore .ul li{font-size:16px; color:#333; margin:5px 0px;}
.nwmore .ul li a{color:#333;}
.nwmore .ul li a:hover{color:#ee0000; text-decoration:underline;}
.nwmore .return{float:right; display:block; width:160px; height:45px; line-height:45px; border-radius:5px; background:#ee0000; font-size:16px; color:#fff; text-align:center; transition: all 0.5s;}
.nwmore .return:hover{background:#9a0d0d;}

/*join*/
.joblist{padding:45px 0px;}
.joblist li:nth-child(1){border-top:1px solid #f4f4f4;}
.joblist li .title{height:70px; line-height:70px; border-bottom:1px solid #f4f4f4; padding:0px 40px; overflow:hidden;zoom:1; cursor:pointer; background:#fff;}
.joblist li .title span{font-size:16px; color:#666;}
.joblist li .title .close{display:block; margin-top:20px; width:30px; height:30px; float:right; overflow:hidden; text-indent:-9999px; background:url(../skin/jobci.png) 0px 0px no-repeat; transition: all 0.2s ease;}
.joblist li .title.on{background:#2d2d2d;}
.joblist li .title.on span{color:#fff;}
.joblist li .on .close{background-position:0px -30px;}
.joblist li .tmain{padding:45px 40px; display:none; background:#fff; font-size:14px; border-bottom:1px solid #f4f4f4;}
.joblist li .tmain .hr{padding-bottom:30px; border-bottom:1px solid #ddd;}
.joblist li .tmain .hr span{color:#666; margin-right:20px;}
.joblist li .tmain .hr2{color:#333; padding:30px 0px;}
.joblist li .tmain .joinbtn{padding-top:40px;}
.joblist li .tmain .joinbtn a{display:block; width:143px; height:43px; line-height:43px; text-align:center; color:#fff; background:#ee0000; transition: all 0.5s;}
.joblist li .tmain .joinbtn a:hover{background:#9a0d0d;}
.jointatitle{border-bottom:1px solid #ddd; font-size:14px; color:#999; padding:30px 0px 10px 0px;}
.jointatitle .sn{float:left;}
.jointatitle a{float:right; color:#333;}
.jointatitle a:hover{color:#ee0000;}
.jointable{padding:15px 0px 110px 0px;}
.jointable i{color:#ff0000; margin-left:5px;}
.jointable .dl dt{float:left; font-size:14px; color:#666; line-height:32px; width:8.3%; box-sizing:border-box; text-indent:20px; margin-top:15px;}
.jointable .dl dd{float:left; width:25%; box-sizing:border-box; margin-top:15px;}
.jointable .dl dd .jointext{width:100%; height:30px; border:1px solid #ddd; background:#fff; text-indent:10px;}
.jointable .dl dd .selt{width:100%; height:32px;}
.jointable .dm dt{float:left; font-size:14px; color:#666; line-height:32px; width:8.3%; box-sizing:border-box; text-indent:20px; margin-top:15px;}
.jointable .dm dd{float:left; width:91.7%; box-sizing:border-box; margin-top:15px;} 
.jointable .dm dd .jointeat{width:100%; height:215px; border:1px solid #ddd; text-indent:10px; padding:10px 0px;}
.jointable .dm dd .dmbtn{width:140px; height:43px; background:#322d2d; border:none; font-size:14px; color:#fff; cursor:pointer;}
.jointable .dm dd .dmbtn.on{background:#ee0000;}

/*footer*/
.footer{width:100%; background:#333;}
.footer .footertou{overflow:hidden;zoom:1; border-bottom:1px solid #4c4c4c; padding:46px 0px 16px 0px;}
.footer .ftnav{float:left;}
.footer .ftnav a{color:#fff;}
.footer .ftnav a:hover{color:#ee0000;}
.footer .ftnav i{font-size:14px; color:#4c4c4c; margin:0px 10px;}
.footer .ftzuo{float:right;}
.footer .ftzuo a{color:#717171;}
.footer .ftzuo a:hover{color:#ee0000;}
.footer .footerbom{overflow:hidden;zoom:1; padding:13px 0px;}
.footer .copy{float:left;}
.footer .copy a{color:#717171;}
.footer .copy a:hover{color:#ee0000;}
.footer .copy .fcopy{color:#717171;}
.bdsharebuttonbox{float:right; width:84px;}
.footerbom .bdsharebuttonbox .bds_weixin,.footerbom .bdsharebuttonbox .bds_tsina,.footerbom .bdsharebuttonbox .bds_sqq{margin:0px; padding:0px; width:23px; height:23px; margin-left:5px; background:url(../skin/shark.png) no-repeat; transition: all 0.2s ease;}
.footerbom .bdsharebuttonbox .bds_weixin{background-position:0px 0px;}
.footerbom .bdsharebuttonbox .bds_weixin:hover{background-position:0px -23px;}
.footerbom .bdsharebuttonbox .bds_tsina{background-position:-23px 0px;}
.footerbom .bdsharebuttonbox .bds_tsina:hover{background-position:-23px -23px;}
.footerbom .bdsharebuttonbox .bds_sqq{background-position:-46px 0px;}
.footerbom .bdsharebuttonbox .bds_sqq:hover{background-position:-46px -23px;}


/* Table of Contents
==================================================

    #Mobile - 240px
    #Mobile - 320px	
    #Mobile - 480px	
	#Tablet - 768px	
	*/

/* #Mobile - 240px
当页面宽度小于319px的时候执行下面的CSS
================================================== */
@media only screen and (max-width: 319px) {
   .nav,.searchbar,.yuyan{display:none;}
   .header .logo img{width:50%;}
   .header .showbtn,.header .language{display:block;}
   .banner-container .swiper-pagination{bottom:0px !important;}
   .swiper-pagination .swiper-pagination-bullet{width:5px; height:5px;}
   .footer .ftnav i{margin:0px 3px;}
   .noticebox .notnews .notnewslt ul li{width:125px;}
   .indexabout ul li{width:100%;}
   .indexabout ul li .ia0,.indexabout ul li .ia1,.indexabout ul li .ia2{margin:0px;}
   .indexmwpro ul li{width:100%;}
   .indexmwpro ul li .a0,.indexmwpro ul li .a1,.indexmwpro ul li .a2,.indexmwpro ul li .a3{margin:0px;}
   .indexnews ul li{width:100%;}
   .indexnews ul li .a0,.indexnews ul li .a1,.indexnews ul li .a2{margin:0px;}
   .indexnews ul li .pic{width:100%;}
   .indexnews ul li .tmain{width:92%;}
   .indexjob ul li{width:100%;}
   .indexjob ul li .a0,.indexjob ul li .a1,.indexjob ul li .a2,.indexjob ul li .a3{margin:0px;}
   .addlink{display:none;}
   .conadd ul li{width:100%;}
   .newslist ul li .pic{width:100%;}
   .newslist ul li .tmain{width:94%; padding:3%;}
   .page{display:none;}
   .loadbtn{display:block;}
   .newsdetails .h2shark{height:auto;}
   .newsdetails .h2shark .time{width:100%; text-align:center;}
   .nwmore .return{width:100%; margin-top:20px;}
   .jointable .dl dt,.jointable .dm dt{width:100%; text-indent:0px;}
   .jointable .dl dd,.jointable .dm dd{width:100%; margin-top:0px;}
   .prodetails{padding-top:0px;}
   .prodetails .proleft,.prodetails .proright{width:100%;}
   .prodetails .prononeimg{max-width:100%; width:100%;}
   .prodetails .proimgtab{width:100%; max-width:100%; margin-top:20px;}
   .prodetails .proimgtab ul li{width:20%; margin:0px; margin-right:10px; float:left;}
   .prodetails .proright{margin-top:20px;}
   .prodetails .protmain{margin-left:0px;}
   .prodetails .protmain .proshrak{margin-top:5%;}
   .prodetails .protmain .proshrak .pmbtn{width:100%; margin-top:20px;}
}


/*  #Mobile - 320px //手机
当页面宽度大于320px小于479px的时候执行下面的CSS
================================================== */
@media only screen and (min-width: 320px) and (max-width: 479px) {
   .nav,.searchbar,.yuyan{display:none;}
   .header .logo img{width:50%;}
   .header .showbtn,.header .language{display:block;}
   .banner-container .swiper-pagination{bottom:0px !important;}
   .swiper-pagination .swiper-pagination-bullet{width:5px; height:5px;}
   .footer .ftnav i{margin:0px 3px;}
   .noticebox .notnews .notnewslt ul li{width:125px;}
   .indexabout ul li{width:100%;}
   .indexabout ul li .ia0,.indexabout ul li .ia1,.indexabout ul li .ia2{margin:0px;}
   .indexmwpro ul li{width:100%;}
   .indexmwpro ul li .a0,.indexmwpro ul li .a1,.indexmwpro ul li .a2,.indexmwpro ul li .a3{margin:0px;}
   .indexnews ul li{width:100%;}
   .indexnews ul li .a0,.indexnews ul li .a1,.indexnews ul li .a2{margin:0px;}
   .indexnews ul li .pic{width:100%;}
   .indexnews ul li .tmain{width:92%;}
   .indexjob ul li{width:100%;}
   .indexjob ul li .a0,.indexjob ul li .a1,.indexjob ul li .a2,.indexjob ul li .a3{margin:0px;}
   .addlink{display:none;}
   .conadd ul li{width:100%;}
   .newslist ul li .pic{width:100%;}
   .newslist ul li .tmain{width:94%; padding:3%;}
   .page{display:none;}
   .loadbtn{display:block;}
   .newsdetails .h2shark{height:auto;}
   .newsdetails .h2shark .time{width:100%; text-align:center;}
   .nwmore .return{width:100%; margin-top:20px;}
   .jointable .dl dt,.jointable .dm dt{width:100%; text-indent:0px;}
   .jointable .dl dd,.jointable .dm dd{width:100%; margin-top:0px;}
   .prodetails{padding-top:0px;}
   .prodetails .proleft,.prodetails .proright{width:100%;}
   .prodetails .prononeimg{max-width:100%; width:100%;}
   .prodetails .proimgtab{width:100%; max-width:100%; margin-top:20px;}
   .prodetails .proimgtab ul li{width:20%; margin:0px; margin-right:10px; float:left;}
   .prodetails .proright{margin-top:20px;}
   .prodetails .protmain{margin-left:0px;}
   .prodetails .protmain .proshrak{margin-top:5%;}
   .prodetails .protmain .proshrak .pmbtn{width:100%; margin-top:20px;}
   
}


/* #Mobile - 480px
当页面宽度大于480px小于767px的时候执行下面的CSS
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
   .nav,.searchbar,.yuyan{display:none;}
   .header .logo img{width:50%;}
   .header .showbtn,.header .language{display:block;}
   .banner-container .swiper-pagination{bottom:0px !important;}
   .swiper-pagination .swiper-pagination-bullet{width:5px; height:5px;}
   .footer .ftnav i{margin:0px 3px;}
   .noticebox .notnews .notnewslt ul li{width:150px;}
   .indexabout ul li{width:100%;}
   .indexabout ul li .ia0,.indexabout ul li .ia1,.indexabout ul li .ia2{margin:0px;}
   .indexmwpro ul li{width:100%;}
   .indexmwpro ul li .a0,.indexmwpro ul li .a1,.indexmwpro ul li .a2,.indexmwpro ul li .a3{margin:0px;}
   .indexnews ul li{width:100%;}
   .indexnews ul li .a0,.indexnews ul li .a1,.indexnews ul li .a2{margin:0px;}
   .indexnews ul li .pic{width:100%;}
   .indexnews ul li .tmain{width:92%;}
   .indexjob ul li{width:100%;}
   .indexjob ul li .a0,.indexjob ul li .a1,.indexjob ul li .a2,.indexjob ul li .a3{margin:0px;}
   .addlink{display:none;}
   .conadd ul li{width:100%;}
   .newslist ul li .pic{width:100%;}
   .newslist ul li .tmain{width:94%; padding:3%;}
   .page{display:none;}
   .loadbtn{display:block;}
   .newsdetails .h2shark{height:auto;}
   .newsdetails .h2shark .time{width:100%; text-align:center;}
   .nwmore .return{width:100%; margin-top:20px;}
   .jointable .dl dt,.jointable .dm dt{width:100%; text-indent:0px;}
   .jointable .dl dd,.jointable .dm dd{width:100%; margin-top:0px;}
   .prodetails{padding-top:0px;}
   .prodetails .proleft,.prodetails .proright{width:100%;}
   .prodetails .prononeimg{max-width:100%; width:100%;}
   .prodetails .proimgtab{width:100%; max-width:100%; margin-top:20px;}
   .prodetails .proimgtab ul li{width:20%; margin:0px; margin-right:10px; float:left;}
   .prodetails .proright{margin-top:20px;}
   .prodetails .protmain{margin-left:0px;}
   .prodetails .protmain .proshrak{margin-top:5%;}
   .prodetails .protmain .proshrak .pmbtn{width:100%; margin-top:20px;}
}


/* #Tablet - 768px  //ipad9.7寸
当页面宽度大于768px小于1023px的时候执行下面的CSS
================================================== */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
   .nav,.searchbar,.yuyan{display:none;}
   .header .showbtn,.header .language{display:block;}
   .header .showbtn{display:block; width:55px; height:32px; top:33px;}
   .header .language{margin-top:23px; margin-right:65px;}
   .header .language .qhbtn{font-size:35px;}
   .header .language .ul{width:40px; top:65px;}
   .indexnews ul li .pic{width:100%;}
   .indexnews ul li .tmain{width:92%;}
   .conadd ul li{min-height:345px;}
   .newslist ul li .pic{width:100%;}
   .newslist ul li .tmain{width:94%; padding:3%;}
   .page{display:none;}
   .loadbtn{display:block;}
   .jointable .dl dt,.jointable .dm dt{width:100%; text-indent:0px;}
   .jointable .dl dd,.jointable .dm dd{width:100%; margin-top:0px;}
   .prodetails{padding-top:0px;}
   .prodetails .proleft,.prodetails .proright{width:100%;}
   .prodetails .prononeimg{max-width:100%; width:100%;}
   .prodetails .proimgtab{width:100%; max-width:100%; margin-top:20px;}
   .prodetails .proimgtab ul li{width:20%; margin:0px; margin-right:10px; float:left;}
   .prodetails .proright{margin-top:20px;}
   .prodetails .protmain{margin-left:0px;}
   .prodetails .protmain .proshrak{margin-top:5%;}
   .prodetails .protmain .proshrak .pmbtn{width:100%; margin-top:20px;}
}

@media only screen and (min-width: 1023px) and (max-width: 1220px) {
   .prodetails{padding-top:0px;}
   .prodetails .proleft,.prodetails .proright{width:100%;}
   .prodetails .prononeimg{max-width:100%; width:100%;}
   .prodetails .proimgtab{width:100%; max-width:100%; margin-top:20px;}
   .prodetails .proimgtab ul li{width:20%; margin:0px; margin-right:10px; float:left;}
   .prodetails .proright{margin-top:20px;}
   .prodetails .protmain{margin-left:0px;}
   .prodetails .protmain .proshrak{margin-top:5%;}
   .prodetails .protmain .proshrak .pmbtn{width:100%; margin-top:20px;}
}

/* #Screens Bigger than - 1280px
================================================== */
@media only screen and (min-width: 1281px) {
   .navmask{display:none;}
   .navsub{width:0px;}
}


.jointable .dl dd .Wdate{
	width: 180px;
	background:#fff url(../skin/datePicker.gif) no-repeat right;
}