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

a.white:link{ color:#fff; text-decoration:none;}
a.white:hover{ color:#fff; text-decoration:underline;}
a.white:active{ color:#fff; text-decoration:none;}
a.white:visited { color:#fff; text-decoration:none;}

a.black:link{ color:#1a1a1a; text-decoration:none;}
a.black:hover{ color:#1a1a1a; text-decoration:underline;}
a.black:active{ color:#1a1a1a;text-decoration:none;}
a.black:visited { color:#1a1a1a; text-decoration:none;}


.clear{ clear:both; height:0; zoom:1;}


.site_lang { z-index:1; float:right; }






body{ font-family:"????????????"; padding:0px; margin:0px; font-size:12px; line-height:22px;}
.clear{ clear:both;}
ul,li{ list-style:none; margin:0px; padding:0px;}
img{ border:0px;}
h1, h2, h3, h4, h5, h6 { color: #505050; font-style:normal; font-weight:normal; }
	Line 87: 	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	Line 90:     h2 { font-size: 34px; padding-top: 20px; line-height: 36px; font-family:OpenSans-Light; font-weight:600; letter-spacing:-1px; }

#top-bar { min-height:20px; width: 100%; background-color:#f0f0f0; font-size: 12px; z-index:9999;  line-height:20px; }  
.container{ width:1100px; margin:0px auto;}


#header{ width:100%;   background:#fff; height:70px; z-index:999;}
.headercon{width:1100px; margin:0px auto;}
.logo{}
.menu{width:600px; float:right; height:32px; margin-top:30px;}
#nav { width:600px; display:block;}
#nav .jquery_out {float:left; line-height:32px;display:block; text-align:center; font-size:14px;  }
#nav .jquery {margin-right:1px;}
#nav .mainlevel { float:left;  width:95px; font-size:14px;/*IE6 only*/ } 
#nav .mainlevel a {color:#a67c52; text-decoration:none; line-height:32px; display:block;  width:95px; text-align:center;}
#nav .mainlevel a.here{ color:#a67c52;}
#nav .mainlevel a:hover {color:#a67c52; text-decoration:none; }
#nav .mainlevel ul {display:none; position:absolute;  padding-top:10px;}
#nav .mainlevel li { width:95px;/*IE6 only*/ text-align:center; font-size:14px; }
.con p{ position:relative;}/*??????IE???????????????*/}

.banner{ height:150px; line-height:150px; color:#fff; width:1100px; margin:0px auto; font-size:24px;}











 






.featured-desc { float: left; margin: -90px 0 0 100px; }
.featured-desc h3 { font-size: 20px; margin-bottom: 5px; font-family:"????????????";}





.icon-left-1 {left: 23%;}
.icon-left-2 {left: 30%;}

.circle-2 .icon-magic { margin-top: 21px; }
.circle-2 i { font-size:48px; margin: 20px 0;  float: left; color: #fff; position: relative; }

.circle-2 { width:90px; height:90px; display: block; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius:45px; background-color: #2c66ae; text-align: center; float: left; }

.featured-box:hover > .circle-2 { background-color: #a0a0a0; }
.featured-box:hover > .circle-2 i { color: #fff; }

.circle-2, .circle-2 i, .circle-2 span { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
.circle-2 span { display: block; width: 90px; height: 90px; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius:45px; background-color:#2c66ae; }

.featured-box:hover > .circle-2 span { background-color: #a0a0a0; opacity: 0; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); 	-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s ; }


  
   .icon-left-2 {left: 30%;}
   
   
   
      .home-pr-button{ width:220px; height:auto; padding:10px 23px; border:2px solid white; background: rgba(43,43,43,0.1); color:#FFF; font-weight:300; text-transform:uppercase; font-size:18px; cursor:pointer;
margin:35px auto; display:block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
    .home-pr-button:link { font-size:16px; color:#FFF;}
	.home-pr-button:hover{ background:white; color:#3c3c3c; text-decoration:none; }
   
   .parallax-section { position: relative; overflow: hidden; width: 100%; }
   .parallax-banner-1 { background: url('../images/parallax-banner-1.jpg') 50% 0 no-repeat fixed; }
   
   



 #pageabout{   background:#f0f0f0; height:auto; width:100%; padding-top:50px;}


/*footer*/
#footer-bottom {  color:#dedede;  background:#1a1a1a; height:35px; line-height:35px; width:100%;}   
.footer{width:1100px; margin:0px auto;}
.footer_r{ float:right; height:35px; line-height:35px;}
.footer_l_list li{ float:left; width:60px; text-align:center; background:url(img/icon.jpg) no-repeat 1px; padding-left:6px;}
.footer_l_list {width:500px;}
.footer_l{width:530px;}


/*page*/
.pagecon{ width:1100px; margin:30px auto 0px; padding-bottom:30px;}
.product_more{ width:44%; margin:40px auto; font-size:18px; color:#b3763f;}

.section-header { margin:0 auto; width:1100px; font-size:24px; height:30px; line-height:30px;}
.section-header { position: relative; text-align:center; overflow:hidden;  white-space:nowrap; text-transform:uppercase;}
.section-header:before, .section-header:after { background-color:#919191;  content: '';  display: inline-block;  height: 1px; position: relative;  vertical-align: middle; width:50%; }
.section-header:before {  left: -1em; margin: 0 0 0 -50%; }
.section-header:after { left: 1em; margin: 0 -50% 0 0; }
.section-header.colored:before, .section-header.colored:after { background-color: #c7cfc3; }


/*2-07*/
.map{ float:right; width:640px; height:580px;}


/*2-05*/
.news_list li{ height:35px; line-height:35px; border-bottom:1px solid  #ddd; font-size:14px; color:#4d4d4d; background:url(img/icon2.jpg) no-repeat 2px; padding-left:15px;}
.news_list li span{ float:right;}


/*2-03*/
.product_text{ float:right; width:655px; font-size:14px; line-height:24px; color:#4d4d4d;}
.product_pic{ width:380px; height:220px;}
.product_p2 { width:98%; margin:30px auto;}
.product_p2 li{ width:220px; height:188px; float:left; margin-right:40px;}
.p_text{ height:30px; line-height:30px; text-align:center; background:#FFF;}

/*2-01*/
.product_p { width:98%; margin:30px auto;}
.product_p li{ width:180px; height:160px; float:left; margin-right:30px;}


/*1-10*/
.rong { margin:0px auto; width:98%; }
.rong li{ float:left; width:130px; height:200px; margin-right:20px; margin-left:20px; color:#fff; }
.rongtext{ height:30px; line-height:30px; text-align:center;}
.yu { width:90%; margin:30px auto;}
.yu li{float:left; width:160px; height:146px; margin-right:25px; color:#fff; }
.text_white{ color:#fff; text-indent:2em;}


/*1-09*/
.shebei{ width:98%; margin:30px auto; }
.shebei li{ float:left; width:300px; height:225px; margin-right:65px;  margin-bottom:40px;}

/*1-08*/
.shiping_l{width:750px; height:480px; background:#fff;}
.shiping_r{ width:300px; height:450px; float:right;}
.shiping_r_1{ width:300px; height:240px; margin-bottom:10px; color:#fff;}
.shiping_r_1_radio{width:300px; height:220px; background:#fff;}

/*1-07*/
.wenhua li{ width:250px; margin-right:10px; float:left;}
.wenhua{ width:1100px; margin:0px auto;}

/*1-06*/
.lc{ color:#fff; min-height:500px;}
.lc p{ text-indent:2em;}

/*1-05*/
.aboutbanner{width:1078px; margin:10px auto; }


/*1-04*/
#about{ background:#f0f0f0; height:210px; width:100%; padding-top:50px;}
.aboutlist{width:1100px; margin:30px auto 0px;}
.aboutlist li{ width:250px; float:left; margin-right:15px;}
.aboutbox{ width:90px; height:90px; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #2c66ae; text-align: center; color:#fff; font-size:64px; line-height:90px; }
.featured-desc h3 { font-size: 20px; margin-bottom: 5px;  line-height:60px; height:60px;}
.pro{ width:1100px; margin:30px auto;}
.pro li{ width:300px; height:250px; float:left; margin-right:80px;}
.pro_p{background:#fff; height:50px; line-height:50px; text-align:center; color:#a1533c; font-size:16px; }

.parallax-content { color: #FFFFFF; position: relative; }


/*2-04_xx*/
.pagenewstitle{font-size:18px; text-align:center; height:30px; line-height:30px;}
.pagenewtime{ text-align:center; height:24px; line-height:24px;}
.newsbottom{ height:30px; line-height:30px; font-size:14px;}
.newsnext{ float:right;}
.pageminnews{ min-height:500px;}
