.banner{ width:100%; height:540px; overflow:hidden; position:relative; }
.banner .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-30px; bottom:12px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:10px;  width:12px; height:12px; line-height:14px; text-align:center; background:#cbc6c2; border-radius:10px; cursor:pointer; }
.banner .hd ul li.on{ background:#860c30; color:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; height:540px;}
/*gallery、service*/
.content01{ margin-top:50px;}
.content01 li{ width:528px; height:360px; overflow:hidden; position:relative; float:left; margin-left:40px;}
.content01 li:first-child{ margin-left:0;}
.content01 .img{ position:relative;}
.content01 .img h3{ font-size:18px; text-transform:uppercase; color:#990048; font-weight:bold;}
.content01 .img .lang{ position:absolute; top:20px; left:20px;}
.content01 .img .lans{ position:absolute; top:20px; right:20px;}
.content01 .info{ position:absolute; top:0; left:0; background:url(../images/hoverbg.png) no-repeat left top; width:528px; height:360px; display:none;}
.content01 li:hover .info{ display:block;}
.content01 .info .view{ color:#fff; border:1px solid #fff; width:160px; height:40px; text-transform:uppercase; text-align:center; line-height:40px; position:absolute; left:36%; top:42%;}
.content01 li img{ width:100%; height:360px;}
/*关于我们*/
.content02{ margin-top:50px;}
.about{ width:680px; height:360px; background:#eee; float:left;}
.about .aimg{ width:380px; height:280px; margin-top:40px; margin-left:30px; overflow:hidden; float:left;}
.about .aimg img{ margin:auto; display:block; width:380px; height:280px;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.about .aimg img:hover{transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */}
.about .atext{ width:220px; padding-right:20px; margin-top:40px; float:right;}
.about .atext h2{ font-size:18px; text-transform:uppercase; margin-bottom:10px;}
.atext .brief{ line-height:22px;}
.atext .more{ color:#333; display:block; margin-top:6px;}
.atext .more:hover{ color:#860c30;}
/*服务*/
.service{ width:380px; float:right;}
.service h2{ text-align:center;font-size:18px; text-transform:uppercase;}
.service .simg{ margin-top:24px; width:380px; height:264px; margin:20px auto; overflow:hidden;}
.service .simg img{ margin:auto; display:block;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.service .simg img:hover{transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */}
.name{ margin-left:115px;}
.name a{ display:block;width:148px; height:32px; border:1px solid #cbc6c2; text-align:center; line-height:32px; color:#333;} 
.name a:hover{ color:#860c30; border:1px solid #860c30;}
.slideTxtBox{ width:470px;text-align:left;  }
.slideTxtBox .hd{ height:30px; line-height:30px;padding:0 10px 0 20px;   border-bottom:1px solid #cbcbcb;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{ float:left;cursor:pointer; margin-right:20px;}
.slideTxtBox .hd ul li.on{ height:30px;  background:#fff;border-bottom:2px solid #00489d; }
.slideTxtBox .bd{height:158px; overflow:hidden;}
.slideTxtBox .bd ul{ padding:10px 0;  zoom:1;}
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }
.slideTxtBox h2{ font-size:16px;}
.slideTxtBox a:hover{color:#00489d;}
.slideTxtBox .riqi,.jie{ font-size:13px;color:#808080; line-height:22px;}
.slideTxtBox{ width:470px;text-align:left;  }
.slideTxtBox .hd{ height:30px; line-height:30px;padding:0 10px 0 20px;   border-bottom:1px solid #cbcbcb;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{ float:left;cursor:pointer; margin-right:20px;}
.slideTxtBox .hd ul li.on{ height:30px;  background:#fff;border-bottom:2px solid #00489d; }
.slideTxtBox .bd{height:158px; overflow:hidden;}
.slideTxtBox .bd ul{ padding:10px 0;  zoom:1;}
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }
.slideTxtBox h2{ font-size:16px;}
.slideTxtBox a:hover{color:#00489d;}
.slideTxtBox .riqi,.jie{ font-size:13px;color:#808080; line-height:22px;}
.gallery .gall_img1{ width:670px; height:530px; border:0; overflow:hidden; margin-bottom:10px;}
.gallery .gall_img2{ width:420px; height:260px; border:0; overflow:hidden; margin-bottom:10px;}
.gallery .gall_img1 img{ width:100%; height:100%;}

@media screen and (min-width:1920px) and (max-width:2560px ) {
.inner{ width:1600px;}
.nav li{ float:left; margin-left:60px; font-size:18px; text-transform:uppercase; line-height:40px;}
.content01 li{ width:780px; height:532px;}
.content01 .info{ position:absolute; top:0; left:0; background:url(../images/hoverbg.png) no-repeat left top; width:780px; height:532px; display:none; background-size:100%;}
.content01 li:hover .info{ display:block;}
.content01 .info .view{ color:#fff; border:1px solid #fff; width:160px; height:40px; text-transform:uppercase; text-align:center; line-height:40px; position:absolute; left:38%; top:42%;}
.content01 li img{ width:780px; height:532px;}
.content02{ margin-top:40px;}
.about{ width:990px; height:510px; background:#eee;}
.about .aimg{ width:640px; height:426px; margin-top:40px; margin-left:30px; overflow:hidden;}
.about .aimg img{ margin:auto; display:block; width:640px; height:426px;}
.about .atext{ width:260px; padding-right:20px; margin-top:40px;}
.about .atext h2{ font-size:18px; text-transform:uppercase; margin-bottom:10px;}
.service{ width:570px;}
.service h2{ text-align:center;font-size:18px; text-transform:uppercase;}
.service .simg{ margin-top:24px; width:570px; height:396px; margin:20px auto; overflow:hidden;}
.service .simg img{ width:100%;}
.name{ margin-left:230px;}
.quote{ width:840px; }
.quote h2{ margin-bottom:16px; text-transform:uppercase;}
.quote input{ margin-bottom:20px;text-transform:capitalize; font-size:14px;}
.quote .xm,.tel{ width:300px; height:32px; background:#fff; padding-left:10px; }
.quote .xm{ margin-right:16px;}
.quote .add{ width:630px; height:32px; padding-left:10px;}
.quote textarea{ width:630px; height:82px; padding:8px 0 0 10px; font-size:14px; font-family:Arial; text-transform:capitalize;}
.quote .code{ width:120px; height:30px; padding-left:10px;}
.quote .btn{ width:76px; height:30px; text-align:center; line-height:30px; background:#9c0a2e;text-transform:uppercase; color:#fff; margin-top:20px; margin-bottom:0;}
.conta{ width:720px;}
.conta h2{ margin-bottom:16px; text-transform:uppercase;}
.conta .fash{ margin-bottom:10px; line-height:20px; padding-left:28px;}
.conta .fash a{ color:#333;}
.conta .icon li{ float:left; margin-right:12px;}
.copy{ margin-top:160px; text-transform:uppercase;}
.gallery img{ display:block; width:100%;}
.gallery .gall_img1{ width:970px; height:620px;margin-bottom:20px;}
.gallery .gall_img2{ width:610px; height:300px;margin-bottom:20px;}
.subser li{ width:780px;}
.subser li img{ width:780px; height:515px; overflow:hidden; margin-bottom:20px;}
.sale .fenl li{width:370px; height:342px;margin-right:40px;}
.sale .fenl li img{width:370px; height:342px;}
.sale .fenl li h3{color:#fff; background:rgba(0,0,0,0.2); width:360px; height:44px; padding-left:10px; line-height:44px;}
.shou li .saleimg{ width:370px; }
.shou li .saleimg .saimg{width:368px;height:340px; border:1px solid #ccc;}
.proform2{ width:920px;margin-top:30px;}
.proform2 .main p{ width:960px;}
.proform2 .main label{ width:200px; font-size:16px;}
.proform2 .main .int1{ width:540px;}
.proform2 .main .int2{ width:630px;}
.lian{ width:620px;}
.person{ font-size:15px;}
}
	
@media screen and (min-width: 1600px) and (max-width:1919px ) {
.inner{ width:1300px;}
.nav li{ float:left; margin-left:40px; font-size:16px; text-transform:uppercase; line-height:40px;}
.content01{ margin-top:40px;}
.content01 li{ width:630px; height:430px; overflow:hidden; position:relative; float:left; margin-left:40px;}
.content01 li:first-child{ margin-left:0;}
.content01 .img{ position:relative;}
.content01 .img h3{ font-size:18px; text-transform:uppercase; color:#990048; font-weight:bold;}
.content01 .img .lang{ position:absolute; top:20px; left:20px;}
.content01 .img .lans{ position:absolute; top:20px; right:20px;}
.content01 .info{ position:absolute; top:0; left:0; background:url(../images/hoverbg.png) no-repeat left top; width:630px; height:430px; display:none; background-size:100%;}
.content01 li:hover .info{ display:block;}
.content01 .info .view{ color:#fff; border:1px solid #fff; width:160px; height:40px; text-transform:uppercase; text-align:center; line-height:40px; position:absolute; left:38%; top:42%;}
.content01 li img{ width:630px; height:430px;}
.content02{ margin-top:40px;}
.about{ width:804px; height:425px; background:#eee;}
.about .aimg{ width:450px; height:330px; margin-top:40px; margin-left:30px; overflow:hidden;}
.about .aimg img{ margin:auto; display:block; width:450px; height:330px;}
.about .atext{ width:260px; padding-right:20px; margin-top:40px;}
.about .atext h2{ font-size:18px; text-transform:uppercase; margin-bottom:10px;}
.atext .brief{ line-height:22px;}
.atext .more{ color:#333; display:block; margin-top:6px;}
.atext .more:hover{ color:#860c30;}
.service{ width:450px;}
.service h2{ text-align:center;font-size:18px; text-transform:uppercase;}
.service .simg{ margin-top:24px; width:450px; height:312px; margin:20px auto; overflow:hidden;}
.service .simg img{ width:100%;}
.name{ margin-left:170px;}
.name a{ display:block;width:148px; height:30px; border:1px solid #cbc6c2; text-align:center; line-height:30px; color:#333;} 
.name a:hover{ color:#860c30; border:1px solid #860c30;}
.quote{ width:540px; }
.quote h2{ margin-bottom:16px; text-transform:uppercase;}
.quote input{ margin-bottom:20px;text-transform:capitalize; font-size:14px;}
.quote .xm,.tel{ width:250px; height:32px; background:#fff; padding-left:10px; }
.quote .xm{ margin-right:16px;}
.quote .add{ width:530px; height:32px; padding-left:10px;}
.quote textarea{ width:530px; height:82px; padding:8px 0 0 10px; font-size:14px; font-family:Arial; text-transform:capitalize;}
.quote .code{ width:120px; height:30px; padding-left:10px;}
.quote .btn{ width:76px; height:30px; text-align:center; line-height:30px; background:#9c0a2e;text-transform:uppercase; color:#fff; margin-top:20px; margin-bottom:0;}
.conta{ width:580px;}
.conta h2{ margin-bottom:16px; text-transform:uppercase;}
.conta .fash{ margin-bottom:10px; line-height:20px; padding-left:28px;}
.conta .fash a{ color:#333;}
.conta .icon li{ float:left; margin-right:12px;}
.copy{ margin-top:160px; text-transform:uppercase;}
.gallery .gall_img1{ width:780px; height:620px;}
.gallery .gall_img2{ width:510px; height:305px;}
.subser li{ width:630px;}
.subser li img{ width:630px; height:420px; overflow:hidden; margin-bottom:20px;}
.sale .fenl li{width:310px; height:286px;margin-right:20px;}
.sale .fenl li img{width:310px; height:286px;}
.sale .fenl li h3{color:#fff; background:rgba(0,0,0,0.2); width:360px; height:44px; padding-left:10px; line-height:44px;}
.shou li .saleimg{ width:310px; }
.shou li .saleimg .saimg{width:308px;height:284px; border:1px solid #ccc;}
.proform2{ width:820px;margin-top:30px;}
.proform2 .main p{ width:860px;}
.proform2 .main label{ width:200px;}
.proform2 .main .int1{ width:440px;}
.proform2 .main .int2{ width:530px;}
.lian{ width:420px;}
}

@media screen and (min-width: 1440px) and (max-width:1599px ) {
.inner{ width:1100px;}
}

@media screen and (min-width: 1024px) and (max-width:1199px ) {
.inner{ width:900px;}
.banner{ width:100%; height:400px; overflow:hidden; position:relative; }
.content01{ margin-top:40px;}
.content01 li{ width:430px; height:294px; overflow:hidden; position:relative; float:left; margin-left:40px;}
.content01 li:first-child{ margin-left:0;}
.content01 .img{ position:relative;}
.content01 .img h3{ font-size:18px; text-transform:uppercase; color:#990048; font-weight:bold;}
.content01 .img .lang{ position:absolute; top:20px; left:20px;}
.content01 .img .lans{ position:absolute; top:20px; right:20px;}
.content01 .info{ position:absolute; top:0; left:0; background:url(../images/hoverbg.png) no-repeat left top; width:430px; height:294px; display:none; background-size:100%;}
.content01 li:hover .info{ display:block;}
.content01 .info .view{ color:#fff; border:1px solid #fff; width:160px; height:40px; text-transform:uppercase; text-align:center; line-height:40px; position:absolute; left:32%; top:42%;}
.content01 li img{ width:430px; height:294px;}
.content02{ margin-top:40px;}
.about{ width:556px; height:310px; background:#eee;}
.about .aimg{ width:310px; height:230px; margin-top:40px; margin-left:30px; overflow:hidden;}
.about .aimg img{ margin:auto; display:block; width:310px; height:230px;}
.about .atext{ width:180px; padding-right:20px; margin-top:40px;}
.about .atext h2{ font-size:15px; text-transform:uppercase; margin-bottom:10px;}
.atext .brief{ line-height:20px; font-size:12px;}
.atext .more{ color:#333; display:block; margin-top:6px;}
.atext .more:hover{ color:#860c30;}
.service{ width:310px;}
.service h2{ text-align:center;font-size:15px; text-transform:uppercase;}
.service .simg{ margin-top:24px; width:310px; height:216px; margin:20px auto; overflow:hidden;}
.service .simg img{ width:100%;}
.name{ margin-left:90px;}
.name a{ display:block;width:148px; height:30px; border:1px solid #cbc6c2; text-align:center; line-height:30px; color:#333;} 
.name a:hover{ color:#860c30; border:1px solid #860c30;}
.quote{ width:482px; }
.quote h2{ margin-bottom:16px; text-transform:uppercase;}
.quote input{ margin-bottom:20px;text-transform:capitalize; font-size:14px;}
.quote .xm,.tel{ width:250px; height:32px; background:#fff; padding-left:10px; }
.quote .xm{ margin-right:16px;}
.quote .add{ width:480px; height:32px; padding-left:10px;}
.quote textarea{ width:480px; height:82px; padding:8px 0 0 10px; font-size:14px; font-family:Arial; text-transform:capitalize;}
.quote .code{ width:120px; height:30px; padding-left:10px;}
.quote .btn{ width:76px; height:30px; text-align:center; line-height:30px; background:#9c0a2e;text-transform:uppercase; color:#fff; margin-top:20px; margin-bottom:0;}
.conta{ width:310px;}
.conta h2{ margin-bottom:16px; text-transform:uppercase;}
.conta .fash{ margin-bottom:10px; line-height:20px; padding-left:28px;}
.conta .fash a{ color:#333;}
.conta .icon li{ float:left; margin-right:12px;}
.copy{ margin-top:160px; text-transform:uppercase;}
.gallery .gall_img1{ width:550px; height:400px;}
.gallery .gall_img2{ width:340px; height:195px;}	
.subser li{ width:430px;}
.subser li img{ width:430px; height:280px; overflow:hidden; margin-bottom:20px;}
.subser h3{ font-size:16px;}
.sale .fenl li{width:210px; height:194px;margin-right:20px;}
.sale .fenl li img{width:210px; height:194px;}
.sale .fenl li h3{color:#fff; background:rgba(0,0,0,0.2); width:360px; height:44px; padding-left:10px; line-height:44px;}
.shou li .saleimg{ width:210px; }
.shou li .saleimg .saimg{width:208px;height:192px; border:1px solid #ccc;}
.sale .shuo{ line-height:50px; height:50px; font-size:16px;}
.proform2{ width:620px;margin-top:30px;}
.proform2 .main p{ width:660px;}
.proform2 .main label{ width:160px;}
.proform2 .main .int1{ width:320px;}
.proform2 .main .int2{ width:440px;}
.lian{ width:220px;}
}
	
@media screen and (min-width: 640px) and (max-width:1023px ){
.logo img{ width:86px;}
.nav{ margin-top:20px; margin-bottom:20px;}
.nav li{ float:left; margin-left:20px; font-size:14px; text-transform:uppercase; line-height:30px;}
.inner{ width:640px;}
.banner{ width:100%; height:300px; overflow:hidden; position:relative; }
.content01{ margin-top:30px;}
.content01 li{ width:300px; height:205px;overflow:hidden; position:relative; float:left; margin-left:40px;}
.content01 li:first-child{ margin-left:0;}
.content01 .img{ position:relative;}
.content01 .img h3{ font-size:16px; text-transform:uppercase; color:#990048; font-weight:bold;}
.content01 .img .lang{ position:absolute; top:14px; left:14px;}
.content01 .img .lans{ position:absolute; top:14px; right:14px;}
.content01 .info{ position:absolute; top:0; left:0; background:url(../images/hoverbg.png) no-repeat left top; width:300px; height:205px; display:none; background-size:100%;}
.content01 li:hover .info{ display:block;}
.content01 .info .view{ color:#fff; border:1px solid #fff; width:100px; height:30px; text-transform:uppercase; text-align:center; line-height:30px; position:absolute; left:33%; top:42%; font-size:12px;}
.content01 li img{ width:300px; height:205px;}
.content02{ margin-top:30px;}
.about{ width:300px; height:310px; background:#eee;}
.about .aimg{ display:none;}
.about .atext{ width:260px; padding:20px; margin-top:40px;}
.service{ width:310px;}
.service h2{ text-align:center;font-size:15px; text-transform:uppercase;}
.service .simg{ margin-top:24px; width:310px; height:216px; margin:20px auto; overflow:hidden;}
.service .simg img{ width:100%;}
.name{ margin-left:90px;}
.name a{ display:block;width:148px; height:30px; border:1px solid #cbc6c2; text-align:center; line-height:30px; color:#333;} 
.name a:hover{ color:#860c30; border:1px solid #860c30;}
.quote{ width:360px; }
.quote h2{ margin-bottom:16px; text-transform:uppercase;}
.quote input{ margin-bottom:20px;text-transform:capitalize; font-size:14px;}
.quote .xm,.tel{ width:250px; height:32px; background:#fff; padding-left:10px; }
.quote .xm{ margin-right:16px;}
.quote .add{ width:360px; height:32px; padding-left:10px;}
.quote textarea{ width:360px; height:82px; padding:8px 0 0 10px; font-size:14px; font-family:Arial; text-transform:capitalize;}
.quote .code{ width:120px; height:30px; padding-left:10px;}
.quote .btn{ width:76px; height:30px; text-align:center; line-height:30px; background:#9c0a2e;text-transform:uppercase; color:#fff; margin-top:20px; margin-bottom:0;}
.conta{ width:240px;}
.conta h2{ margin-bottom:16px; text-transform:uppercase;}
.conta .fash{ margin-bottom:10px; line-height:20px; padding-left:28px;}
.conta .fash a{ color:#333;}
.conta .icon li{ float:left; margin-right:12px;}
.copy{ margin-top:180px; text-transform:uppercase;}	
.gallery .gall_img1{ width:400px; height:300px; border:0;}
.gallery .gall_img2{ width:230px; height:145px; border:0;}
.subser li{ width:310px;}
.subser li img{ width:310px; height:200px; overflow:hidden; margin-bottom:20px;}
.subser h3{ font-size:15px;}
.sale .fenl li{width:145px; height:134px;margin-right:20px;}
.sale .fenl li img{width:145px; height:134px;}
.sale .fenl li h3{color:#fff; background:rgba(0,0,0,0.2); width:360px; height:44px; padding-left:10px; line-height:44px;}
.shou li .saleimg{ width:145px; }
.shou li .saleimg .saimg{width:143px;height:132px; border:1px solid #ccc;}
.sale .shuo{ line-height:40px; height:40px; font-size:15px;}
.proform2{ width:398px;margin-top:30px;}
.proform2 .main p{ width:460px;}
.proform2 .main label{ width:100px; }
.proform2 .main .int1{ width:230px;}
.proform2 .main .int2{ width:290px;}
.lian{ width:160px;}
}