@import url("common.css");
@media only screen and (min-width: 992px) {
	.sortul {width:1200px; text-align:center; margin:20px auto 0 auto;}
	.sortul li {width:25%; text-align:center; line-height:56px; float:left;}
	.sortul li.zhuan {left:25%;}
	.sortul li.guang {left:50%;}
	.sortul li.wei {left:75%;}
	.sortul li a {font-size:16px;}
	.sortul li a.pic {width:156px; height:156px; display:block; margin:0 auto; background-color:#cccccc;  -webkit-border-radius:156px; -moz-border-radius:156px; -ms-border-radius:156px; -o-border-radius:156px; background-image:url(../images/icasesort.png); background-repeat:no-repeat;}
	.sortul li.on a,.sortul li a:hover {color: #f18519;}
	.sortul li.on a.pic,.sortul li a.pic:hover {background-color: #f18519;}
	.sortul li.xuan a.pic {background-position:43px 43px;} 
	.sortul li.zhuan a.pic {background-position:-257px 43px;} 
	.sortul li.guang a.pic {background-position:-552px 43px;} 
	.sortul li.wei a.pic {background-position:-852px 43px;} 
	.proul {width:100%; text-align:center; margin-top:60px;}
	.proul ul {width:100%; margin:0 auto;}
	.proul ul li {width:calc(20% - 1px); float:left; margin:0; position:relative; overflow:hidden; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
	.proul ul li a.pic {width:100%; height:0; padding-bottom:75%; background-position:center; overflow:hidden; display:block; background-size:auto 100%; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
	.proul ul li.on a.pic {background-size:auto 120%;}
	.proul ul li a.top {position:absolute; top:0; left:0; width:100%; height:100%;}
	.proul ul li.on a img {-webkit-transition:all .8s; -o-transition:all .8s; -ms-transition:all .8s; transition:all .8s;}
	.proul ul li a.top img.top1 {width:100%; height:100%; left:0;}
	.proul ul li a.top img {position:absolute;}
	.proul ul li a.top img.top2 {width:200%; left:-200%; top:0;}
	.proul ul li a.top img.top3 {height:200%; left:0; top:-200%;}
	.proul ul li a.top img.top4 {left:0; top:calc(50% - 25px); left:-50px;}
	.proul ul li.on a.top img {/*left:0; top:0;*/}
	.proul ul li.on a.top img.top1 { display:none;}
	.proul ul li.on a.top img.top4 {/*left:calc(50% - 25px); top:calc(50% - 25px);*/}
	.proul ul li a.top span {position: absolute; left: 0; bottom: -45px; left: 0; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; display: block; width: 100%; font-size: 16px; line-height: 40px; background-color: #fff; height: 40px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.65; font-weight: bold; color:#000;}
	.proul ul li.on a.top span {bottom: 0;}
	.procont {width:1000px; margin:10px auto 40px auto;}
	.procont .videoinfo {width:200px; float:right;}
	.procont .videoinfo dt {color:#f18519; font-weight:bold; padding-bottom:10px; font-size:18px;}
	.procont .videoinfo dd {color:#666; padding:10px 0;}
	
	.newssort {width:1200px; margin:0 auto 40px auto;}
	.newssort ul li {float:left;}
	.newssort ul li a {padding:15px 30px; color:#fff; background-color:#f18519; margin-right:10px; border:1px solid #f18519; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
	.newssort ul li.on a,.newssort ul li a:hover {border-color:#f18519; color:#f18519; background-color:#fff;}
	.newsul {width:1200px; margin:0 auto;}
	.newslist li{ overflow:hidden; width:100%; padding:20px 0; border-bottom:1px dotted #dbd4cd;}
	.newslist li p {line-height:28px;}
	.newslist .img{ float:left; width:200px;}
	.newslist .img img {width:200px; height:120px;}
	.newslist .conts{ float:right; width:975px;}
	.newslist .day,.newslist .date{ background-color:#eae6e2;display:block; text-align:center; font-family:Arial; }
	.newslist .day{ height:42px; line-height:42px; border-bottom:1px solid #fff; color:#000; font-size:30px;}
	.newslist .date{ height:18px; line-height:18px; font-size:10px;}
	.newslist  h3{padding-bottom:10px; font-size:16px; color:#757575; font-weight:bold;}
	.newslist .more{ margin-left:8px;}
	.newslist li span {color:#666; margin-top:15px; display:block; font-size:12px;}
	.newslist li span i {margin-right:8px;}
	.newslist li span a {background-color:#f18519; color:#fff; padding:2px 10px; margin-left:30px; font-size:12px; font-family: "Courier New", Courier, monospace, 'Microsoft Yahei'; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
	.newslist li span a:hover {background-color:#fc9d3e;}
	
	#page {padding:40px 0 0; width:100%; text-align:center; margin:0;}
	#page a {padding:4px 10px; text-align:center; background-color:#efefef; color:#949494; margin-left:5px; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
	#page a.current,#page a:hover {background-color:#f18519; color:#fff; padding:4px 10px; text-align:center; margin-left:5px;}
	#page span.disabled {background-color:none; margin-left:5px; color:#949494;}
	
	.newscont {width:1200px; margin:0 auto;}
	.newscont h1.title {font-size:24px; font-family:'微软雅黑'; font-weight:normal; text-align:center; padding:40px 0 10px 0;}
	.newscont .infos {font-size:13px; color:#666; border-bottom:1px dotted #CCC; text-align:center; line-height:42px; padding-bottom:10px;}
	.newscont .infos a {color:#0080C0; margin-right:10px;}
	.newscont .infos font {margin-left:10px; font-size:13px;}
	.newscont p img {max-width:985px; width: expression(this.width > 985 && this.width > this.height ? 985px : 'auto';);}
	.newscont .content {line-height:200%; text-align:left; padding:0; margin-top:20px; margin-bottom:20px;}
	.newscont .content p {padding:5px;}

	.pnstr {line-height:200%; padding:20px 0 35px 0; text-align:left;}
	.pnstr a {display:block;}
	
	.lxwm2 li.map {
		padding-right:0;
	}
	.lxwm2 li.map dl {height:198px; overflow:hidden;}
	.lxwm2 li.map dl dd {float:left;}
	.lxwm2 li.map dl dd input[type="text"] {width:368px; display:block; height:30px; line-height:30px; padding:5px; margin:0 0 10px 0; border:1px solid #ccc; background-color:#fff;}
	.lxwm2 li.map dl dd input[type="submit"],.lxwm2 li.map dl dd textarea {width:368px; padding:5px; display:block; margin:0 0 10px 10px; border:1px solid #ccc; background-color:#fff; height:42px; line-height:30px;}
	.lxwm2 li.map dl dd textarea {height:134px;}
	.lxwm2 li.map dl dd input[type="submit"] {width:380px; background-color:#ccc; color:#fff; font-size:16px; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
	.lxwm2 li.map dl dd input[type="submit"]:hover {background-color:#f18519; border-color:#f18519;}

	.joblist li {}
	.joblist li .show {position:fixed; width:460px; padding:20px; height:390px; left:calc(50% - 250px); top:50px; z-index:1; background-color:#ffffff; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; display:none;}
	.joblist li .show dt {padding-bottom:15px; }
	.joblist li .show dd {line-height:200%; color:#666; padding:8px 0; overflow:hidden; font-size:12px; border-top:1px dotted #CCCCCC; }
	.joblist li .show dd.content_2 {display:block; margin-bottom:6px; height:200px; }
	.joblist li .show dt img {position:absolute; right:18px;}
}


@media only screen and (max-width: 991px) {
	
	.sortul {width:100%; text-align:center; margin:20px auto 0 auto;}
	.sortul li {width:25%; text-align:center; line-height:56px; float:left;}
	.sortul li a {font-size:14px;}
	.sortul li a.pic {width:72px; height:72px; display:block; margin:0 auto; background-color:#cccccc;  -webkit-border-radius:156px; -moz-border-radius:156px; -ms-border-radius:156px; -o-border-radius:156px; background-image:url(../images/icasesort.png); background-repeat:no-repeat; background-size:481px 34px;}
	.sortul li.on a {color: #f18519;}
	.sortul li.on a.pic {background-color: #f18519;}
	.sortul li.xuan a.pic {background-position:21px 18px;} 
	.sortul li.zhuan a.pic {background-position:-130px 18px;} 
	.sortul li.guang a.pic {background-position:-278px 18px;} 
	.sortul li.wei a.pic {background-position:-428px 18px;} 
	
	.proul {width:100%; text-align:center; margin-top:60px;}
	.proul ul {width:100%; margin:0 auto;}
	.proul ul li {width:calc(50% - 1px); float:left; margin:0 1px 1px 0; position:relative; overflow:hidden;}
	.proul ul li a.pic {width:100%; height:0; padding-bottom:75%; background-position:center; overflow:hidden; display:block; background-size:100% 100%; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
	.proul ul li.on a.pic {background-size:120% 120%;}
	.proul ul li a.top {position:absolute; top:0; left:0; width:100%; height:100%;}
	.proul ul li.on a img {-webkit-transition:all .8s; -o-transition:all .8s; -ms-transition:all .8s; transition:all .8s;}
	.proul ul li a.top img.top1 {width:100%; height:100%; display:none;}
	.proul ul li a.top img {position:absolute;}
	.proul ul li a.top img.top2 {width:200%; left:-200%; top:0;}
	.proul ul li a.top img.top3 {height:200%; left:0; top:-200%;}
	.proul ul li a.top img.top4 {left:0; top:calc(50% - 25px); left:-50px;}
	.proul ul li.on a.top img {left:0; top:0;}
	.proul ul li.on a.top img.top1 {display:block;}
	.proul ul li.on a.top img.top4 {left:calc(50% - 25px); top:calc(50% - 25px);}
	.procont {margin:10px;}
	.procont .videoinfo {margin:0;}
	.procont .videoinfo dt {color:#f18519; font-weight:bold; padding-bottom:10px; font-size:18px;}
	.procont .videoinfo dd {color:#666; padding:10px 0;}
	.procont .videodiv {width:100%; margin-top:30px;}
	.procont .videodiv video {width:100%; height:auto;}
	.procont iframe {width:100%; height:240px;}
	
	.newssort {margin:0 10px 40px 10px; text-align:center;}
	.newssort ul li {display:inline-block;}
	.newssort ul li a {padding:10px 20px; color:#fff; background-color:#f18519; margin-right:10px; border:1px solid #f18519; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
	.newssort ul li.on a,.newssort ul li a:hover {border-color:#f18519; color:#f18519; background-color:#fff;}
	.newsul {margin:0 0 0 10px;}
	.newslist li{width:calc(50% - 10px); padding:20px 0; margin-right:10px; float:left;}
	.newslist li p {line-height:20px; height:40px; font-size:12px; overflow:hidden; color:#999;}
	.newslist .img{ float:left; width:100%; height:100px; vertical-align:middle; overflow:hidden;}
	.newslist .img img {width:100%; height:100%;}
	.newslist .conts{display:inline-block;}
	.newslist .day,.newslist .date{ background-color:#eae6e2;display:block; text-align:center; font-family:Arial; }
	.newslist .day{ height:42px; line-height:42px; border-bottom:1px solid #fff; color:#000; font-size:30px;}
	.newslist .date{ height:18px; line-height:18px; font-size:10px;}
	.newslist  h3{font-size:14px; color:#757575; font-weight:bold; height:16px; margin:10px 0; overflow:hidden;}
	.newslist .more{ margin-left:8px;}
	.newslist li span {color:#666; margin-top:12px; display:block; font-size:12px;}
	.newslist li span i {margin-right:8px;}
	.newslist li span a {display:none;}
	
	#page {padding:40px 0 0; width:100%; text-align:center; margin:0;}
	#page a {padding:8px 25px; text-align:center; background-color:#efefef; color:#949494; margin-left:5px; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
	#page a.current,#page a:hover {background-color:#f18519; color:#fff;}
	#page a.disabled {background:none; margin-left:5px; color:#949494;}
	#page a:not(.mpage) {display:none;}
	
	.newscont {margin:0 10px;}
	.newscont h1.title {font-size:24px; font-family:'微软雅黑'; font-weight:normal; text-align:center; padding:40px 0 10px 0;}
	.newscont .infos {font-size:13px; color:#666; border-bottom:1px dotted #CCC; text-align:center; line-height:42px; padding-bottom:10px;}
	.newscont .infos a {color:#0080C0; margin-right:10px;}
	.newscont .infos font {margin-left:10px; font-size:13px;}
	.newscont .content img {max-width:100%;}
	.newscont .content iframe {max-width:100%;}
	.newscont .content {line-height:200%; text-align:left; padding:0; margin-top:20px; margin-bottom:20px;}
	.newscont .content p {padding:5px;}
	
	.pnstr {line-height:200%; padding:20px 0 35px 0; text-align:center; }
	.pnstr a font {display:none;}
	.pnstr a {padding:4px 10px; text-align:center; background-color:#efefef; color:#949494; margin:0 5px; }
	.pnstr a strong {font-weight:normal;}
	
	.lxwm2 li.map {
		padding-right:0;
	}
	.lxwm2 li.map dl {height:auto;}
	.lxwm2 li.map dl dd {width:100%;}
	.lxwm2 li.map dl dd input[type="text"] {width:calc(100% - 12px); display:block; height:30px; line-height:30px; padding:5px; margin:0 0 10px 0; border:1px solid #ccc; background-color:#fff;}
	.lxwm2 li.map dl dd input[type="submit"],.lxwm2 li.map dl dd textarea {width:calc(100% - 12px); padding:5px; display:block; margin:0 0 10px 0; border:1px solid #ccc; background-color:#fff; height:42px; line-height:30px;}
	.lxwm2 li.map dl dd textarea {height:134px;}
	.lxwm2 li.map dl dd input[type="submit"] {width:100%; background-color:#f18519; color:#fff; font-size:16px; border:none;}

	.joblist li {position:relative;}
	.joblist li .show {position:absolute; width:calc(100% - 80px); padding:20px; height:390px; left:20px; top:0px; z-index:1; background-color:#ffffff; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; display:none;}
	.joblist li .show dt {padding-bottom:15px; }
	.joblist li .show dd {line-height:200%; color:#666; padding:8px 0; overflow:hidden; font-size:12px; border-top:1px dotted #CCCCCC; }
	.joblist li .show dd.content_2 {display:block; margin-bottom:6px; height:200px; }
	.joblist li .show dt img {position:absolute; right:18px;}
}