@charset "utf-8";
/* CSS Document */
body{margin:0 auto;font:12px "Arial";text-align:left;line-height:18px;color:#333;  padding:0; } 
 
a{text-decoration:none;}    
h2{color:#000;font-weight:normal;font-size:18px; padding:5px 0;}   
*{margin:0;padding:0;}
p{margin:1px 0 10px 0;} 
img{border:none;}
.clear{clear:both;}  
ul,li{list-style:none;}

header{margin:0 auto;width:1000px;height:130px; position:relative;z-index:999; }
.top_label{height:20px;width:250px;color:#000000;position:absolute;top:7px;right:-2px;font-size:12px;line-height:20px;}
.top_label a{float:left;padding:0 5px;color:#000000;}
.top_label span{float:left;color:#000000;font-size:10px; line-height:18px;}
header .tel{color:#000000;font-size:18px; position:absolute;left:70px;top:4px;z-index:10; line-height:25px;}
header .tel b{color:#fdd000;font-size:14px; line-height:20px;}

header .logo{width:190px;height:52px; position:absolute;left:-2px;top:40px;}
header .related{float:right;padding-right:18px;margin-top:10px;padding-left:300px;height:40px;}
header .related .text{height:24px;float:left; line-height:24px;width:98%;color:#686e71;}
header .related .text a{color:#686e71;padding:0 10px;}
header .related img{margin-top:17px;margin-right:20px;float:right} 
.topnews { position:absolute;top:120px;left:5px;width:500px;}
.topnews span{background:url(../images/icon1.png) no-repeat left center;float:left;padding-left:20px;width:60px;color:#fdd000;line-height:24px;}
.topnews ul {float:left;width:66%; display:block;}
.topnews li{float:left;width:100%;font-size:12px;}
.topnews li a{width:100%;float:left;line-height:24px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;color:#fff;}
.topnews li a:hover{text-decoration:underline;}
#scrollDiv{width:400px;height:24px;overflow:hidden;margin:0 auto;float:left;padding-left:5px;}

.search {width:280px;height:24px;position:absolute;top:117px;right:0;border:1px solid #e60012; background:#fff;}
.search input.say {width:165px;border:none;padding:0 0 0 5px; line-height:24px;height:24px;background:#fff;color:#8d8d8d;float:left}
.search input.submit {width:45px;height:24px; line-height:24px;border:none;background:url(../images/searchbg.jpg) repeat-x;cursor:pointer;color:#fff;float:right}
.search .ss{height:24px;padding-left:5px;float:left;width:50px;}
.search .select_box{width:40px;height:24px;border-right:1px solid #e60012;float:left;padding:0 3px;font-size:12px; position:relative;color:#555;line-height:24px;}
.search .tag_select,.search .tag_select_hover{background:url(../images/dot.jpg) no-repeat right center;line-height:24px;}
.search .tag_select_open{background:url(../images/dot2.jpg) no-repeat  right center;}
.search  ul.tag_options{width:45px;padding:0 3px;position:absolute;top:25px;left:-6px;background:#fff;line-height:24px;border:1px solid #e60012;border-top:none;}
.search  ul.tag_options li.open_hover,.search  ul.tag_options li.open_selected{color:#e1010f}

 /*==========menu=========*/
.menu{width:780px; position:absolute;top:45px; right:-80px;height:52px;}
.menu ul{float:left;width:100%;}
.menu li{float:left;height:57px;}
.menu a{height:57px;line-height:24px;display:block;font-size:16px;width:120px;text-align:center;color:#000000;padding-top:15px;margin-right:26px;}
.menu a span{font-size:10px; text-transform:uppercase; display:block;}
.menu a.proc,.menu a:hover{background:url(../images/menuhover1.png) no-repeat;color:#2c2c2c;}
.menu li blockquote{left:140px;top:53px;z-index:999;position:absolute;display:none;padding-top:10px;padding-left:10px; background:#fdd000;width:400px;height:100px; border-radius:6px;behavior: url(../ie-css3.htc);}
.menu li blockquote ul{width:100%;padding:0;margin:0}
.menu li blockquote ul li{margin:0;width:98px;float:left;}
.menu li blockquote ul li img{margin:5px auto; display:block;}
.menu li blockquote li a{padding:0;height:auto;width:90px;line-height:28px;color:#000000;}
.menu li blockquote li a:hover{color:#000;} 



#navcont{width:100%;margin:0 auto; }
#nav{width:100%;height:31px; padding-top:35px;display:block;}
#nav ul{ width:100%; margin-left:20px;}
#nav ul li{ width:110px;font-size:14px;float:left; text-align:center; position:relative;} 
#nav ul li.home{width:100px;}
#nav ul li.pro{width:140px;}
#nav ul li.about{width:180px;}
#nav ul li.serv{width:190px;}
#nav ul li.app{width:180px;}
#nav ul li.last{width:170px;}
#nav ul li.download { width:170px;}
#nav ul li a{color:#333; line-height:31px; }
#nav ul li a:hover,#nav ul li a.dq{color:#0074b3;font-weight:bold;}

#nav ul li ul {display: none;}
#nav ul li:hover ul {display: block; position: absolute; top:30px; min-width:240px; left:0; height:250px; background:#0274b3; background:url(../images/bg.jpg) no-repeat;}
#nav ul li:hover ul li{ float:left; width:212px; height:30px; margin:0 5px 0 10px; margin-top:2px; top:15px;text-align:left;}
#nav ul li:hover ul li a {display:block; color:#ffffff; font-size:12px;line-height:30px; }
#nav ul li:hover ul li a:hover {   color:#ffde00; width:200px;  height:30px;}

#nav ul li:hover ul.c1 {display: block; position: absolute; top:30px; min-width:240px; left:0; height:250px; background:#0274b3; background:url(../images/bg-1.jpg) no-repeat;}
#container{width:100%;margin:0 auto;height:auto;  }
#bannerflash{    height: 100%;
    overflow: hidden;
    width: 100%;}

#previewbg { margin:0px auto; display:block; text-align: center; width:100%; background:#f8f8f8; padding:35px 0 0px 0px;height:auto;}
 #previewbg01 { margin:0px auto; display:block; text-align: center; width:100%; background:#ffffff; padding:35px 0 0px 0px;height:auto;}

#preview {clear: both; margin:0px auto; display:block; text-align: center; width:988px;}
#spec-list ul li { display: inline; float: left;width:270px; padding:30px 27px; text-align:center; color:#666; font-size:13px; line-height:18px;} 
#spec-list ul li a{ display:block;}
#spec-list ul li span{  font-size:20px;display:block;color:#221e1e; padding:20px 0;}
 
/*首页中间三块*/
#spec-list ul li span a:hover{color:#d89800; text-decoration:underline;}
#spec-list ul li img {height:auto; padding: 0px; width: auto; }
#spec-list { display: inline; float: left; height:330px; margin-bottom: 27px; }

.spec-button { cursor: pointer; display: block; float: left; height: 80px; width:30px; margin-left:0px; padding-top:30px; }
.spec-left { padding-left:10px;}
.spec-button img { margin-top:80px; }


#footer{ width:100%; margin:0 auto;display:block;height:160px; background:url(../images/footer1.jpg) repeat-x left top #fff;} 
#foot{width:938px; height:40px; margin:0 auto; display:block;padding:60px 0;overflow:hidden;}
.listtile{color:#fff; font-size:21px;line-height:30px; padding:0px 0;}
.listtile span{ padding-left:230px;}
.list{ width:300px; float:left; height:auto;border-left:1px sold #ffffff;}
.list ul{ width:85px; float:left; height:auto; display:block; margin-right:20px;}
.list ul.list_left{ width:75px; float:left; height:auto; display:block; width:150px;margin-right:10px;}
.list ul.last{ width:220px; float:left; height:auto; display:block;}
.list ul li{ width:100%; height:auto;padding:5px 0px;}
.list ul li a{ color:#657a85; font-size:12px; line-height:22px;  display:block;;} 
.list ul li a:hover{ color:#ff0; text-decoration:underline;}


#bannermi{ width:100%; height:200px; margin:0 auto; display:block; background:url(../images/banner4.jpg) no-repeat top center;}
#bannermi1{ width:100%; height:200px; margin:0 auto; display:block; background:url(../images/banner2.jpg) no-repeat top center;}
#bannermi2{ width:100%; height:200px; margin:0 auto; display:block; background:url(../images/contact.jpg) no-repeat top center;}
#bannermi5{ width:100%; height:200px; margin:0 auto; display:block; background:url(../images/banner5.jpg) no-repeat top center;}
#bannermi6{ width:100%; height:200px; margin:0 auto; display:block; background:url(../images/banner6.jpg) no-repeat top center;}

#bannermi7{ width:100%; height:200px; margin:0 auto; display:block; background:url(../images/banner7.jpg) no-repeat top center;}


.content{margin:0 auto;width:1000px;overflow:hidden;margin-top:16px;margin-bottom:20px;}
.sidebar{width:200px;float:left;margin-top:10px;}
 
 
.sidebar ul{float:left;width:100%;}
.sidebar li a{height:32px;line-height:32px;display:block;font-size:13px;width:190px; color:#333;margin-top:1px;padding-left:10px;}
.sidebar li a.link{background:url(../images/arrow.png) no-repeat 180px 10px #db9b02;color:#fff;}
.sidebar li a.link1{background:url(../images/arrow.png) no-repeat 180px 20px #db9b02;color:#fff;height:45px;padding-top:4px;line-height:20px;}
.sidebar li a.link1:hover{background:url(../images/arrow.png) no-repeat 180px 20px #767676;color:#fff;}
.sidebar li a:hover{background:url(../images/arrow.png) no-repeat 180px 10px #767676;color:#fff;}
.sidebar dt a{font-size:12px;width:190px; color:#333;padding-left:10px;border-bottom:1px solid #ececec;}
.sidebar dt a.link,.sidebar dt a:hover{background:#767676;color:#fff;}
 
 

.rightcon{width:760px;float:right;min-height:400px;height:100%!important;height:400px;}
.title{float:left;width:100%;height:42px; margin-bottom:5px;border-bottom:1px solid #8d8d8d;}
.title span{float:left;background:url(../images/arrow2.jpg) no-repeat 6px 17px;border-bottom:2px solid #f6d826;height:41px;line-height:41px;font-size:18px;padding:0 18px;}

.about1{float:left;width:100%;padding:10px 0 10px 0;font-size:14px;color:#221e1e;line-height:33px;}
.about2{float:left;width:100%;padding:10px 0 10px 0;font-size:14px;color:#221e1e;line-height:30px;}
.about3{float:left;width:100%;padding:10px 0 10px 0;font-size:14px;color:#221e1e;line-height:25px;}
 .blue{color:#fff; background:#38d5c8;width:100px;height:30px; line-height:30px; display:block; text-align:center;}
.pic{float:left;width:270px;margin:10px 10px 10px 0;font-size:14px; text-align:center;}
.pic img{margin:10px auto; display:block;}


















.footer-right{ width:320px; float:right; height:auto; display:block;  font-size:12px;} 
#fxbiao{ width:944px; margin:0 auto; height:50px;}


.homeabout{ width:310px; float:left;  line-height:20px; }


.footer-contact{width:100%; float:left; color:#657a85;font-size:12px; line-height:22px; padding-top:0px;}
.footer-contact a{font-size:21px; color:#fff; line-height:30px;}
.footer-contact a:hover{color:#ff0;text-decoration:underline;}
.footer-contact a.mail{color:#657a85;font-size:12px;}

#footer_bottom{width:938px;color:#666; height:25px; padding:9px 0 5px 0; margin:0 auto; display:block;text-align:center;}


.abouttext{ width:988px; margin:0 auto; display:block; text-align:center; color:#666; font-size:14px;}
.abouttext h2{ color:#c0890b; font-size:35px;   padding-top:30px; line-height:40px;font-weight:bold;}
  .h21{ color:#191919; font-size:22px; font-weight:normal; padding-top:10px; line-height:20px;}
.abouttext h2 span{ font-size:25px; display:block;}
.abouttext a{width:88px; border:1px solid #c0890b; color:#c0890b; font-size:14px; display:block; margin:28px auto; line-height:25px; text-transform:uppercase;}
.abouttext a:hover{border:1px solid #f0cb41; color:#d49f2c;background:#d49f2c;color:#ffffff;}
.abouttext p{ padding:30px 0 20px 0; line-height:26px;}
 


#productbg{width:100%;margin:0 auto; display:block;  } 
.maintitle{ width:944px; margin:0 auto; text-align:center;font-weight:bold; color:#c0890b; font-size:35px;line-height:30px;padding:8px 0 10px 0;}
.maintitle span{ color:#333;font-size:23px;}

.producttext{width:944px; margin:0 auto; display:block; padding :15px 0px 35px 0px; overflow:hidden;}  
.producttext ul{ width:450px; float:left; height:auto; display:block; padding:30px 22px 30px 0;  }  
.producttext ul.last2{width:450px; float:left; height:auto; display:block; padding:30px 0px 30px 22px; }  
.producttext ul.last3{width:450px; float:left; height:auto; display:block; padding:30px 22px 30px 0;border-bottom:none;} 
.producttext ul.last4{width:450px; float:left; height:auto; display:block; padding:30px 0px 30px 22px;border-bottom:none;} 

.producttext ul li.propic{ width:194px; height:160px;float:left;} 
.producttext ul li.propic img{border:1px solid #e8e8e8; box-shadow:0px 0px 5px #d9d9d9;}
.producttext ul li.propic img:hover{border:1px solid #f0cb41;}
.producttext ul li.proname{ width:52%;height:auto;float:left;text-align: left; color:#666;line-height:18px; display:block;}
.producttext ul li.proname a{color:#1d2331;font-weight:bold;font-size:16px;padding:8px 0;display:block;text-align:left;} 
.producttext ul li.proname a:hover{ text-decoration:underline; color:#f0cb41;}
.producttext ul li.proname a.more{ background:#a5a5a5;width:90px;height:auto;text-align:center;line-height:26px;color:#fff;font-weight:normal;font-size:12px;padding:0;display:block;} 
.producttext ul li.proname a.more:hover{ background:#d49f2c;} 



 /* 图片幻灯片 开始*/
#featured-carousel {margin:0 auto;position:relative;width:auto;overflow:hidden;height:500px;}
#featured-carousel .carousel-items { position:relative;z-index:0; width: 100% !important}
#featured-carousel .carousel-items > li {display: none;height:500px;width: 100% !important;background-position: 50% 0 !important; background-repeat:no-repeat !important; }
#featured-carousel .carousel-items > li.active {display: block}
#featured-carousel .carousel-items a{width:100%; display:block;height:500px;float:left;}
  
 #featured-carousel .carousel-pagination {left:60px;position:relative;width:820px;z-index:99999;}
 #featured-carousel .carousel-pagination .wrap  { width: 248px; height: 47px; position: absolute; bottom:10px; }
#featured-carousel .carousel-pagination ul {float:right; margin: 20px 20px 0 0;}

#featured-carousel.interior-landing-carousel { margin: 0 auto; clear: both;}
.carousel-pagination li {display:block;float:left;text-indent:-9999em;margin: 0px}
.carousel-pagination li a {display: block; width:16px; height: 16px; background: url(../images/dot1.png) no-repeat; margin-left:8px !important;}
.carousel-pagination li a:hover,.carousel-pagination li.activeSlide a{display: block; width:16px; height: 16px; background: url(../images/dot2.png) no-repeat; margin-left:8px !important;}
/* 图片幻灯片  结束*/



.list_left011{ float:left; height:auto; display:block; width:50px;margin-right:10px; }
.list_left0111{ float:left; height:auto; font-size:14px;display:block; line-height:23px;width:200px;margin-right:10px;color:#ffffff; border-right:1px solid #262626;}


.list_left022{ float:left; height:auto; display:block; width:50px;  }
.list_left0222{ float:left; height:auto; font-size:14px;display:block; line-height:23px;width:200px;margin-right:10px;color:#ffffff;  }



#spec-list1 ul li { display: inline; float: left;width:270px; padding:30px 27px; text-align:center; color:#666; font-size:13px; line-height:22px;background:#fff;} 
#spec-list1 ul li a{ display:block;}
#spec-list1 ul li span{  font-size:20px;display:block;color:#221e1e; padding:20px 0;}
 
/*首页中间三块*/
#spec-list1 ul li span a:hover{color:#d89800; text-decoration:underline;}
#spec-list1 ul li img {height:auto; padding: 0px; width: auto; }
#spec-list1 { display: inline; float: left;  margin-bottom: 27px; }



#spec-list2 ul li { display: inline; float: left;width:190px; padding:30px 27px; text-align:center; color:#666; font-size:13px; line-height:22px;} 
#spec-list2 ul li a{ display:block;}
#spec-list2 ul li span{  font-size:20px;display:block;color:#221e1e; padding:20px 0;}
 
/*首页中间三块*/
#spec-list2 ul li span a:hover{color:#d89800; text-decoration:underline;}
#spec-list2 ul li img {height:auto; padding: 0px; width: auto; }
#spec-list2 { display: inline; float: left; height:200px; margin-bottom: 27px; }

.language{color:#fff;font-size:12px; position:absolute;right:10px;top:0;z-index:10;width:100px;height:30px;line-height:30px; background:#d09b29; text-align:center;}
.language a{color:#fff;}
.language a:hover{color:#fff;font-weight:bold;}

.about{margin:0 auto;width:930px;padding:10px 0 10px 0;  overflow:hidden}
.about dl{float:left;width:100%;margin:5px 0;border-bottom:1px dashed #ddd;padding-bottom:15px;} 
.about dd{width:100%;float:left;padding-bottom:5px;}
.about dd a{color:#c0890b;font-weight:bold;font-size:14px;padding-left:20px; display:block; line-height:30px;float:left;width:auto;}
.about dd .date{float:left;color:#555;line-height:30px;padding-left:20px;}
.about dt{float:left;width:98%;padding-left:20px;} 
.about dt img{float:left;margin-right:10px;}
.about .name{margin:0 auto 15px auto; text-align:center;height:auto;width:100%;line-height:28px; border-bottom:1px dashed #ccc;}
.about .name h2{font-weight:normal; display:block;font-size:18px;width:100%; line-height:30px;padding-bottom:4px;}

.about .pic01{float:left;width:220px;margin-top:10px;margin-bottom:20px; text-align:center}
.about .pic01 a img{margin:0 auto; display:block;padding:3px;background:#fff;}
   
.page{margin:0 auto; padding:10px 0 20px 0;width:340px;text-align: center;}
.page a{padding:5px 9px;line-height:22px;height:22px;width:auto;margin:10px; padding:15px 25px 15px 25px;color:#333;font-size:16px;text-align: center}
.page a:hover,.page a:active,.page .current{color:#ffffff;background: #c0890b;padding:15px 25px 15px 25px;}


.container1{width:100%;margin:0 auto;height:auto;background:#f6f6f6;line-height:30px;  }
.content01{margin:0 auto;width:1000px;overflow:hidden; margin-bottom:10px;}
.content01 a{ color:#d09b29;}
.down{margin:0 auto;width:950px;padding:30px 0 10px 0;background:url(../images/about1.jpg) no-repeat center top; overflow:hidden}
.down dl{float:left;width:420px;line-height:26px;height:210px;border:2px solid #ccc;padding:20px 10px 10px 5px;margin:0 15px;margin-bottom:25px;} 
.down dl dt{float:left;width:200px;padding-left:10px;}
.down dd{float:left;width:200px; font-size:13px;} 
.down dd a{width:117px;height:29px; line-height:29px;display:block;text-align:center;font-weight:bold;margin-top:5px;background:url(../images/down.jpg) no-repeat left center;margin-top:10px;}
  


.about01{margin:0 auto;width:930px;padding:40px 0 10px 0;  overflow:hidden}
.about01 dl{float:left;width:100%;margin:5px 0;border-bottom:1px dashed #ddd;padding-bottom:15px;} 
.about01 dd{width:40%;float:left;padding-bottom:5px;padding-top:10px; }
 
 
.about01 dt{float:left;width:50%;padding-left:20px;padding-top:10px;text-align: left;font-size:12px;line-height: 20px;} 
.about01 dt img{float:left;margin-right:10px;}
.about01 .name{margin:0 auto 15px auto; text-align:center;height:auto;width:100%;line-height:28px; border-bottom:1px dashed #ccc;}
.about .name h2{font-weight:normal; display:block;font-size:18px;width:100%; line-height:30px;padding-bottom:4px;}

.about .pic01{float:left;width:220px;margin-top:10px;margin-bottom:20px; text-align:center}
.about .pic01 a img{margin:0 auto; display:block;padding:3px;background:#fff;}
   




  