@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; overflow-x:hidden; overflow-y:auto}
ul,p,hr,li,form,h1,h2,h3,h4,h5,form{ margin:0px; padding:0px; list-style:none; text-decoration: none;}
img{ border:0px;}
textarea{resize:none;}
.clear{ clear:both;}
a{color:#FFFFFF;}
a:hover{ color:#ff0000}

.HeadMian{ width:100%; margin:0 auto;height:100px;}
.Head{ width:1200px; margin:0 auto; height:100px;}
.Logo{ width:349px; height:94px; float:left; background:url(../Images/Logo.png) no-repeat}
.La{ width:300px; float:right; text-align:right; font-size:14px; margin-top:10px;}
.La a{ color:#000}
.La a:hover{color:#630207;}
.MenuMain{ width:100%;  background:#630207;  height:60px; margin:0 auto;}
.Menu{ width:1200px; margin: 0 auto}
.MenuNav{ width:800px; float:left;}
.MenuNav ul li{ float:left; margin:20px 15px;  font-size:14px; color:#FFFFFF;}
.MenuNav ul li a{color:#FFFFFF;}
.MenuNav ul li a:hover{ color:#FF0000;}
.IndexMain{ width:1300px; margin:0 auto; padding-bottom:35px;}
.IndexMenu{ width:160px; float:left;}
.IndexBanner{ width:100%; margin:0 auto; padding-bottom:20px;}
.Search{ width:197px; float:right;height:39px; margin-top:13px;}

.IndexMain{ width:100%; margin:0 auto;}
.IndexMain_1{ width:1200px; margin:0 auto;}
.IndexProTitle{ width:1065px; height:94px; margin:0 auto; background:url(../Images/IndexProTitle.png) no-repeat center;}

.IndexAbout{ width:100%; margin:0 auto;}
.IndexAboutText{ width:1200px; margin:0 auto; padding:15px 0px;}
.IndexAboutTitle{ width:216px; height:100px; margin:0 auto;background:url(../Images/IndexAboutTitle.jpg) no-repeat center;}
.IndexAboutText1,.IndexAboutText1 p{width:1200px; margin:0 auto; line-height:28px; font-weight:700;font-size:15px; text-align:left; text-indent:25px;color:#630207;}
.IndexAboutMore{ width:130px; margin:0 auto; height:42px; background:url(../Images/More.jpg) center no-repeat; padding-top:55px;}



.IndexCenter{ width:1200px; margin:0 auto; padding-top:35px;}
.IndexNews{ width:650px; float:left;}
#cen_right_top{width:730px;margin:40px auto 0 auto;}
#cen_right_top .active{background:#002870; height:35px; width:140px; no-repeat;color:#F3F3F3;}
#cen_right_top h3{line-height:35px;text-align:center;float:left;height:35px;width:140px;margin::0px;padding:0px;font-size:14px;color:#333333;font-weight:lighter;cursor:pointer;}
#cen_right_top div{font-size:14px;display:none;clear:both;height:100px;padding:20px 0px 0px 20px;border-top-width:2px;border-top-style:solid;border-top-color:#bbbbbb;}

.IndexNews_1{ width:650px; margin:0 auto; }

.IndexHz{ width:497px; float:right;}
.IndexHzTitle{ width:497px; background:url(../Images/IndexHz.jpg) no-repeat; height:46px;}


.IndexKf{ width:160PX; height:83PX; background:url(../Images/kfBg.jpg) no-repeat; float:left;}
.IndexKf ul li { width:50px; margin:15px; float:left}
.IndexKf ul li p{ width:50px; text-align:center;}


.IndexVideo{ width:160px; float:left; height:83px; margin-left:15px;}
.IndexVideoTitle{ width:210px; text-align: left; font-size:14px; font-weight:600; color:#df0809;}

.Indexsales{width:360px; float:left; height:83px; margin-left:15px;}
.IndexsalesTitle{ width:360px; text-align: left; font-size:14px; font-weight:600; color:#df0809;}
.IndexsalesTitle span{ text-align:right; color:#3399FF; float:right;}



.Foot{ width:100%; background:#404040;margin:0 auto; height:290px;margin-top:20px;}
.FootText{ width:1200px; color:#fff; font-size:16px;line-height:25px; margin:0 auto;}
.FootText ul{ padding-top:25px;}
.FootText ul li{ float:left;width:150px;} 
.FootText ul li h2{ color:#FFFFFF; font-size:16px; line-height:43px;}
.FootText ul li p{ color:#fff; font-size:12px;}
.FootText ul li a{color:#FFFFFF;}
.FootText ul li a:hover{ color:#FF0000;}
.FootBottom{ width:100%; background:#141414; height:110px;}
.FootBottomText{ width:1200px; text-align:center; margin:0 auto; color:#FFFFFF; padding-top:50px;font-size:14px; font-weight:600}



.AboutMain{ width:1200px; margin:0 auto;}
.navLeft{ width:283px; float:left;}
.Nav{ width:283PX; }
.Nav UL LI { width:270px; text-align:left; font-size:16px; line-height:35px; font-weight:500;margin:18px; text-indent:35px;}
.AboutRight{ width:850px; float:right; padding-bottom:20px;}.AboutRight{ width:850px; float:right; padding-bottom:20px;}
.Location{ width:1180px; text-align:left;  font-size:16px; font-weight:600; color:#630207; margin:0 auto; padding:25px 0px;}

.AboutText{ width:850px; font-size:16px; font-weight:400; min-height:600px;color:#000000;}
.AboutText p{width:850px; font-size:16px; font-weight:400; line-height:55px; text-align:left; color:#000000;}
.AboutText p img{ text-align:left; margin:0 auto;text-indent:0px;}


.Support2{ width:850px;  margin-top:20px;}
.Support2 li{ text-align:left;height:60px; border-bottom:1px #eeeeef solid; margin-top:10px;font-size:14px; font-weight:600;}
.Support2 span{ text-align:left; padding-left:3px; }
.Support2 span a{ color:#000000;}
.Support2 span a:hover{ color:#630207;}
.Support{ width:850px; padding-right:200px; margin-top:20px;}
.Support li{ text-align:left;height:80px; border-bottom:1px #eeeeef solid; margin-top:10px; font-size:12px;}
.Support span{ text-align:left; padding-left:3px; }
.Support span a{ color:#000000;}
.Support span a:hover{ color:#630207;}
.Supporttime{ line-height:40px; width:200PX; float:left; font-size:12px; font-weight:normal;}
.Supportdown { float:right; color:#000000pc; height:40px; padding-top:10px;}


.Honor{ width:860px; margin:0 auto;}
.Honor ul li { width:183px; margin:10px; height:155px;float:left}
.Honor ul li img{width:183px; height:135px;border:2px solid #f5992c;}
.Honor ul li p{ width:183px; text-align:center;color:#df0809; font-size:14px; line-height:25px;}


.News{ width:850px; margin:0 auto;}
.Newsul{ width:850px; margin:15px 0; height:80px; border-bottom:1px  dashed #999999;}
.NewsTitle{ font-size:16px; color:#000000; text-align:left; width:820px; float:left; font-family:Arial, Helvetica, sans-serif;}
.NewsTitle span{ float:right; font-size:16px; text-align:right; font-family:Arial, Helvetica, sans-serif;}
.NewsTitle a{ color:#000000}
.NewsTitle a:hover{color:#630207;}
.NewsText{ width:820px; line-height:25px; font-size:16px; text-align:left; font-family:Arial, Helvetica, sans-serif;}


.newslbnr{width:820px;height:auto;margin-bottom:15px;border-top:0px;padding-top:10px;padding-bottom:30px;float:left;}
.newslbnr h3{font-size:15px;font-weight:bold;color:#333;width:870px;float:left;text-align:center;margin-top:15px;line-height:30px;}
.newslbnr h4{width:820px;float:left;text-align:center;font-size:13px;color:#555;line-height:20px;}
.newsxqnr{width:820px;float:left;font-size:16px;color:#535353;line-height:px;letter-spacing:0.1em;text-align:left; font-weight:normal; margin-top:20px;}
.newsxqnr p{width:820px;float:left;font-size:16px;color:#535353;line-height:35px;letter-spacing:0.1em; text-align:left; font-weight:normal; text-indent:25px;}

.fanhui{margin:15PX 0px; width:820px; }
.fanhui a{color:#19425b;text-decoration: none;font-size:12px;}
.fanhui a:hover{color:#d76852;text-decoration: none;}

.Contact{ width:900px; margin:0 auto;}
.Contact h3{ font-size:16px; font-weight:500; text-align:left; font-family:Arial, Helvetica, sans-serif;}
.Contact p{ font-size:16px; text-align:left; font-weight:500;line-height:25px; font-family:Arial, Helvetica, sans-serif;}
.contactR { width:500px; float:right; padding:30px 0px 90px 0px;}
.contactL input { font-size:14px; line-height:18px; color:#cccccc;  font-family:Arial, Helvetica, sans-serif;}
.contactL .input1 { width:500px; padding:10px 12px; border-color:#d9d9d9; border-style:solid; border-width:1px; margin:0px;}
.contactL .input2 { width:500px;padding:10px 12px; border-color:#d9d9d9; border-style:solid; border-width:1px; margin:0px;}
.contactL .input3 { width:500px; padding:10px 12px; border-color:#d9d9d9; border-style:solid; border-width:1px; margin:0px; color:#cccccc; font-size:14px;  font-family:Arial, Helvetica, sans-serif;}
a.submitBt { display:block; width:114px; height:32px; line-height:32px; text-align:center; font-size:14px; margin-top:20px; background-color:#630207;border-radius:4px; color:#FFFFFF}

.Pro{ width:850px; margin:0 auto;}
.Pro ul{ width:850px; margin:0 auto;}
.Pro ul li{ float:left; width:180px; margin:5px 15px;}
.Pro ul li img{ width:180px;  margin:5px 15px;float:left; }
.Pro ul li p{ width:180px; margin:15px; text-align:center; line-height:25px; font-size:14px; font-weight:600;}
.Pro ul li a{color:#000}
.Pro ul li a:hover{color:#630207}

.ProViewInf{ width:364px;margin-left:25px;float:left; line-height:25px;}

.PrpInfo{ width:291px; margin:0 auto; background:url(../Images/Proinfo.jpg) center no-repeat; height:61px; padding:15px 0px;}


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }


/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; background: #fff; position: relative; zoom: 1; overflow: hidden; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }



.flex-direction-nav a { text-decoration: none; display: block; width: 19px; height: 34px; margin: -17px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; text-indent: -999em; }
.flex-direction-nav .flex-prev { left: 50px; background: url(../images/bl.png); }
.flex-direction-nav .flex-next { right: 50px; background: url(../images/br.png); }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background: #ddd; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: 5px;  text-align: center; z-index: 10; }
.flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 12px; height: 12px; background: #fff; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; transition: width 0.5s linear 0s; }
.flex-control-paging li a.flex-active { cursor: default; background: #0766bf; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

@media screen and (max-width: 640px) {
    .flex-direction-nav a { display: none; }
    .flex-control-nav { bottom: 0px; display:none; }
}