@charset "utf-8";

/* CSS Document */
HTML,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,i,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
HTML,BODY {WIDTH: 100%; HEIGHT: 100%}
BODY {  COLOR: #666; font-family: "Microsoft YaHei","΢���ź�", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans; background:#f6f6f6; font-size: 100%;}


ul,li { list-style:none;}
img { max-width:100%;}
a { color:#666; text-decoration:none;}
.left{float:left}
.right{float:right}
.clear{clear:both}


/* common */
.button { display:block; font-size:14px; background:#000033 ; color:#fff; margin:auto; border-radius:3px;  text-align:center; }
.cutepage { text-align:center; margin:3em 0; font-size:0.75em;}
.css_btn_class {border:1px solid #ccc; padding:0.3em 1.2em;}

.back { width:100%; height:auto;position:relative; overflow:hidden; margin:50px 0; text-align:center  }
.back a { color:#333; padding:8px 15px; border:1px solid #ccc; border-radius:3px; display:block; width:50%; margin:auto; font-size:14px; }

.title { text-align:center; margin:auto; margin-top:20px; margin-bottom:20px; font-weight:normal }
.title li.t1{ font-size:2em; color:#000; text-align:center;margin-bottom:20px;}
.title li.t2{ font-size:1em; color:#666; margin-top:10px; margin-bottom:20px;text-align:center}
.title li.t3 span { display:block; width:50px; height:5px; background:#000033; margin-top:30px; margin:auto;}
.more a { display:block; font-size:18px; width:194px; height:46px; border:3px solid #000033;line-height:50px; background:#000033; color:#fff; text-align:center; transition: all 0.3s; margin:auto; margin-top:30px; margin-bottom:60px;}

.title_w { text-align:center; margin:auto; margin-top:20px; margin-bottom:20px; font-weight:normal }
.title_w p.t1{ font-size:2em; color:#fff; text-align:center; margin-bottom:20px;}
.title_w p.t3 span { display:block; width:50px; height:5px; background:#fff; margin-top:30px; margin:auto;}

/* common end */

/* top */
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.controlArrow { position: absolute;top: 50% ;cursor: pointer ;margin-top: -38px;margin-top: 50px; border: 0 none;}
.controlArrow.prev { left: 10px; width: 50px;height:50px; background: url(../images/left_control.png) 50% no-repeat;}
.controlArrow.next { right: 10px; width: 50px; height:50px; background: url(../images/right_control.png) 50% no-repeat;}

.top { position: fixed; left: 0; right: 0; top: 0; z-index: 999; height:60px; background:#fff repeat; border-bottom:1px solid #eee}
.logo { float: left; margin:10px; width:250px;}
.nav { float: right; margin-top: 15px; font-size:0; }
.menuitem { display: inline-block; zoom:1;*display:inline;  position:relative;}
.menuitem a.dian { height: 30px; line-height: 30px; font-size: 14px; display:block; width:2em; height:2em; margin-right:15px; text-align:center; line-height:1.5em; border:2px solid #333; color:#333; font-weight:bold;}
.menuitem a.dian:focus { color: #000033;  border:2px solid #000033;}
/*---up---*/
.menuitem ul{display:none; position:absolute; top:20px; right:10px; width:130px; padding:10px 0; text-align:center; z-index:998;;}
.menuitem ul li{background-color:#f9f9f9;border-right:1px solid #ddd; border-left:1px solid #ddd;}
.menuitem ul li a{padding:8px;display:block;background:none;font-weight:300;color:#666;float:none; line-height:20px; font-size:14px;}
.menuitem ul a:hover{color:#666;font-weight:300}
.menuitem ul li:nth-child(odd){ /* zebra stripes */background-color:#fff;}
.menuitem ul li:hover{background-color:#f9f9f9;	}
.menuitem ul li:first-child{border-radius:6px 6px 0 0;margin-top:25px;*margin-top:0px;position:relative; border-top:1px solid #ddd; }
.menuitem ul li:first-child:before{ /* the pointer tip */content:'';position:absolute;width:1px;height:1px;border:10px solid transparent;border-bottom-color:#fff;top:-20px; right:10px;	}
.menuitem ul li:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-bottom:1px solid #ddd;}
/* top end */

/* bottom  */
.foot { position: fixed; bottom:0; width:100%; height:60px; background:#666; border-bottom:1px solid #333; border-top:1px solid #999 }
.foot a { color:#fff; text-decoration:none; display:block; height:40px; width:100%; margin-top:10px; }
.foot a.phone {  border-right:2px solid #333;}
.foot a.message, .foot a.email{ border-right:1px solid #333; border-left:1px solid #999}
.foot a.map{ border-left:1px solid #999}
.foot li { width:25%; float:left; list-style:none; text-align:center; }
.foot li img { width:24px;}
.foot li p { font-size:0.75em}
/* bottom end  */


/* index  */

.flexslider{margin:0px auto;position:relative;width:100%; overflow:hidden;zoom:1; margin-top:60px;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.slides div.img { position:relative; overflow:hidden; width:100%;}
.slides p { position:absolute; text-align:center; color:#fff; width:100%; }
.slides p.t1 { width: 160px; left:50%; margin-left:-80px; top:50px;}
.slides p.t2 { width:300px; left:50%; margin-left:-150px; top:100px; font-size:14px;}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.flex-direction-nav { display:none;}

.index_about_content { margin-top:50px; width:95%; margin-bottom:50px;}
.index_about_content ul { padding:10px;}
.index_about_content li.t1 { font-size:2em; color:#000; text-align:center}
.index_about_content li.t2 { font-size:1em; color:#666; margin-top:10px; margin-bottom:20px;text-align:center}
.index_about_content li.t3 span { display:block; width:50px; height:5px; background:#000033; margin-top:30px; margin:auto;}
.index_about_content li.text { font-size:1em; margin-top:50px;}
.index_about_content li.more a { display:block; font-size:18px; width:194px; height:46px; border:3px solid #000033;line-height:50px; background:#000033; color:#fff; text-align:center; transition: all 0.3s; margin:auto; margin-top:30px;}
.index_about_content li.more a:hover { background:#f5f5f5; color:#000033  }


.index_product { width:100%; height:900px; background:url(../images/bg_indexpr.jpg) center top no-repeat; position:relative ; overflow:hidden}
.index_product h1 img {  margin-top:50px;}
.index_product ul { margin-top:50px; }
.index_product li { float:left; text-align:center; width:49%; height:200px; margin-bottom:1em;  }
.index_product li a { color:#fff; font-size:1em; width:95%; margin: auto; text-align:center; display:block; padding-bottom:30px;}
.index_product p.title { text-align:left;margin:0; line-height:2em}
.index_product .title a { color:#fff;}
.index_product span { display:none}


.index_news { background:#fff; width:94%; margin:auto; margin-bottom:60px;}
.index_news ul.px { padding:10px;}
.index_news li {border-bottom:1px dashed #ddd; margin-bottom:10px; padding-bottom:10px;  }
.index_news .time { color:#ccc; font-size:1em;}
.index_news p.title { text-align:left;margin:0; line-height:2em}
.index_news .title a { color:#000;}
.index_news .content { font-size:0.75em; color:#666}
.index_news span { display:none}
/* index end */

.banner { width:100%; height:200px; overflow:hidden; font-size:2em; line-height:250px; text-align:center; color:#fff;}
.banner.about { background:url(../images/bg_indexpr.jpg) center 100%; }
.banner.news { background:url(../images/banner_news.jpg) center 100%; }
.banner.product { background:url(../images/banner_product.jpg) center 100%; }
.banner.service { background:url(../images/banner_service.jpg) center 100%; }

.active .product_list {opacity: 1; transition-delay: 1s;}
.product_list { position: relative; width:100%; height:100%; opacity: 0; transition: all 1s; }
.product_list ul.left { width:100%;  float:none; position:absolute; bottom:30px; text-align:center  }
.product_list ul.right { width:100%; float: none; position:absolute; bottom:170px; text-align:center  }
.product_list ul.right img { max-width:90%;}
.product_list li.title {font-size:1.5em; width:100%;   margin-bottom:20px; margin-top:100px;  text-align:center }
.product_list li.title a {color:#333;}
.product_list li.content { font-size:0.75em; height:4.5em; overflow:hidden; width:90%; margin:auto; display:block; color:#666; text-align:center;}
.product_list li.anniu { display:block; width:110px; margin:auto; margin-top:20px; }

.active .hcontact {  opacity: 1; transition-delay: 0.7s;}
.hcontact {position:absolute; height:100%; width:100%; top:200px; opacity: 0; transition: all 1s; }
.hcontact li { width:80%; margin:auto; margin-bottom:10px; padding:10px;  background:url(bg/bg50_b.png) ; list-style:none; color:#fff; font-size:0.75em}




.detail_main { width:95%; background:#f6f6f6; margin:auto; overflow:hidden; position:relative; margin-top:60px; margin-bottom:60px;}
.detail_main ul.padding { padding:10px; }
.detail_main h1 {text-align:center; color:#333; font-size:1.25em; font-weight:normal; margin-top:1em;margin-bottom:1em;}
.content p { font-size:1em; margin-bottom:1em; line-height:1.7em }
.content p img { text-indent:0em;}
.content span.time {  display:block;font-size:40px; color:#ddd; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:0px; margin-left:20px; margin-top:20px;}
.content span.title { display:block; font-size:18px; font-weight:bolder; color:#333;}
.content span.titleen { display:block; font-size:12px; color:#333;font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:40px;}

.img_list { width:100%; position:relative; overflow:hidden}
.img_list li { width:49%; height:auto; margin-bottom:1em;  display: inline-block;	*display:inline; zoom:1; }
.img_list li a { width:90%; margin:auto; display:block;text-align:center}

.about_culture { background:#000033; position:relative; overflow:hidden; color:#fff}
.about_culture li.t1, .about_culture li.t2 { color:#fff;}
.about_culture li.t3 span { background:#fff;}
.cultuer_content { padding:1em; margin-bottom:5em;}



.news ul { width:95%; margin:auto}
.news ul li { width:100%; margin-bottom:15px; border-bottom:1px dotted #ddd; padding-bottom:15px;}
.news ul li a { display:block;}
.news ul li a.time { font-size:0.8em; color:#333}
.news ul li a.topic { color:#333; font-size:1em; margin-bottom:10px;}
.news ul li a.jianjie { color:#999; font-size:0.75em; }

#pr_list { width:96%; height:auto; position:relative; overflow:hidden; background:#f6f6f6; margin-top:60px;}
#pr_list h1 { color:#000;font-weight:normal; font-size:24px; letter-spacing:10px; text-align:center; margin:auto; margin-top:50px;margin-bottom:50px;}
#pr_list ul {letter-spacing:-3px; font-size:0; }
#pr_list li { width:50%; display:inline-block; zoom:1;*display:inline; margin-bottom:10px; vertical-align:top;font-size: 12px; letter-spacing:0;}
#pr_list li span { display:block; width:90%; height:0; padding-bottom:90%; position:relative; overflow:hidden; background:url(../images/prlist_bg.jpg) center top #fff;box-shadow: 0px 0 7px rgba(0,0,0,0.3); border-radius:5px; text-align:center; }
#pr_list li a { display:block;  margin:auto; position:relative}
#pr_list li a.button {   bottom:10px; width:50% }
#pr_list li a.topic { font-size:14px; width:90%; color:#000; margin:auto; margin-top:10px; margin-bottom:20px; text-align:center;border-bottom:1px dotted #ddd; padding-bottom:10px; }

.pr_main { width:96%; overflow:scroll; margin:auto}
.pr_main h1 {  color:#1d1e33; margin-bottom:25px; }
.detail_pr { width:1200px;}
.detail_pr  td { padding:20px 0;font-size:1em; border-bottom:1px dashed #ccc}
.detail_pr tr.title td {  font-size:1em; color:#1d1e33; font-weight:bold; border-bottom:1px solid #1d1e33;border-top:1px solid #1d1e33; text-align:left; }




.title_pr { margin: auto; margin-top:100px; text-align:center; width:90%}
.title_pr p.en { color:#f39800; font-size:1.2em; text-transform:uppercase; font-weight:bold}
.title_pr p.cn { color:#666; margin-bottom:30px; font-size:1em;}

.list_menu { width:100%; text-align:center; margin-top:20px; margin-bottom:20px;}
.list_menu li { width:90%; margin:auto}
.list_menu li a { display:block; background:#fff; width:100%; padding:5px 0; margin:5px 0; border-radius:5px; border:1px solid #ddd; text-align:center;}

#detail_menu { text-align:center; margin-top:2em;}
#detail_menu li {display:inline-block; zoom:1;  }
#detail_menu li a {padding:8px 25px; border:1px solid #ccc;  margin: 0 3px; font-size:0.75em; line-height:5em;}

#news_list li {  border-bottom:1px dotted #ddd;  padding:1em;}
#news_list li a { display:block;}
#news_list li a.time {color:#ccc; margin-bottom:10px; font-family:"HELVETICANEUELTPRO-THEX", Arial;}
#news_list li a.img { width:100%; height:10em; overflow:hidden;}
#news_list li a.title { font-size:1em; color:#000;   margin-bottom:0.75em; width:100%; margin-top:0.75em; height:1em; line-height:1em; overflow:hidden;  }
#news_list li a.jianjie { line-height:1.2em; color:#999; padding-top:10px;text-indent:2em; font-size:0.8em; height:2.4em; overflow:hidden}


.contact ul { width:95%; margin:auto}
.contact .ny_qr{ display:none}
.ny_contact li { margin-bottom:1.5em; border-bottom:1px dotted #ddd; padding-bottom:1.5em; line-height:1.5em; }