@charset "utf-8";
body{ background:#131314;color:#3e3d5f;font-size:12px;font-family:"微软雅黑";}
a{color:#cbcbcb;text-decoration:none;}
a:hover{color:#fff;text-decoration:none;}
ul,li{list-style:none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, form, textarea, p, blockquote, th, td,a,img{padding:0;margin:0;border:0;}
.clear{clear:both;}
.hidden{display:none;}
em,i{font-style:normal;}
input{font-size:14px; font-family:"微软雅黑";padding:2px;}

.container,.header,.content,.footer{ margin:auto; min-width:1200px; overflow:hidden; width:100%;}
.theBox{ margin:auto; position:relative; width:1200px;}

/*========header========*/
.header .theLogo{ float:left; margin:10px 0 5px; width:275px;}
.header .theLogo a{ background:url(../images/topLogo.png) no-repeat; display:block; height:75px; width:275px;}
.header .theRight{ float:right; padding-top:15px; width:845px;}
.header .theRight .theCol1{ float:right; width:320px;}
.header .theRight .theCol1 .theSear{ background:url(../images/searBg.jpg) no-repeat; float:left; position:relative; width:141px;}
.header .theRight .theCol1 .theSear .theText{ background:none; height:23px; line-height:23px; position:absolute;top:0; padding:0 5px; width:96px;}
.header .theRight .theCol1 .theSear .theBtn{ background:none; cursor:pointer; height:23px; line-height:23px; position:relative; left:108px; top:0; width:30px;}
.header .theRight .theCol1 .theLang{ float:right; width:172px;}
.header .theRight .theCol1 .theLang a{ border:1px solid #353536; display:inline-block; height:21px; line-height:21px; text-align:center; margin-right:5px; width:67px;}
/*===导航===*/
.navigator{position:relative; top:-30px; z-index:999; width:100%;}
.navigator .kuang{ margin:auto; width:1200px;}
.navigator .theLevel{ margin:auto; margin-left:453px; width:1200px;}
.navigator .level1{ float:left; margin-left:20px; text-align:center; height:40px;}
.navigator a{ display:block; font-size:14px; line-height:30px; height:30px;}
.navigator a:hover{ border-bottom:2px solid #d1190d;}
.navigator .level1 .level2{ background:#131314; display:none; position:absolute; left:0; top:33px; padding:30px 0 20px; width:100%; text-align:center; z-index:998;}
.navigator .level1 .level2 ul{ display:inline-table;}
.navigator .level1 .level2 li{ float:left; margin:0 5px; position:relative; width:185px;}
.navigator .level1 .level2 li .theH{ background:url(../images/tmBg1.png); display:block; height:95px; position:absolute; top:0; left:0; line-height:inherit; overflow:hidden; width:100%; z-index:99;}
.navigator .level1 .level2 li .theBg{ background:none; }
.navigator .level1 .level2 li .theH:hover{border:none;}
.navigator .level1 .level2 .thePic{ background:#C00; display:inline-block; height:95px; position:relative; width:185px;}
.navigator .level1 .level2 img{ height:95px; width:185px;}
.navigator .level1 .level2 li .theH span{ display:block; margin-top:35px; font-size:12px;}
.navigator .level1 .level2 li .theH div{ background:url(../images/ico2.png) no-repeat center; display:none; height:11px; margin:auto; margin-top:10px; width:17px;}
/*========横幅========*/
.theBanner{ background:#131314; margin:auto; min-width:1200px; height:567px; overflow:hidden; position:relative; width:100%; z-index:0;}
.theBanner .banner1{ margin:auto; width:100%;}
.theBanner li{ display:none;  text-align:center; width:100%;}
.theBanner li img{ height:567px; width:100%;min-width:1200px}
.theBanner .hover{ display:block;}
.theBanner .active{ display:block;}
.theBanner .fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:100%;margin-left:-792px;min-width:1200px}
.theBanner .jsNav{text-align:center;}
.theBanner .jsNav a{display:inline-block;background:#d2d2d2;width:10px;height:10px;border-radius:50%;margin:0 3px;}
.theBanner .jsNav a.current{background:#ffdb6f;cursor:pointer;}
.theBanner .controls{ position:relative; margin:auto; width:100%;min-width:1200px}
.theBanner .controls li{ display:block; position:absolute; min-width:57px; top:200px; width:57px;}
.theBanner .controls span{ background:url(../images/jt.png) no-repeat; cursor:pointer; display:inline-block; height:108px; width:60px;}
.theBanner .controls .prev{left:20px;}
.theBanner .controls .next{right:20px;}
.theBanner .controls .prev span{ background-position:0 0; }
.theBanner .controls .next span{ background-position:-75px 0; right:0;}
.theBanner .controls .prev span:hover{ background-position:0 -129px;}
.theBanner .controls .next span:hover{ background-position:-75px -129px;}



.flexslider{position:relative;height:567px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; overflow:hidden; width:100%}
.slides{position:relative;z-index:1; height:567px; overflow:hidden;}
.slides li{height:567px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:65px;height:119px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/jt.png) 0px 0px no-repeat ;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/jt.png) -65px 0px  no-repeat ;}



/*========footer========*/
.footer{ background:#000; padding:35px 0 35px;}
.footer .theBox{ padding:0 100px 0 35px; width:1065px;/*1200-100-35=1065*/}
.footer .theLeft{ float:left; width:230px;}
.footer .theLeft a{ background:url(../images/footerLogo.png) no-repeat; display:block; height:230px; width:190px;}
.footer .theRight{ float:right; width:820px;}
.footer .theRight .footerNav{ border:1px dashed #646464; border-left:0; border-right:0;}
.footer .theRight .footerNav li{ float:left; margin-right:30px;}
.footer .theRight .footerNav a{ color:#7b7b7b; display:block; font-size:14px; height:45px; line-height:45px;}
.footer .theRight .footerNav a:hover{ color:#fff;}
.footer .theRight .footerInfo{ color:#fff; margin-top:20px;}
.footer .theRight .footerInfo .info{ float:left; width:540px;}
.footer .theRight .footerInfo .info .theTitle{ font-size:22px; font-weight:normal;}
.footer .theRight .footerInfo .info .theList{ font-size:14px; line-height:25px;}
.footer .theRight .footerInfo .ewm{ float:right;}
.footer .theRight .footerInfo .ewm img{ height:138px; width:138px;}
.footer .theRight .footerInfo .ewm .theText{ color:#fff; margin-top:10px; text-align:center; font-size:14px;}