﻿@media only screen and (min-width: 769px) and (max-width: 1199px){
	.anlilist{width:100%; margin:0 auto;}
	.anlilist ul li{float:left; width:48%; margin:1%; background:#FFF;box-shadow:0px 2px 3px #d9dbdb;position:relative;}
.List_page{text-align:center;margin-bottom:10px; line-height:30px; padding-top:30px}
.List_page a{background:#fff;margin:0px 1px;padding:10px 15px;border:1px solid #e5e5e5;color:#000;}
.List_page span{background:#eb3900;color:#fff;margin:0px 1px;padding:10px 15px;border:1px solid #e5e5e5;}
.commonnewCasebg{ background:url(index_60.gif) no-repeat center bottom #f4f4f4; width:98%; margin:1%}
.commonnewCase{width:100%; margin:0px auto;}
.commonnewCaseleft{ float:none; width:98%; height:180px; padding:2% ;background:#eb3900;position:relative; margin:0 auto;}
.commonnewCaseright{ float:none; width:100%; position:relative; overflow:hidden; margin:0 auto;}
.commonnews{width:98%; margin:1%}
.commonnewsleft{ float:left; width:48%; padding:1%;}
.commonnewsright{ float:right; width:49%;border-left:1px solid #eaeaea;}
}
@media only screen and (min-width: 1200px) {
	.anlilist{margin:0px auto;position:relative; width:1180px;}
	.anlilist ul li{float:left; width:30%; margin:1%;background:#FFF;box-shadow:0px 2px 3px #d9dbdb; display:inline;position:relative;}
.List_page{text-align:center;margin-bottom:10px; line-height:30px; padding-top:30px}
.List_page a{background:#fff;margin:0px 1px;padding:10px 15px;border:1px solid #e5e5e5;color:#000;}
.List_page span{background:#eb3900;color:#fff;margin:0px 1px;padding:10px 15px;border:1px solid #e5e5e5;}
.commonnewCasebg{ background:url(index_60.gif) no-repeat center bottom #f4f4f4; width:100%; padding:50px;}
.commonnewCase{width:1180px; margin:0px auto;}
.commonnewCaseleft{ float:left; width:211px; height:230px; background:#eb3900; padding-right:25px; position:relative;}
.commonnewCaseright{ float:right; width:936px; position:relative; overflow:hidden;}
.commonnews{width:1180px;margin:0px auto;padding:20px 0px;}
.commonnewsleft{ float:left; width:47%;  padding-right:2%; border-right:1px solid #eaeaea; }
.commonnewsright{ float:right; width:49%;}
}
.anliclass{width:1180px;margin:0px auto; text-align:center; position:relative;}
.anliclass a{ display:inline-block; background:url(Icon20.png) no-repeat; margin:10px; width:109px; height:26px; line-height:25px; color:#7e7e7e;font-size:14px; float:left}
.anliclass a:hover{background:url(Icon21.png) no-repeat; color:#FFF;}
.anliclass a.cur{background:url(Icon21.png) no-repeat; color:#FFF;}

.anlitext a{color:#333; line-height:25px; height:75px; overflow:hidden; display:block;}
.anliIntro{position:absolute;width:100%; height:290px; background:#0577ba; top:0px; left:0px; display:none;}
.anliIntro p{ background:url(index_59.png) no-repeat 0px 35px; width:323px; margin:0px auto; padding:60px 0px 0px; color:#fff}

.Page{width:100%; text-align:center; padding:50px 0px;}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px}
.Page a:hover{ background:#eb3900; color:#FFF}
.Page a.cur{ background:#eb3900; color:#FFF}

.Page a.Prev{ border-radius:6px 0px 0px 6px;width:90px;}
.Page a.Prev span{ background:url(Icon25.gif) no-repeat  10px center; display:block;}
.Page a.Prev:hover span{ background:url(Icon025.gif) no-repeat  10px center;}

.Page a.next{ border-radius:0px 6px 6px 0px;width:90px;}
.Page a.next span{ background:url(Icon26.gif) no-repeat 88% center; display:block;}
.Page a.next:hover span{ background:url(Icon026.gif) no-repeat 88% center;}

a{ text-decoration:none; color:#333; outline:none;font-family:"微软雅黑";font-weight: normal;}
a:hover{ background-repeat:no-repeat; color:#03a5e3;}
.clear{ clear:both}

.webbg{ width:100%; background:#f4f4f4 url(index_54.jpg) no-repeat center top; position:relative;}
.webConstructionbg{ width:100%; background:#f2f2f2 url(index_158.jpg) no-repeat center top; position:relative;}

.anlititle{width:1180px;margin:0px auto; padding:65px 0px;}
.anlititle img{ display:block; margin:auto}

.Productstitle{width:1180px;margin:0px auto; padding:120px 0px 65px;}
.Productstitle img{ display:block; margin:auto}

.anliclass{width:1180px;margin:0px auto; text-align:center; padding:0px 0px 40px; position:relative;}
.anliclass a{ display:inline-block; background:url(Icon20.png) no-repeat; margin:0px 5px; width:109px; height:26px; line-height:25px; color:#7e7e7e;font-size:14px;}
.anliclass a:hover{background:url(Icon21.png) no-repeat; color:#FFF;}
.anliclass a.cur{background:url(Icon21.png) no-repeat; color:#FFF;}
.anlilist ul{ margin:0px; padding:0px;}
.anlilist ul li.cur{margin-right:0px;}
.anlilist ul li img{display:block;transition: transform 1s ease 0s, -webkit-transform 1s ease 0s;}
.anlilist ul li img:hover{
    transform: scale(1.05);
    transition: transform 1s ease 0s, -webkit-transform 1s ease 0s;
}
.anlipic{ width:100%; height:276px; margin:0px auto; overflow:hidden; position:relative;}
.anlipic img{width:100%; height:276px; position:absolute; left:50%; top:50%; margin-left:-183px; margin-top:-138px;}
.anlilist ul li h3{ font-size:18px;overflow:hidden; padding:20px 7px 0px;}
.anlilist ul li p.anlitext{padding:0 7px;  overflow:hidden;}
.anlilist ul li h4{ font-size:12px; border-top:1px solid #ececec; margin-top:12px;padding:5px 7px 0px;}
.anlilist ul li h4 a{ color:#0577ba;}
.anlilist ul li h4 span{ float:right; background:url(Icon22.png) no-repeat left center; padding-left:22px; color:#acacac;}

.anliIntro{position:absolute;width:100%; height:290px; background:#0577ba; top:0px; left:0px; display:none;}
.anliIntro p{ background:url(index_59.png) no-repeat 0px 35px; width:323px; margin:0px auto; padding:60px 0px 0px; color:#fff}

.Page{width:100%; text-align:center; padding:50px 0px;}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px}
.Page a:hover{ background:#eb3900; color:#FFF}
.Page a.cur{ background:#eb3900; color:#FFF}

.Page a.Prev{ border-radius:6px 0px 0px 6px;width:90px;}
.Page a.Prev span{ background:url(Icon25.gif) no-repeat  10px center; display:block;}
.Page a.Prev:hover span{ background:url(Icon025.gif) no-repeat  10px center;}

.Page a.next{ border-radius:0px 6px 6px 0px;width:90px;}
.Page a.next span{ background:url(Icon26.gif) no-repeat 88% center; display:block;}
.Page a.next:hover span{ background:url(Icon026.gif) no-repeat 88% center;}

.commonnewCaseleft h3{ font-size:24px; color:#FFF; text-align:right; line-height:25px; padding-top:45px;}
.commonnewCaseleft p{ text-align:right; padding-top:10px;}

.commonnewCaseleft span{ display:block; position:absolute; width:11px; height:21px; top:145px;}
.commonnewCaseleft span.newCaseprev{ background:url(Icon.gif) no-repeat -1px -239px;right:65px;}
.commonnewCaseleft span.newCaseprev a{width:11px; height:21px; display:block;}
.commonnewCaseleft span.newCaseprev a:hover{ background:url(Icon.gif) no-repeat -1px -217px}

.commonnewCaseleft span.newCasenext{ background:url(Icon.gif) no-repeat -14px -239px; right:25px;}
.commonnewCaseleft span.newCasenext a{width:11px; height:21px; display:block;}
.commonnewCaseleft span.newCasenext a:hover{ background:url(Icon.gif) no-repeat -14px -217px}

.commonnewCaseright ul{ width:9999px; position:relative;}
.commonnewCaseright ul li{ float:left; background:#FFF; width:292px; height:220px; padding:5px 6px; position:relative; margin-right:12px;}
.commonnewCaseright ul li img{ display:block; width:292px; height:220px;}
.commonnewCaseright ul li p{ position:absolute; bottom:5px; width:272px; left:6px; background:url(index_63.png) repeat; font-size:14px; color:#FFF; height:21px; line-height:25px; overflow:hidden; padding:10px 10px;}

.commonnewsleft h3{ font-size:24px; color:#767575; border-bottom:1px solid #eaeaea; padding-bottom:20px;}
.commonnewsleft h3 span{ font-weight:bold; color:#eb3900; padding-right:20px; display:inline-block;}
.commonnewsleft ul{ margin:0px; padding:10px 0px 0px;}
.commonnewsleft ul li{ background:url(index_65.png) no-repeat 0px 10px; height:21px; overflow:hidden; padding-left:25px; font-size:13px; margin-top:15px;}
.commonnewsleft ul li span{ float: right}
.commonnewsright dl{ margin:0px;  height:auto !important;}
.commonnewsright dl dd{ float:right; width:190px;}
.commonnewsright dl span{ font-weight:bold;background:url(jiantou.png) no-repeat left center; padding-left:15px;color:#c03408; font-size:15px;}
.commonnewsright dl a{ color:#7a7a7a; display:inline-block; line-height:30px; padding-right:10px;}
.commonnewsright dl a:hover{ color:#c03408;}
.commonnewsright ul{ margin:0px; padding:25px 0px; }
.commonnewsright ul li{ float:left; width:23%;font-size:15px; text-align:center; color:#FFF; margin:0 1%; background:#a82c05;height:120px;}
.commonnewsright ul .ComTel a{ background:url(ico1.png) no-repeat center 30px;}
.commonnewsright ul .ComAdvisory a{ background:url(ico2.png) no-repeat center 30px}
.commonnewsright ul .Comgoob a{ background:url(ico3.png) no-repeat center 30px;}
.commonnewsright ul .ComOrder a{ background:url(ico4.png) no-repeat center 30px;}

.commonnewsright ul li a{ color:#fff; display:block; padding:70px 0px 0px 0px;}
.commonnewsright ul li a:hover{ color:#fff;}
.commonnewsleft h3 span {
    color: #eb3900;
    display: inline-block;
    font-weight: bold;
    padding-right: 20px;font-size: 24px;font-family: "微软雅黑";
}
@media only screen and (max-width: 768px) {
	.anlilist{width:100%;}
	.anlilist ul li{float:none; width:96%; margin:2%;background:#FFF;box-shadow:0px 2px 3px #d9dbdb;position:relative;}
.List_page{text-align:center;margin-bottom:10px; line-height:30px; padding-top:30px}
.List_page a{background:#fff;padding:10px 15px;border:1px solid #e5e5e5;color:#000; display:inline-block; margin:1%;}
.List_page span{background:#eb3900;color:#fff;margin:0px 1px;padding:10px 15px;border:1px solid #e5e5e5;}
.commonnewCasebg{ background:url(index_60.gif) no-repeat center bottom #f4f4f4; width:98%; margin:1%}
.commonnewCase{width:100%; margin:0px auto;}
.commonnewCaseleft{ float:none; width:98%; height:160px; padding:2% ;background:#eb3900;position:relative; margin:0 auto;}
.commonnewCaseright{ float:none; width:100%; position:relative; overflow:hidden; margin:0 auto;}
.commonnews{width:98%; margin:1%}
.commonnewsright{ float:none; width:100%;}
.commonnewsleft{ float:none; width:100%;}
.contact-us{ display:none;}
.commonnewsright ul li{ width:48%; margin:1%;}

}
