﻿/*@import "/Skins/Default/resetcommon.css";*/
/*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
body {min-width: 1200px; width: 100%;}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
span { overflow:hidden;}/*兼容IE8*/


/*banner*/
.fullSlide {width:100%;position:relative;height:450px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:450px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat;}
.fullSlide .bd li a {display:block;height:450px;}

.fullSlide .hd {position:absolute; z-index:7; bottom:35px; left:47%; padding:5px 6px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li{border-radius:14px;width:20px;height:20px; color:#0075c5;  background:#0075c5; float:left; cursor: pointer;display:block;margin-left: 5px;
                  transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */ -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */}
.fullSlide .hd ul .on{background:#ff6a06; color:#ff6a06;}
.fullSlide .prev,.fullSlide .next {	display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:81px; height:80px;}
.fullSlide .prev{ background:url(left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(right1s.png) no-repeat;}


/*产品中心*/
.rx_top { text-align:center; padding:30px 0 45px;}
.zx { width:240px; overflow:hidden;}
.zx_top { background-color:#1284e4; height:81px; line-height:81px; text-align:center;}
.zx_top a { font-size:30px; color:#fff;}
.zx_con {  width:240px; padding:0px 0 0;}

.zx_con h3 { clear:both; }
.zx_con h3 a { display:block;  height:43px; line-height:43px; background:#1284e4 url(zx_ico01.png) no-repeat 220px center;font-size:16px; color:#fff; border-top: solid 1px #e8e7e7; padding-left:30px; width:240px; font-weight:bold;}
.zx_con h3 a:hover { color:#fff; font-weight:bold; background:#ff6a06 url(zx_ico01.png) no-repeat 220px center;}
.zx_con ul { padding:5px 0; border-top: solid 1px #e8e7e7; height:auto;}
.zx_con ul li { float:left; width:100%; height:30px; line-height:30px; text-align:left; font-size:14px; background:url(cp_ico002.gif) no-repeat 10px center; text-indent:30px; border-bottom:1px #CCC dotted;}
.zx_con ul li a{text-align:left;}
.zx_li02 { margin-bottom:10px;}
.zx_con ul li a:hover { color:#ff6a06;}

.zx_bot {  border-bottom:solid 1px #e8e7e7; padding-top:20px; background:url(zx_bot.gif) no-repeat; width:240px; height:120px; overflow:hidden;}
.zx_bot span { display:block; padding:10px 0 0; font-size:16px; color:#fff; text-align:center;}
.zx_bot span em { display:block; font-size:14px; padding:8px 0 0;}
.zx_bot p { padding:40px 0 0; font-size:16px; color:#fff; text-align:center;}
.zx_bot p em { display:block; font-size:24px; font-weight:bold; padding:3px 0 0;}

.rx_con { width:960px;}
.rx_con ul li { float:left; width:300px; margin-left:20px; overflow:hidden;}
.rx_con ul li a { display:block; position:relative; width:300px; height:290px;}
.rx_con ul li img{ width:300px; height:225px;}
.rx_con ul li a i { display: none; background: url(btm08.png) repeat; border:solid 10px #ff6a06; width:280px; height:205px; line-height:205px; text-align:center; font-size:20px; color:#ff6a06; position:absolute; top:0; left:0;}
.rx_con ul li a span { display:block; background:url(cp_ico01.gif) no-repeat 0  center; height:50px; line-height:50px; font-size:16px; color:#555; font-weight:bold; padding-left:35px;}
.rx_con ul li a:hover span { background:url(cp_ico02.gif) no-repeat 0  center; color:#ff6a06}
.rx_con ul li a:hover i { display:block;} 

/*设计*/
.sj_bg { background:url(sj_pic.jpg) no-repeat center 0; height:auto; margin:50px 0 0; padding-top:235px;}
.sj { width:1200px; margin:0 auto;}
.sj_bt { top:200px; left:0;}
.sj_pic { top:715px; left:-45px;}
.sj_nav { top:328px; left:182px; z-index:99;}
.sj_nav ul li a { display:block; width:155px; height:59px; line-height:59px; border-bottom:solid 1px #d2d2d2; padding-left:60px; font-size:18px; color:#333;}
.sj_nav ul li a:hover,.sj_nav ul .cur a { background:url(sj_libg.png) no-repeat; color:#fff; width:174px; border-bottom:none;}

.sj_con { top:328px; left:397px; width:805px; height:555px;} 
.sj_con i a img { width:805px; height:555px; display:block;}
.sj_con p { position:absolute; background:url(btm05.png) repeat; width:805px; height:84px; top:471px; left:0;}
.sj_con p em { display:block; font-size:14px; color:#fff; line-height:25px; width:615px; height:66px; padding:18px 30px 0; border-right:solid 1px #959595; float:left;}
.sj_con p em a { font-size:14px; color:#fff;}
.sj_con p span { display:block; float:left; padding:20px 0 0;}
.sj_con p span a img { padding:0 20px;}

/*品质*/
.pz_bg { background:url(pz_bg.jpg) no-repeat center 0 #f5f5f5; height:1050px;}
.pz_bt { top:-60px; right:0;}
.pz_con { width:1216px; margin:0 auto; padding:530px 0 0;}
.pz_con ul li { float:left;}
.pz_con ul li a { background:url(pz_libg01.png) no-repeat; width:304px; height:403px; display:block;}
.pz_con ul li a:hover { background:url(pz_libg.png) no-repeat;  }
.pz_con ul li a img { display:block; width:261px; height:164px; margin:0 auto; padding:21px 0 0;}
.pz_con ul li a em { display:block; width:261px; margin:0 auto; font-size:14px; color:#666; line-height:22px; padding:25px 0 0; height:100px;}
.pz_con ul li a b { display:block; width:261px; margin:0 auto; font-size:16px; color:#333;}
.pz_con ul li a i { width:45px; height:3px; background:#0075c5; margin:15px 0 0 25px; display:block; line-height:0; font-size:0}

/**/
.fw_bt { top:-40px; left:0;}
.fw dl { padding:75px 0 0 160px; height:auto; overflow:hidden;}
.fw dl dd { width:420px; float:left; padding:25px 0 0;}
.fw dl dd b a { display:block; font-size:20px; color:#0075c5;}
.fw dl dd i { width:58px; height:2px; background:#0075c5; margin:25px 0 0; display:block; line-height:0; font-size:0}
.fw dl dd p { font-size:14px; color:#555; line-height:25px; padding:30px 0 80px;}
.fw dl dd span a { display:block; font-size:14px; color:#222; font-weight:bold;}
.fw dl dt { width:599px; float:right;}
.fw dl dt a img { width:599px; height:328px;}
.fw_top { text-align:center; padding:0 0 50px;}
.fw_con ul li { float:left; margin-right:21px; width:279px; overflow:hidden;}
.nobor01 { margin:0;}
.fw_con ul li a { background:url(fw_picbg.gif) no-repeat; width:279px; height:398px; display:block; text-align:center; color:#333;}
.fw_con ul li a:hover { background:#0075c5; color:#fff;}
.fw_con ul li a img { display:block; width:240px; height:165px; margin:0 auto; padding:23px 0 0;}
.fw_con ul li a b { display:block; font-size:18px; text-align:center; padding:25px 0 10px;}
.fw_con ul li a span { display:block; font-size:16px; color:#777; line-height:30px;}
.fw_con ul li a span em { font-weight:bold; color:#0075c5; font-size:24px;}
.fw_con ul li a i img { width:26px; height:26px; padding:5px 0;}
.fw_con ul li a:hover span,.fw_con ul li a:hover span em { color:#fff;}

/**/
.al_bg { background:#f8f8f8; height:auto; margin:88px 0 0; overflow:hidden; padding-bottom:50px;}
.al_top { text-align:center; padding:50px 0 10px;}
.al01 { width:222px;}
.al_bt { background:url(al_pic01.gif) no-repeat; width:222px; height:228px; text-align:center;}
.al_bt a { color:#fff;}
.al_bt a b { display:block; font-size:20px; padding:58px 0 0;}
.al_bt a em { display:block; font-size:16px; color:#fff; padding:20px 0;}
.al_bt a i { width:93px; height:32px; line-height:32px; text-align:center; font-size:12px; color:#fff; border:solid 1px #fff; display:block; margin:20px auto 0;}
.al01 ul li a { height:51px; line-height:51px; border-left:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; display:block; font-size:18px; color:#333; padding-left:44px;}
.al01 ul li a:hover,.al01 ul .cur a { color:#ff6a06; font-weight:bold;}

.alnr{ float:left;}
.al02 { width:723px; height:545px; margin-left:17px;} 
.al02 p img { width:723px; height:545px; display:block;}
.al02 p { width:723px; height:545px;}
.al02 p em { top:425px; background:url(btm05.png) repeat;border-right:1px solid #959595; display:block; font-size:14px;position:absolute; color:#fff; line-height:25px; width:516px; height:102px; padding:18px 30px 0; border-right:solid 1px #959595; float:left;}
.al02 p em b { display:block; font-size:16px; margin-bottom:5px}
.al02 p em a { font-size:14px; color:#fff;}
.al02  span { display:block; position:absolute;top:425px; width:146px; left:577px;background:url(btm05.png) repeat;height:90px;padding-top:30px; }
.al02  span a img { width:23px; height:43px; }
.al02  span a.zuobian{ padding:0 25px;}

.al03 { width:221px; margin-left:17px;}
.al03 ul li { position:relative; width:221px; height:177px; line-height:0; font-size:0; margin-bottom:7px;}
.al03 ul li a i { display:none; position:absolute; top:0; left:0;}
.al03 ul li a:hover i { display: block;}
.al03 ul li a img { width:221px; height:177px;}

.hz { padding:50px 0 0;}
.hz01 { width:188px;}
.hz01 i { display:block; margin:48px 0 0;}

.kh_con { width:1012px;}
.kh01 { top:69px; left:0;z-index:9;}
.kh03 { top:69px; right:-15px;}
.kh02 ul li { float:left; width:225px; padding:0 15px;}
.kh02 ul .nobor { padding:0 0 0 16px;}
.kh02 ul li a { width:223px; height:167px; border:solid 1px #d8d8d8; overflow:hidden; display:block;}
.kh02 ul li a img { width:223px; height:167px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.kh02 ul li a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}

/*广告*/
.pic { margin:80px 0;}
.pic p { position:absolute; top:44px; left:782px;}
.pic p i { display:block; float:left; padding:10px 0 0 30px;}
.pic p span { display:block; float:left; font-size:16px; color:#555;}
.pic p span em { display:block; font-family:Arial; font-size:30px; color:#ff6a06;}

/**/
.sp_bg { background:url(sp_bg.jpg) no-repeat center 0; height:669px; margin:0 0 88px;}
.sp01 { padding:180px 0 0 70px; width:460px;}
.sp01 i a img { width:460px; height:340px;}
.sp01 span { display:block; padding:48px 0 0; text-align:center;}
.sp01 span a { font-size:33px; color:#260f12;}
.sp01 span a em { display:block; font-size: 16px; color:#a9a5a4; text-transform:uppercase; font-family:Arial; padding:10px 0 0;}

.sp02 { width:500px; padding:110px 0 0 170px;}
.sp02 i { width:100px; height:4px; background:#0075c5; margin:0 0 48px; display:block; line-height:0; font-size:0}
.sp02 b a { display:block; font-size:20px; color:#fff; margin-bottom:44px;}
.sp02 span { display:block; color:#bfbebd; font-size:15px; line-height:31px; height:225px;}
.sp02 p a { display:block; width:113px; height:113px; border:solid 1px #fff; float:left; margin-right:42px; text-align:center; font-size:14px; color:#fff;}
.sp02 p a img { display:block; width:29px; margin:0 auto; padding:30px 0 10px;}

/*动态*/
.dt { width:591px; padding-right:100px;} 
.dt_top { height:50px;}
.dt_top span a { display:block; float:left; font-size:18px; color:#333; font-weight:bold; height:30px; }
.dt_top span a:hover { border-bottom:solid 2px #0075c5;}
.dt_top em a { display:block; float:right; margin:10px 0 0;}

.dt_con dl { height:282px; border-bottom:solid 2px #b3b3b1;}
.dt_con dl dt { padding:0 0 10px;}
.dt_con dl dt img { width:591px; height:156px;}
.dt_con dl dd { width:591px;}
.dt_con dl dd b { height:40px; line-height:40px; display:block; margin-bottom:10px;}
.dt_con dl dd b a { font-size:14px; color:#333;}
.dt_con dl dd b a em { display:block; float:right; font-size:14px; color:#777; font-weight:normal;} 
.dt_con dl dd p { line-height:25px; color:#333; font-size:14px;}

.dt_list { padding-top:10px;}
.dt_list ul li a { color:#888; font-size:14px; background:url(dt_ico01.gif) no-repeat 0 17px; height:36px; line-height:36px; display:block; padding-left:20px;}
.dt_list ul li a em { display:block; float:right;}
.dt_con ul li a:hover { color:#0079cc; background:url(dt_ico02.gif) no-repeat 0 17px;}

.wd { width:490px; overflow:hidden; padding:0;}
.wd_con dl { height:155px; clear:both;}
.wd_con dl dt { float:left; padding-right:22px;}
.wd_con dl dt a img { width:180px; height:92px;}
.wd_con dl dd { float:left; width:282px;}
.wd_con dl dd b a { display:block; background:url(wd_w.gif) no-repeat 0 0; padding-left:30px; line-height:20px; font-size:14px; color:#333; margin-bottom:10px;} 
.wd_con dl dd b a:hover { color:#0061a3}
.wd_con dl dd p { background:url(wd_d.gif) no-repeat 0 0; padding-left:30px; line-height:20px; font-size:14px; color:#555; margin-bottom:10px; line-height:20px;}  

/*友情链接*/
.yq_bg { background:#f1f1f1;  line-height:60px; overflow:hidden;}
.yq_bg a { font-size:14px; color:#555; padding:0 20px; background:url(yq_ico01.gif) no-repeat right center;display:inline-block;}
.yq_bg a:hover { color:#0061a3}

