@charset "utf-8";
*{padding:0;margin:0;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;behavior:url(csshover.htc);}
a{color:#202020;text-decoration:none;transition: 0.1s all;-webkit-transition: 0.1s all;-o-transition: 0.1s all;-moz-transition: 0.1s all;-ms-transition: 0.1s all;}
a:hover{color:#f00;}
ul,li,ol,dl,dd,dt{list-style:none;margin:0;padding:0;}
img{border:0;vertical-align: middle;}
h1,h2,h3,h4,h5,h6,.t1,.t2,.t3,.t4,.t5,.t6 {font-weight:500;margin:0 auto;}
button,input,textarea{border:1px solid #ccc;padding:0 5px;font-family:inherit;font-size:inherit;line-height:inherit}
input:hover,textarea:hover{border:1px solid #39f;padding:0 5px;}
select,option{font-family:inherit;font-size:inherit;line-height:inherit}
.clearfix{display:inline-block;}
* html .clearfix {height: 1%;}
.clearfix,.show{display:block;}
.clear{clear:both;}
.hide{display:none;}
.l{float:left;}
.r{float:right;}
.bg1{background:#fff;padding:25px 0;}
.bg2{background:#fafafa;padding:35px 0;}
.bg3{background:#fff;padding:35px 0;}
.bg4{background:#f5fefe;padding:35px 0;}
.bg5{background:#f1f5f8;padding:35px 0;}
.bg6{background:#e9e9e9;padding:35px 0;}
.bg7{background:#fefefe;padding:35px 0;}
.bg8{background:#38f;padding:35px 0;}
.bg9{background:#f8f8f8;padding:35px 0;}

.header,.ad,.m,.footer{max-width:100%;overflow:hidden;}
.menu,.c{max-width:1220px;padding:0 15px;margin:0 auto;position:relative;}
.topmenu{max-width:100%;background:#f1f1f1;line-height:32px;font-size:14px;text-align:right;color:#999;}
.topmenu a{margin:0 2px;color:#505050;}
.topmenu a:hover{color:#d00;}
.topmenu .l{color:#202020;position:absolute;top:0;left:0;padding:0 15px;}
.topmenu .mobile{background:url(../images/mobile.png) left center no-repeat;padding:0px 0px 0px 16px;position:relative;}
.topmenu .mobile em{display:none;border:1px solid #ccc;
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24);
animation-name:saAni2;-webkit-animation:saAni2 0.4s linear 0s normal none;-moz-animation:saAni2 0.4s linear 0s normal none;animation:saAni2 0.4s linear 0s normal none;
}
@-webkit-keyframes saAni2{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni2{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni2{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.topmenu .mobile:hover em{display:block;position:absolute;top:20px;left:-50%;z-index:10000;}
.header .c{padding:15px 0;height:120px;overflow:hidden;position:relative;}
.logo{float:left;width:360px;height:120px;line-height:120px;overflow:hidden;}
.header .r{padding:57px 0 0 100px;margin-top:23px;color:#000;font-size:16px;background:#fff url(../images/cxt.jpg) 6px top no-repeat;}
.header .r big{color:#d00;font-size:18pt;font-weight:bold;letter-spacing:1px;}
.nav{max-width:100%;background:#2678b9;}
.menu{line-height:50px;position:relative;}
.menu:after{content: ""; clear: both; display: block;}
.menu li{float:left;}
.menu li a{padding:0 35px;display:block;color:#fff;font-size:16px;height:50px;}
.menu li a:hover,.menu li:hover a:hover{background:#08599a;}
.menu li:hover a{background:#08599a;}
.menu li ul{display:none;position:absolute;top:100%; z-index:999;box-shadow:0px 0px 5px rgba(0,0,0,.1);}
.menu li:hover > ul{display:block;}
.menu li ul li{float:none;position:relative;border-bottom:1px solid #08599a;}
.menu li ul li a:hover,.menu li:hover ul li a:hover{background:#2678b9;}
.menu li ul li ul{display:none;left:100%;top:0%;width:100%;}
.menu li:hover > ul ul{display:none;}
.menu li:hover > ul li:hover > ul{display:block;}

.menu li:hover > ul{animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.menu li:hover > ul{animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left top;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: bottom top;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left top;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom top;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left top;} to{opacity:1;transform:scale(1,1);transform-origin: bottom top;}} 

/* AD css */
.slideBox,.slideBox2{ width:100%; height:500px; overflow:hidden; position:relative;}
.slideBox .hd,.slideBox2 .hd{ height:25px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:10; }
.slideBox .hd ul,.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li,.slideBox2 .hd ul li{float:left; margin-right:5px;  width:25px; height:25px; line-height:25px; text-align:center; background:#fff; cursor:pointer;filter:alpha(opacity=75);opacity:0.75;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.slideBox .hd ul li.on,.slideBox2 .hd ul li.on{ background:#f00; color:#fff;filter:alpha(opacity=100);opacity:1;}
.slideBox .bd,.slideBox2 .bd{ position:relative;width:1920px;height:100%; z-index:0;overflow:hidden;margin:0 auto;
	margin:0 -moz-calc(50% - 960px);
	margin:0 -webkit-calc(50% - 960px);
	margin:0 calc(50% - 960px);}
.slideBox .bd li,.slideBox2 .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img,.slideBox2 .bd img{display:block;width:1920px;height:500px;}

.slideBox2{height:auto;}
.slideBox2 .bd{width:360px;
	margin:0 -moz-calc(50% - 180px);
	margin:0 -webkit-calc(50% - 180px);
	margin:0 calc(50% - 180px);}
.slideBox2 .bd img{width:360px;height:auto;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next,
.slideBox2 .prev,
.slideBox2 .next{ position:absolute; left:2%; top:50%; margin-top:-25px; display:block; width:32px; height:60px; background:url(../images/slider-arrow.png) -110px 15px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next,.slideBox2 .next{ left:auto; right:2%; background-position:8px 15px;}
.slideBox .prev:hover,
.slideBox .next:hover,
.slideBox2 .prev:hover,
.slideBox2 .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop,.slideBox2 .prevStop{ display:none;}
.slideBox .nextStop,.slideBox2 .nextStop{ display:none;}

.m .c{position:relative;}
.c .left{width:230px;float:left;box-shadow:0px 0px 5px rgba(0,0,0,.2);}
.c .right{width:auto;margin-left:250px;position:relative;}
.c .left .t3{font-size:1.6em;font-weight:900;color:#def;line-height:1.8em;border-bottom:1px solid #08599a;padding:5px 20px 5px;background:#2678b9;text-align:center;letter-spacing:5px;}
.c .left .t3 small{display:block;color:#bef;line-height:1.5em;letter-spacing:2px;font-size:18px;white-space:nowrap;font-weight:400}

.c .t2{font-size:1.6em;font-weight:900;color:#def;line-height:1.8em;border-bottom:1px solid #08599a;padding:5px 20px 5px;background:#08599a;text-align:center;letter-spacing:5px;
background:-ms-linear-gradient(left,#08599a,#1a6ee6,#08599a);
background:-moz-linear-gradient(left,#08599a,#1a6ee6,#08599a);}
.c .t03{overflow:hidden;}
.c .t03 h2{font-size:1.3em;font-weight:900;color:#def;line-height:1.8em;border-bottom:1px solid #07a;padding:5px 20px 5px;background:#2678b9;text-align:center;letter-spacing:3px;border-radius:40px;}
.c .t03 h2 small{padding-left:8px;}
.c .t02{line-height:36px;border-bottom:1px solid #ccc;margin-top:15px;padding-left:10px;font-size:16px;font-weight:bold}
.c .content{padding:25px 25px 15px 15px;width:auto;margin-right:400px;line-height:188%;font-size:14px;}
.c .picstr{width:360px;float:right;box-shadow:0px 0px 5px rgba(0,0,0,.2);margin:25px 15px 25px 0;}
.homelink{display:block;height:40px;line-height:36px; text-align:right;position:absolute;right:10px;top:8px;color:#777;}
.homelink a {color:#777}
.homelink a:hover{color:#000;}
.pagelist,.nextlist{margin:25px 10px 0;text-align:center;background:#f7f7f7;line-height:200%;padding:5px 10px;border-radius:25px;}
.nextlist{text-align:right;padding:5px 25px;}

.right .t2{text-align:left;font-size:16pt;line-height:150%;letter-spacing:3px;padding-left:25px;background:#f1f1f1;color:#777;border-bottom:1px solid #ddd;
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);}

ul.cmenu{padding:10px;background:#f7f7f7;}
ul.cmenu li{display:block;line-height:270%;position:relative;/*float:left;*/}
ul.cmenu li a{display:block;padding:0 15px 0 20px;background:#e9e9e9;border-bottom:3px solid #fff;font-size:14px;font-weight:bold;color:#707070;}
ul.cmenu li a:hover{background:#2678b9;color:#fff;}
ul.cmenu li ul{padding:0;display:none;}
ul.cmenu li ul.on{display:block;}
ul.cmenu li ul li{position:relative;}
ul.cmenu li ul li a{padding-left:35px;background:#f4f4f4;color:#707070;}
ul.cmenu li ul li ul li a{padding-left:50px;}
ul.cmenu li ul li a:hover,ul.cmenu li ul li:hover a{}
ul.cmenu li i{font-style:normal;background:#f1f1f1;overflow:hidden;display:block;position:absolute;top:10px;right:10px;width:22px;height:22px;line-height:22px;text-align:center;cursor:pointer;border-radius:50%;font-weight:bold;color:#777;}
ul.cmenu li i:hover{background:#1a6ee6;color:#fff;}
ul.cmenu li ul li i{background:#fff;}
ul.cmenu li ul li:hover i{width:0;height:0;border-top:8px solid transparent;border-right:10px solid #08599a;border-bottom:8px solid transparent;border-radius:0;top:13px;right:0px;background:none;}
ul.cmenu li ul li ul{display:none;position:absolute;top:-2px;left:100%;width:160px;border:2px solid #08599a;z-index:9999;}
ul.cmenu li ul li:hover ul{display:block;}
ul.cmenu li ul li:hover ul li a{color:#505050;background:#fff;padding-left:20px;}
ul.cmenu li ul li:hover ul li:hover a{color:#fff;background:#08599a;}

.product{}
.product dl{width:23%;margin:1%;overflow:hidden;float:left;}
.product dl dd{border:1px solid #ddd;border-radius:10px 10px 0 0;overflow:hidden;border-bottom:none;}
.product dl dd img{width:90%;height:auto;padding:5%;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.product dl:hover dd img,.product dl dd:hover img{position: relative;z-index: 10;opacity: 0.95;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);border-radius:18px 18px 0 0;}
.product dl dd a{display:block;}
.product dl:hover dd a,.product dl dd:hover a{background:#1a6ee6;transition: 0.9s all;-webkit-transition: 0.9s all;-o-transition: 0.9s all;-moz-transition: 0.9s all;-ms-transition: 0.9s all;}
.product dl dt{line-height:150%;text-align:center;background:#eee;}
.product dl dt a{display:block;padding:10px 15px;white-space:nowrap;overflow:hidden;border-radius:0 0 10px 10px;}
.product dl:hover dt a,.product dl dt a:hover{background:#1a6ee6;color:#fff;}
@media \0screen\,screen\9 {
.product dl{width:22.5%;}
.product dl:hover dd a,.product dl dd:hover a{background:none;}
}/* 只支持IE6、7、8 */

/*新闻列表*/
.newslist,.downloadlist {border:1px solid #ccc;background:#fff;padding:15px 10px;}
.newslist li,.downloadlist li{overflow:hidden; zoom:1; height:auto !important;margin:10px 0;border-bottom:1px solid #ccc;padding-bottom:5px;}
.newslist li a,.downloadlist li a{float:left;  padding-left:15px;font-size:13pt;font-weight:600;color:#505050;}
.newslist li a:hover,.downloadlist li a:hover{color:#f00;}
.newslist li em,.downloadlist li em{float:right;margin-right:15px;color:#999;font-style:normal;}
.newslist li span,.downloadlist li span{color:#888;display:block;clear:both;font-size:10pt;padding:5px 15px;line-height:180%;}
.newslist li span img,.downloadlist li span img{width:100px;height:68px;padding:0 12px 5px 0;}
.newslist li span a,.downloadlist li span a{padding-left:0;}
.title{text-align:center;font-size:20pt;line-height:200%;padding:25px 0 5px;letter-spacing:3px;}
.info{text-align:center;font-size:10pt;color:#707070;}
.maininfo,#maininfo,.sitemap{padding:25px 35px;font-size:16px;line-height:180%;border-bottom:1px solid #ccc;}
#maininfo{padding:15px;}
.maininfo p,.sitemap p{margin-bottom:8px;}
.maininfo img,#maininfo img{
max-width:1150px;
width:expression(this.width>1150px?"1150px":this.width); 
}
.bg9 #maininfo{background:#fff;border:none;}
.gb{overflow:hidden;}
.gbimg{width:36%;float:left;padding:1%;}
.gbimg img{width:100%;border:5px solid #fff;}
.gbimg .fd{text-align:center;background:#f4f4f4;display:block;width:100%;border:5px solid #fff;line-height:2;}
.gbcs{width:55%;float:right;border:1px solid #ccc;padding:1%;overflow:hidden;background:#fff;font-size:16px;line-height:165%;color:#000;}
.gbcs li{display:block;margin:1px 0;background:#f1f1f1;overflow:hidden;}
.gbcs li i{font-style:normal;width:20%;display:block;float:left;text-align:center;padding:8px 0;}
.gbcs li span{width:72%;display:block;float:left;background:#e5e5e5;padding:8px 4%;}
.gbimg img,.gbcs,.gbcon,.gbimg .fd,.MagicZoomBigImageCont,.plist li{
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);}
.gbcon{width:50%;float:right;padding:7.6% 3%;overflow:hidden;font-size:18px;line-height:180%;background:#f7f7f7;border:5px solid #fff;}
.textstr{overflow:hidden;}
.tags{line-height:250%;padding:10px 15px;}
.cps{line-height:250%;padding:10px 15px;border-bottom:1px solid #ccc;}
.title,.info,.maininfo,#maininfo,.sitemap,.textstr,.tags,.cps{border-left:1px solid #ccc;border-right:1px solid #ccc;}
.maininfo .file{text-align:center;padding:15px 15px 0;}
.maininfo .file a{padding:8px 10px;color:#fff;background:#c00;border-radius:8px;font-size:14px;font-weight:bold;}
.maininfo .file a:hover{background:#f00;}
.sitemap p{overflow:hidden;display:block;width:100%;}
.sitemap h3{margin:12px 0 8px;color:#06f;}
.sitemap ul,.sitemap ul.cmenu{background:#f7f7f7;padding:0;margin:0;overflow:hidden;}
.sitemap ul li,.sitemap ul.cmenu li{float:left;line-height:280%;}
.sitemap ul li a,.sitemap ul.cmenu li a{padding:5px 10px;margin:5px 10px;background:none;font-weight:normal;color:#505050;border:none;line-height:180%;}
.sitemap ul li a:hover,.sitemap ul.cmenu li a:hover{color:#f00;}

.imgstr,.imgstr1,.imgstr2{width:35%;float:left;padding:1%;margin-top:8px;padding-left:3%;}
.imgstr1{width:40%;margin-right:25px;}
.imgstr2{width:40%;float:none;margin:0 auto;}
.imgstr img,.imgstr1 img,.imgstr2 img{width:100%;border:5px solid #fff;}
.imgstr .fd,,.imgstr2 .fd{text-align:center;background:#f4f4f4;display:block;width:100%;border:5px solid #fff;line-height:2;}
.cpcs,.downcs{width:55%;float:right;border:1px solid #eee;padding:1%;overflow:hidden;background:#fff;font-size:16px;line-height:165%;color:#000;margin:10px 0 15px;}
.downcs{float:left;width:98%;}
.cpcs li,.downcs li{display:block;margin:1px 0;background:#f1f1f1;overflow:hidden;}
.cpcs li i,.downcs li i{font-style:normal;width:22%;display:block;float:left;text-align:center;padding:8px 0;}
.cpcs li span,.downcs li span{width:70%;display:block;float:left;background:#e5e5e5;padding:8px 4%;}
.imgstr img,.imgstr2 img,.cpcs,.cpcon,.imgstr .fd,.MagicZoomBigImageCont,.plist li{
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);}
.cpcon{width:47%;float:right;padding:7.6% 3%;overflow:hidden;font-size:18px;line-height:180%;background:#f7f7f7;border:5px solid #fff;margin-right:3%;margin-top:2%;}
.main-con{margin-left:47%;width:auto;}

/* picScroll-left */
.picScroll-left{position:relative;width:auto;margin:0 50px;background:#f4f4f4;border:1px solid #ddd;}
.picScroll-left .bd{overflow:hidden;margin:10px 15px;}
.picScroll-left .bd ul{overflow:hidden;zoom:1;}
.picScroll-left .bd ul li{width:16%;min-width:140px;margin:5px;float:left;_display:inline;overflow:hidden;text-align:center;border-radius:0 0 10px 10px;}
.picScroll-left .bd ul li .pic{text-align:center;border:1px solid #ddd;overflow:hidden;}
.picScroll-left .bd ul li .pic img{width:90%;display:block;padding:5%;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
.picScroll-left .bd ul:hover li:hover .pic{background:#1a6ee6;transition: 0.9s all;-webkit-transition: 0.9s all;-o-transition: 0.9s all;-moz-transition: 0.9s all;-ms-transition: 0.9s all;}
.picScroll-left .bd ul:hover li:hover .pic img{position: relative;z-index: 10;opacity: 0.90;-webkit-transform: scale(1.18);-moz-transform: scale(1.18);-ms-transform: scale(1.18);-o-transform: scale(1.18);}
.picScroll-left .bd ul li .title{line-height:39px;margin:0 auto;padding:0;}
.picScroll-left .bd ul li .title a{display:block;background:#e9e9e9;font-size:14px;font-weight:600;color:#777;}
.picScroll-left .bd ul:hover li:hover .title a{background:#1a6ee6;color:#fff;}
.picScroll-left .bd ul:hover li:hover{
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);}
@media \0screen\,screen\9 {
.picScroll-left .bd ul:hover li:hover .pic{background:none;}
}/* 只支持IE6、7、8 */

.picScroll-left .hd{overflow:hidden;background:#e9e9e9;padding:0 25px;position:relative;border-radius:15px 15px 0 0;}
.picScroll-left .prev,.picScroll-left .next{display:block;overflow:hidden;cursor:pointer;background:#d0d0d0 url("../images/slider-arrow.png") no-repeat;width:36px;height:50%;}
.picScroll-left .next{position:absolute;right:-36px;top:25%;background-position:10px 50%;}
.picScroll-left .prev{position:absolute;left:-36px;top:25%;background-position:-108px 50%;}
.picScroll-left .next:hover,.picScroll-left .prev:hover{background:#c0c0c0 url("../images/slider-arrow.png") no-repeat;;}
.picScroll-left .next:hover{background-position:10px 50%;}
.picScroll-left .prev:hover{background-position:-108px 50%;}

.caselist,.classlist{width:100%;overflow:hidden;}
.caselist li,.classlist li{width:30.29%;overflow:hidden;float:left;margin:1.5%;position:relative;border-radius:20px;
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);}
.caselist li img,.classlist li img{width:94%;float:left;border:10px solid #fff;border-radius:20px;}
.caselist li p,.classlist li p{float:left;width:100%;height:100%;display:block;overflow:hidden;cursor:pointer;background-color: rgba(0,0,0,0);position:absolute;top:0%;left:0;color:#f4f4f4;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.caselist li:hover p,.classlist li:hover p{background-color: rgba(0,0,0,0.3);opacity:1;-moz-opacity:1;filter:alpha(opacity=100);margin:0 auto;}
.caselist li p a,.classlist li p a{position:relative;display:block;width:100%;font-size:16pt;font-weight:bold;color:#f4f4f4;padding:10% 0 0;text-align:center;}
.caselist li p span,.classlist li p span{padding:10px 50px;display:block;font-size:12pt;line-height:170%;}
.classlist li p{top:80%;background-color: rgba(0,0,0,0.3);opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.classlist li p a{padding:15px 0 25px;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
.classlist li:hover p{top:0;}
.classlist li:hover p a{padding:45px 0 0;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.demo p a{position: relative;}}

.list-class{width:102%;margin-left:-1%;}
.list-class li{position:relative;z-index:1;width:23%;margin:1%;height:auto;padding-bottom:30px;float:left;background:#fff;text-align:center;-webkit-transition:all .2s linear;transition:all .2s linear;}
.list-class li p{margin:0;padding:0;text-indent:0em;}
.list-class li:hover {background:#fff;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.list-class li .thumb {display:block;width:212px;margin:10px auto 20px;position:relative;}
.list-class li .thumb img {display:block;width:100%;}
.list-class li .tit {margin:0 20px 10px;font-size:14px;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;_zoom:1;}
.list-class li .tit a {color:#212121;}
.list-class li .tit a:hover {color:#cc0000;}
.list-class li .desc {height:36px;line-height:18px;margin:0 20px 12px;font-size:12px;text-overflow:ellipsis;overflow:hidden;_zoom:1;color:#b0b0b0;}
.list-class li .icon {margin:25px 10px 0;color:#999;vertical-align:middle;font-size:12px;}
.list-class li .icon a{background:#f80;padding:5px 25px;color:#fff;line-height:180%;border-radius:8px;}

.ct{max-width:1220px;padding:0 15px;margin:0 auto;position:relative;}
.ct h2{margin:0 auto 35px;text-align:center;line-height:180%;font-size:26px;font-weight:bold;letter-spacing:5px;background:url(../images/dot.png) bottom center no-repeat;padding-left:5px;padding-bottom:5px;}
.ct small{width:100%;margin:5px auto 0;text-align:center;overflow:hidden;display:block;font-size:16px;font-weight:bold;text-transform:uppercase ;letter-spacing:5px;color:#ccc;}

.ct_youshi{overflow:hidden;}
.ct_youshi p,.ct_youshi ul{float:left;width:50%;margin:0;padding:0;min-height:500px;position:relative;padding-top:10px;}
.ct_youshi p{background:url(../images/ad1.png) 20px 0 no-repeat;overflow:hidden;}
.ct_youshi ul::before{content:'';position:absolute;top:0;left:-30px;height:100%;width:4px;background:#d7e4ed;}
.ct_youshi ul li{line-height:180%;margin-bottom:15px;}
.ct_youshi ul li em{font-style:normal;border-radius:50%;width:24px;height:24px;overflow:hidden;background:#0099ff;display:block;float:left;text-align:center;line-height:24px;color:#eee;margin-left:-40px;font-size:14px;font-weight:bold;position:relative;z-index:100;}
.ct_youshi ul li span{display:block;}

.youshi{width:100%;overflow:hidden;}
.youshi li{width:31.3%;margin:1%;float:left;background:#fff;border-radius:50px 0 50px 0;min-height:480px;}
.youshi li.y01 p,.youshi li.y02 p,.youshi li.y03 p{width:250px;height:250px;display:block;overflow:hidden;background:url("../images/youshi.jpg") no-repeat;padding:0;margin:30px auto 10px;}
.youshi li.y02 p{background-position:-250px 0;}
.youshi li.y03 p{background-position:-500px 0;}
.youshi li h3{font-size:18pt;text-align:center;color:#777;}
.youshi li span{text-align:center;padding:10px 20px 20px;display:block;line-height:168%;color:#777;}
.youshi li a{text-align:center;margin:0 auto;display:block;padding:8px 20px;background:#edf9ff;width:80px;border:0px solid #ccc;border-radius:20px;
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);}
.youshi li:hover a{background:#05e;color:#fff;}

/* slideTxtBox */
.slideTxtBox{position:relative;}
.slideTxtBox .bd ul{padding:15px;zoom:1;text-align:left;border:1px solid #ddd;background:#f8f8f8;}
.slideTxtBox .bd ul h3{white-space:nowrap;}
.slideTxtBox .bd li.hot{width:41%;background:#fff;float:left;border:1px solid rgba(0, 0, 0, 0.24);margin-top:8px;}
.slideTxtBox .bd li.hot img{width:90%;padding:4% 5% 2%;max-height:204px;}
.slideTxtBox .bd li.hot h3{font-size:13pt;padding:5px 15px;}
.slideTxtBox .bd li.hot span{padding:0 18px 15px;display:block;line-height:168%;font-size:90%;color:#777;}
.slideTxtBox .bd li.con{width:55%;float:right;display:block;height:110px;line-height:150%;overflow:hidden;margin:0 auto 3%;background:#fff;border:1px solid rgba(0, 0, 0, 0.24);margin:8px;
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);}
.slideTxtBox .bd li.con a{width:74%;float:right;font-size:12pt;color:#222;padding:2% 4% 1.5%;overflow;hidden;display:block;font-weight:bold;transition: 0s all;-webkit-transition: 0s all;-o-transition: 0s all;-moz-transition: 0s all;-ms-transition: 0s all;}
.slideTxtBox .bd li.con span{width:74%;float:right;padding:0% 4%;line-height:168%;font-size:85%;color:#777;}
.slideTxtBox .bd li.con p{width:18%;height:110px;float:left;text-align:center;padding:0;margin:0;font-size:14pt;border-right:1px solid rgba(0, 0, 0, 0.24);margin-left:-1px;color:#08599a;background:#e9e9e9;}
.slideTxtBox .bd li.con p big{font-size:28pt;display:block;padding-top:8px;padding-bottom:8px;margin-bottom:7px;line-height:160%;background:#fff;}
.slideTxtBox .bd li.con:hover{background:#1a6ee6;color:#fff;}
.slideTxtBox .bd li.con:hover p{border-right:1px solid #06c;color:#fafafa;background:#06c;}
.slideTxtBox .bd li.con:hover p big{background:#05d;}
.slideTxtBox .bd li.con:hover span{background:#1a6ee6;color:#fff;}
.slideTxtBox .bd li.con:hover a{color:#fefefe;}
.slideTxtBox .hd{width:100%;overflow:hidden;text-align:center;margin-bottom:15px;position:relative;}
.slideTxtBox .hd::before {
	content:'';
	position:absolute;
	top:17px;
	left:0;right:0;
	height:2px;
	width:100%;
	background:#ccc;
}
.slideTxtBox .hd ul{text-align:center;line-height:36px;margin:0 auto;width:480px;position:relative;z-index:100;}
.slideTxtBox .hd ul li{width:100px;padding:0 15px;cursor:pointer;margin:0 15px;float:left;background:#2678b9;color:#fff;border-radius:25px;}
.slideTxtBox .hd ul li.on{background:#c00;color:#fff;}

.slideTxtBox2 .hd{width:100%;overflow:hidden;text-align:center;margin-bottom:15px;position:relative;}
.slideTxtBox2 .hd::before {
	content:'';
	position:absolute;
	top:17px;
	left:0;right:0;
	height:2px;
	width:100%;
	background:#ccc;
}
.slideTxtBox2 .hd ul{text-align:center;width:auto;padding:0;margin:0 auto;display:table;position:relative;z-index:100;margin-bottom:15px;}
.slideTxtBox2 .hd ul li{width:180px;height:36px;line-height:37px;cursor:pointer;margin:0 15px;float:left;}
.slideTxtBox2 .hd ul li a{background:#2678b9;color:#fff;display:block;border-radius:25px;padding:0 15px;}
.slideTxtBox2 .hd ul li a:hover,.slideTxtBox2 .hd ul li a.on{background:#c00;color:#fff;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .next,.slideTxtBox .prev{position:absolute;top:40%;width:73px;height:74px;overflow:hidden;background:url("jt.png") no-repeat;cursor:pointer;}
.slideTxtBox .prev{left:-80px;background-position:0 -548px;}
.slideTxtBox .prev:hover{background-position:0 -369px;}
.slideTxtBox .next{right:-80px;background-position:-73px  -548px;}
.slideTxtBox .next:hover{background-position:-73px -369px;}

.flink{padding:10px 0 15px 0;overflow:hidden}
.flink li{float:left;}
.flink li a{padding:5px 8px;display:block;}

.footer{background:#2678b9;padding:25px 0;color:#fff;text-align:center;}
.footer a{color:#fff;}
.foot-t{max-width:100%;overflow:hidden;background:#08599a;line-height:36px;
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(100, 0, 0, 0.12), 0 1px 2px 0 rgba(100, 0, 0, 0.24);
background:-ms-linear-gradient(left,#2678b9,#08599a,#2678b9);
background:-moz-linear-gradient(left,#2678b9,#08599a,#2678b9);}
.foot-t ul{margin:0 auto;}
.foot-t ul li{display:inline;}
.foot-t ul li a{padding:5px 8px;}
.foot-t ul li a:hover{color:#ff0;}
.foot-c{padding:30px 0 20px;line-height:180%;}
.foot-jx{display:none;}

.contact{margin:25px;padding:25px 30% 25px 10%;line-height:250%;border:1px solid #ccc;}
.contact legend{font-weight:bold;font-size:14pt;padding:5px 10px 10px;}
.contact label{display:block;font-size:16px;}
.contact input{line-height:200%;width:80%;padding:0 10px;}
.contact input.txtbox2{width:20%;}
.contact textarea{line-height:150%;width:100%;padding:10px;}
.contact button{line-height:180%;padding:0 10px;margin:25px;cursor:pointer;font-size:16px;font-weight:bold;letter-spacing:3px;color:#707070;border-radius:8px;}
.contact button:hover{background:#08599a;color:#fff;}

/* CSS class for zoomed area */
.MagicZoomBigImageCont{border:5px solid #9df;overflow:hidden;}
.MagicZoomBigImageCont img{width:800px;height:800px}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(../images/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}

.iw_poi_content{line-height:180%;}

.cnav{display:none;width:36px;height:36px;overflow:hidden;background:#38f url(../images/menu.png) center center no-repeat;cursor:pointer;position:absolute;top:2px;right:5px;margin:2px;border-radius:5px;}
.cnav:hover{background:#0456c4 url(../images/menu.png) center center no-repeat;}

.cd-timetitle {
	text-align:center;
	font-size:1.5em;
	margin:2em 0 3em;margin-left:-87%;
	background:url(../images/title-bg2.png) repeat-x center center;
}
.cd-timetitle em {
	color:#fff;
	font-style:normal;
	letter-spacing:5px;
	background:#08f;
	padding:7px 25px 7px 30px;
	box-shadow:#06f 0px 0 0px;
	border-radius:12px;
	text-shadow:-1px -1px 0 #ddd,1px 1px 0 #666,1px 1px 0 #999;
}
.cd-container {
	margin:0 auto;margin-left:-87%;
}
.cd-container::after {
	content:'';
	display:table;
	clear:both;
}
#cd-timeline {
	position:relative;
	padding:2em 0;
	margin-top:1em;
	margin-bottom:1em;
}
#cd-timeline::before {
	content:'';
	position:absolute;
	top:0;
	left:18px;
	height:100%;
	width:4px;
	background:#d7e4ed;
}
@media only screen and (min-width:1170px) {
	#cd-timeline {
	margin-top:1em;
	margin-bottom:1em;
}
#cd-timeline::before {
	left:50%;
	margin-left:-2px;
}
}
.cd-timeline-block {
	position:relative;
	margin:2em 0;
}
.cd-timeline-block:after {
	content:"";
	display:table;
	clear:both;
}
.cd-timeline-block:first-child {
	margin-top:0;
}
.cd-timeline-block:last-child {
	margin-bottom:0;
}
@media only screen and (min-width:1170px) {
	.cd-timeline-block {
	margin:2em 0;
}
.cd-timeline-block:first-child {
	margin-top:0;
}
.cd-timeline-block:last-child {
	margin-bottom:0;
}
}
.cd-timeline-img {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	border-radius:50%;
	box-shadow:0 0 0 4px white,inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05);
}
.cd-timeline-img img {
	display:block;
	width:24px;
	height:24px;
	line-height:24px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-12px;
	margin-top:-12px;
}
.cd-timeline-img.cd-picture {
	background:#08599a;
}
.cd-timeline-img em {
	display:block;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-13px;
	margin-top:-16px;
	font-size:18pt;
	font-weight:bold;
	color:#fff;
	font-style:normal;
}
.cd-timeline-img.cd-movie {
	background:#66cc66;
}
.cd-timeline-img.cd-location {
	background:#f0ca45;
}
@media only screen and (min-width:1170px) {
	.cd-timeline-img {
	width:50px;
	height:50px;
	left:50%;
	margin-left:-25px;
	-webkit-transform:translateZ(0);
	-webkit-backface-visibility:hidden;
}
.cd-timeline-img em {
	display:block;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-15px;
	margin-top:-14px;
	font-size:21pt;
	font-weight:bold;
	color:#fff;
	font-style:normal;
}
.cssanimations .cd-timeline-img.is-hidden {
	visibility:hidden;
}
.cssanimations .cd-timeline-img.bounce-in {
	visibility:visible;
	-webkit-animation:cd-bounce-1 0.6s;
	-moz-animation:cd-bounce-1 0.6s;
	animation:cd-bounce-1 0.6s;
}
}
.cd-timeline-content {
	position:relative;
	margin-left:60px;
	background:white;
	border-radius:0.25em;
	padding:1em;
	box-shadow:0 3px 0 #fff;min-height:200px;
}
.cd-timeline-content:after {
	content:"";
	display:table;
	clear:both;
}
.cd-timeline-content h3 {
	color:#303e49;background:#e5e5e5;padding:5px 25px 3px;border-radius:30px 5px 30px 5px;margin-top:-20px;
	font-size:14pt;
	font-weight:600;
}
.cd-timeline-content h3 em {
	color:#c00;
	font-size:16pt;
	font-style:normal;
}
.cd-timeline-content p,.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date {
	font-size:13px;
}
.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date {
	display:inline-block;
}
.cd-timeline-content p {
	margin:1em 0;
	line-height:1.6;
}
.cd-timeline-content .cd-read-more {
	float:right;
	padding:.8em 1em;
	background:#acb7c0;
	color:white;
	border-radius:0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
	background-color:#bac4cb;
}
a.cd-read-more:hover {
	text-decoration:none;
	background-color:#424242;
}
.cd-timeline-content .cd-date {
	float:left;
	padding:.8em 0;
	opacity:1;
}
.cd-timeline-content::before {
	content:'';
	position:absolute;
	top:16px;
	right:100%;
	height:0;
	width:0;
	border:7px solid transparent;
	border-right:7px solid white;
}
@media only screen and (min-width:768px) {
	.cd-timeline-content h3 {
	font-size:14pt;
	font-weight:600;
	color:#303e49;
}
.cd-timeline-content p {
	font-size:16px;
	color:#7f8c97;
}
.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date {
	font-size:14px;
}
}
@media only screen and (min-width:1170px) {
	.cd-timeline-content {
	margin-left:0;
	padding:1.6em;
	width:40%;
}
.cd-timeline-content::before {
	top:24px;
	left:100%;
	border-color:transparent;
	border-left-color:white;
}
.cd-timeline-content .cd-read-more {
	float:left;
}
.cd-timeline-content .cd-date {
	position:absolute;
	width:100%;
	left:132%;
	top:-20%;
	font-size:16px;
	font-size:1rem;
}
.cd-timeline-content .cd-date img{width:86%;}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
	float:right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
	top:24px;
	left:auto;
	right:100%;
	border-color:transparent;
	border-right-color:white;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
	float:right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
	left:auto;
	right:132%;
	text-align:right;
}
.cssanimations .cd-timeline-content.is-hidden {
	visibility:hidden;
}
.cssanimations .cd-timeline-content.bounce-in {
	visibility:visible;
	-webkit-animation:cd-bounce-2 0.6s;
	-moz-animation:cd-bounce-2 0.6s;
	animation:cd-bounce-2 0.6s;
}
}
@media only screen and (max-width:648px) {
	.cd-timeline-content .cd-date img {
	width:96%;
}
}
@media only screen and (min-width:1170px) {
	.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
	-webkit-animation:cd-bounce-2-inverse 0.6s;
	-moz-animation:cd-bounce-2-inverse 0.6s;
	animation:cd-bounce-2-inverse 0.6s;
	line-height:30px;
}
}
@media(max-width:1380px){
.slideBox{height:359px;}
.slideBox .bd{width:1380px;height:359px;
	margin:0 -moz-calc(50% - 690px);
	margin:0 -webkit-calc(50% - 690px);
	margin:0 calc(50% - 690px);}
.slideBox .bd img{width:1380px;height:359px;}
}
@media(max-width:1152px){
.slideBox{height:300px;}
.slideBox .bd{width:1152px;height:300px;
	margin:0 -moz-calc(50% - 576px);
	margin:0 -webkit-calc(50% - 576px);
	margin:0 calc(50% - 576px);}
.slideBox .bd img{width:1152px;height:300px;}
}
@media(max-width:1024px){
.caselist li p a,.classlist li p a{font-size:16px;padding:15% 0 0;}
.caselist li p span,.classlist li p span{padding:10px 25px;font-size:14px;line-height:170%;}
.menu li:hover > ul{display:none;}
}
@media(max-width:960px){
.c{padding:0 0px;}
.c .left{display:none;position:absolute;top:0;left:0;z-index:1000;}
.c .right{margin-left:0px;}
.cnav{display:block;z-index:1000;}
.youshi li{width:48%;}
.slideBox{height:250px;}
.slideBox .bd{width:960px;height:250px;
	margin:0 -moz-calc(50% - 480px);
	margin:0 -webkit-calc(50% - 480px);
	margin:0 calc(50% - 480px);}
.slideBox .bd img{width:960px;height:250px;}
.bg1{padding:0 0 15px;}
}
@media(max-width:768px){
.topmenu{height:28px;overflow:hidden;display:none;}
.topmenu .l{width:98%;background:#f1f1f1;text-align:left;padding:0 0 0 2%;}
.topmenu .mobile{position:static;}
.header .c{background:none;height:auto;padding:5px 5px;}
.logo{width:200px;height:auto;line-height:100%;}
.logo img{width:100%;}
.header .r{padding:31px 0 0 0;margin-top:0px;background:url(../images/tel.png) right 10px no-repeat;}
.header .r big{font-size:15pt;}
.menu{line-height:32px;padding:5px;}
.menu li{width:20%;float:left;text-align:center;}
.menu li a{padding:0;font-size:14px;height:32px;}
.c .picstr{display:none;}
.c .content{margin-right:0px;}
.product dl{width:31.3333%;}
.caselist li,.classlist li{width:47%;}
.classlist li p a{padding:2% 0 25px;}
.caselist li:hover p a,.classlist li:hover p a{padding:10% 0 0;}
.caselist li p span,.classlist li p span{padding:10px 10%;}
.youshi li{width:98%;}
.slideTxtBox .bd ul{padding:0;}
.slideTxtBox .bd li.hot,.slideTxtBox .bd li.con{width:98%;}
.slideTxtBox .hd{padding-left:20%;}
.imgstr,.imgstr1,.imgstr2,.gbimg{width:96%;margin:0 auto;padding-left:1%;}
.cpcs,.gbcs,.gbcon{width:98%;}
.maininfo,.sitemap{padding:25px;}
.title{font-size:16pt;}
.contact{margin:15px 0;padding:15px 10%;}
.slideBox{height:200px;}
.slideBox .bd{width:768px;height:200px;
	margin:0 -moz-calc(50% - 384px);
	margin:0 -webkit-calc(50% - 384px);
	margin:0 calc(50% - 384px);}
.slideBox .bd img{width:768px;height:200px;}
.homelink{display:none;}
.main-con{margin-left:0;width:auto;}
.cd-timetitle {margin-left:0;}
.cd-container {margin-left:0;}
.list-class li{width:48%;height:auto;margin:1%;}
}
@media(max-width:600px){
.slideBox{height:156px;}
.slideBox .bd{width:600px;height:156px;
	margin:0 -moz-calc(50% - 300px);
	margin:0 -webkit-calc(50% - 300px);
	margin:0 calc(50% - 300px);}
.slideBox .bd img{width:600px;height:156px;}
}
@media(max-width:480px){
.menu li{width:25%;}
.product dl{width:48%;}
.maininfo img{
max-width:450px;
width:expression(this.width>450px?"450px":this.width); 
}
.caselist li p span,.classlist li p span{display:none;}
.classlist li p a{padding:1% 0 25px;font-size:16px;}
.classlist li:hover p a{padding:40% 0 0;font-size:16pt;}
.caselist li:hover p a{padding:25% 0 0;}
.index1{padding:15px 0;}
.index2{padding:15px 0;}
.index3{padding:15px 0;}
.index4{padding:15px 0;}
.index5{padding:15px 0;}
.index6{padding:15px 0;}
.slideBox{height:125px;}
.slideBox .bd{width:480px;height:125px;
	margin:0 -moz-calc(50% - 240px);
	margin:0 -webkit-calc(50% - 240px);
	margin:0 calc(50% - 240px);}
.slideBox .bd img{width:480px;height:125px;}
}