@charset "utf-8";
*{margin:0px;padding:0px;}

/** **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements ?? */
dl, dt, dd, ul, ol, li, /* list elements ? */
pre, /* text formatting elements ??? */
form, fieldset, legend, button, input, textarea, /* form elements ?? */
th, td /* table elements ? */ {
    margin: 0;
    padding: 0;
}
body,
button, input, select, textarea /* for ie */ {
    font: 12px/1.5 "微软雅黑",tahoma, arial, \5b8b\4f53, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /*  */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* ??? */
small { font-size: 12px; } /*  12px ?? small  */

/****/
ul, ol { list-style: none; }

/****/
a { text-decoration: none; color:#000000; font-size:12px; }
a:hover{ text-decoration:underline;}


sup { vertical-align: text-top; } /* ???? */
sub { vertical-align: text-bottom; }

/****/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img ? img ?? */
button, input, select, textarea { font-size: 100%; } /* ???? ie ?? */
.clear { zoom: 1; }
.clear:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; visibility: hidden; }

/**/
.webtop{ width:1008px; margin:0 auto;}
.logo{ width:86px; float:left;}
.webR{ width:856px; float:right;}
.webRT{ width:856px; height:59px; line-height:59px; border-bottom:solid 1px #c7c7c7;}
.webRTC{ width:580px; float:left; color:#333; font-size:14px;}
.webRTel{ width:240px; padding-left:20px; background:url(../images/telImg.jpg) no-repeat 20px center; font-size:14px; display:inline-block; color:#f89e01; text-align:right; float:right;}

/**/
.webRNav{ width:856px; margin-top:20px;}

.webRNav ul{ width:550px; float:left;}
.webRNav li{ float:left; height:22px; line-height:25px; margin-right:25px;}
.webRNav li a{ color:#000; font-size:14px;}
.navImg{ float:left; width:21px; margin-right:10px;} 
.webRNav span{ float:right; width:200px; text-align:right}
.webRNav span a{ margin-left:25px; font-size:14px; display:inline-block; color:#6c6c6c;text-align:right;}
/**/

.banner{  width:100%; height:368px; position:relative;}
.banner img{ float:left; }
.banner_img{position:relative;  z-index:1;}
.banner_img a{filter:alpha(opacity=0);opacity:0;position:absolute; top:0; left:0;}
.banner_anniudw{ width:1009px; margin:0 auto; position:relative; height:0;}
.banner_anniu{ position:absolute; top:30px; z-index:2; right:0px; }
.banner_anniu span{ display:inline-block; margin:0 5px; background:url(../images/mx.png) no-repeat center center; width:54px; height:3px; text-align:center; cursor:pointer;}
.banner_anniu span.banner_anniu_span{ background:url(../images/xz.png) no-repeat center center; color:#FFF; display:inline-block; }


.iCf{ width:1009px; margin:0 auto; position:relative; z-index:1;}
.iCfTBg{ height:54px; background:#FFF; width:1009px; position:absolute; top:-54px; left:0; z-index:2; display:block;filter: Alpha(Opacity=80);Opacity:0.8;}
.iCfT{ width:1009px; height:54px; position:absolute; border-top:10px #000 solid;display:inline-block; left:0;  top:-64px; z-index:3;} 
.iCfT em{ width:212px; height:54px; line-height:54px; font-size:17px; font-weight:bold; padding:0 20px; float:left; margin:0; display:inline-block;}
.iCfT a{ font-weight:bold;  font-size: 17px;}
.iCfT img{ float:left; margin-right:5px; display:inline-block;}
.iCfT img.iCfT1{ margin-top:12px;}
.iCfT img.iCfT2{ margin-top:12px;}
.iCfT img.iCfT4{ margin-top:5px;}
.iCfC{ width:1009px; height:172px; background:url(../images/iCfBg.jpg) no-repeat; display:inline-block;}
.iCty{ width:5px; height:263px; position:absolute; right:-4px; top:-64px; z-index:11; display:inline-block;}
.iCtyL{ width:3px; height:221px; position:absolute; left:-0px; z-index:11; top:-64px; display:inline-block;}


.iCfC em{ width:212px;padding:20px 20px 0 20px; color:#666; line-height:22px; float:left; margin:0; display:inline-block;}
/**/
.iCproBg{ width:100%; margin-top:23px; display:inline-block; border:solid 1px #d4d4d4; background:#f4f4f4; min-height:650px;}
.iCpro{ width:1009px; overflow:hidden; margin:0 auto;}
.iCpro h1{ padding-top:40px; line-height:30px; font-size:25px; font-weight:bold; color:#666; text-align:center; display:inline-block; width:1009px;}
.iCpro span.iCproName{ width:1009px;  padding-top:20px; font-size:14px; line-height:25px; color:#999; display:inline-block;}
.iCproName em{ float:left; width:755px; text-align:right; width:}
.iCproName a{ float:right; color:#f8c301; float:14px;}
.iCpro ul{ margin-top:20px; display:inline-block; width:1020px;}
.iCpro ul ol{width:249px; float:left; margin:4px 4px 0 0; position:relative; z-index:1; height:157px; overflow:hidden; display:inline-block;}
.iCpro ul li{ width:249px; float:left; margin:4px 4px 0 0; position:relative; z-index:1; height:157px; overflow:hidden;}
.proImg{ width:249px; height:157px; filter: Alpha(Opacity=100);Opacity:1;-webkit-transform: rotateY(0deg) perspective(300px);  -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
			-moz-transform: rotateY(0) perspective(300px);
			transform: rotateY(0) perspective(300px);}
.iCproLiC{ width:219px; color:#666; height:142px; padding:15px 15px 0 15px; position:absolute; z-index:3; left:0; top:0; background:#000; -webkit-transform: rotateY(180deg) perspective(300px);filter: Alpha(Opacity=0);Opacity:0;   -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
			-moz-transform: rotateY(180deg) perspective(300px);
			transform: rotateY(180deg) perspective(300px);}
			
.iCproLiC em{ color:#fff; font-weight:bold; font-size:14px; width:219px; display:inline-block; height:30px; line-height:30px; }
.iCproLiC em a{color:#fff; font-weight:bold; font-size:14px; }
.iCproLiC p{ width:219px; display:inline-block; line-height:20px; margin:0; padding:0;}
.iCproLiCxq{ width:95px; height:24px; text-align:center; background:#f8c301; display:inline-block; margin-top:15px;}
 .iCpro li:hover .proImg{
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
			-webkit-transform: rotateY(180deg) perspective(300px);
			-moz-transform: rotateY(180deg) perspective(300px);
			transform: rotateY(180deg) perspective(300px);
            /*  border: 4px solid rgba(18,187,213,0.9);
              border: 4px solid rgba(0,0,0,0.2);
              margin: -4px;*/
			  filter: Alpha(Opacity=0);Opacity:0;
            -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}
.iCpro li:hover .iCproLiC{
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
			  filter: Alpha(Opacity=100);Opacity:1;
			-webkit-transform: rotateY(0deg) perspective(300px);
			-moz-transform: rotateY(0deg) perspective(300px);
			transform: rotateY(0deg) perspective(300px);
            /*  border: 4px solid rgba(18,187,213,0.9);
              border: 4px solid rgba(0,0,0,0.2);
              margin: -4px;*/
            -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}


/**/
.iNew{ width:1009px; margin:50px auto 0 auto;}
.iNewL{ width:480px; overflow:hidden; float:left;}
.iNewLT{ height:30px; width:480px; font-size:14px; color:#666; font-weight:bold;}
.iNewLT em{ width:380px; float:left;}
.iNewLT a{ float:right; color:#f8c301;}
.iNewL ul{ width:500px; padding-top:20px; display:inline-block;}
.iNewL ul li{ width:210px; padding-left:20px; margin-right:20px; float:left; line-height:25px; background:url(../images/newLi.jpg) no-repeat left center;}
.iNewL ul a{ color:#666;}
.fx{ width:480px; display:inline-block; margin-top:10px;}
.iNewR{ width:480px; float:right; overflow:hidden;}
.iNewR ul{ padding-top:10px; width:520px;}
.iNewR ul li{ width:147px; height:65px; border:solid 1px #e8e8e8; float:left; margin:16px 16px 0 0; display:inline;}
/**/
.iNews{ width:1007px; border:solid 1px #d3d3d3; min-height:233px; background:#f8f8f8; margin:30px auto 0 auto;}
.iNews ul{ padding-top:30px;}
.iNews ul li{ width:220px; float:left; margin-left:25px;}
.iNews dl dt{ height:30px; width:220px; line-height:30px; margin-bottom:10px; display:inline-block; color:#666; font-weight:bold; font-size:14px; border-bottom:solid 1px #ddd;}
.iNews dd{ width:200px; padding-left:20px; line-height:25px; background:url(../images/newLi.jpg) no-repeat left center;}
.iNews dd a{ color:#666; font-size:11px;}
.iNews dl dt a{ font-size: 14px; font-weight: bold;}
/**/
.iCy{ width:1009px; margin:50px auto 0 auto;}
.iCyT{ width:1009px; font-size:14px; color:#666; font-weight:bold; height:30px; border-bottom:1px solid #c4c4c4; display:block;}
.iCy ul{ width:1009px; padding-top:26px; display:inline-block;}
.iCy ul li{ width:120px; float:left; margin:0 40px; display:inline-block;}
.iCyImg{ width:120px; display:inline-block; text-align:center;}
.iCyName{ width:120px; display:inline-block; padding-top:10px; text-align:center; line-height:25px;}
.iCyName a{ color:#666;}
/**/
.copyBg{ width:100%; background:#35342f; min-height:192px; margin-top:50px; display:inline-block; border-top:10px solid #f8c301;}
.copy{ width:1009px; margin:0 auto; padding-top:41px;}
.logoC{ width:84px; float:left; display:inline-block;}
.copyC{ width:630px; float:left; line-height:22px; margin-left:40px; display:inline-block; }
.copyCA{ width:630px; line-height:22px; color:#fff;}
.copyC ul{ width:630px;word-break:break-all; /*支持IE，chrome，FF不支持*/word-wrap:break-word;/*支持IE，chrome，FF*/ display:inline-block;}
.copyC ul li{ float:left; height:22px; margin-right:5px; min-width:30px; display:inline-block; overflow:hidden;}
.copyC ul li a{ color:#999999;}
.copyR{ width:220px; float:right; text-align:right; color:#fff;} 
.copyR a{ color:#fff;}
.copyRT{ width:220px; display:inline-block; line-height:25px;}
.copyRT a{ margin-left:15px; display:inline-block; color:#fff;}
.copyRB{ width:220px; display:inline-block; text-align:right; line-height:30px;}