﻿/*ȫ������*/
body { margin:0; padding:0; background:#fff url(../images/top.gif) repeat-x;; font-size:12px; color:#333;font-family:"Microsoft Yahei"}
body > div { margin-right:auto; margin-left:auto;} 
div,form,img,ul,ol,li,p,dl,dt,dd { margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-weight:normal;}
ul,li {list-style: none }

/* ������ɫ */
a {color:#505050; text-decoration:none;}
a:hover {text-decoration:underline;color:#F60}
h2{font-size: 24px;line-height: 32px;margin-bottom: 5px;}
/*ͨ������*/
.left {float: left;}
.right {float: right;}
.area:after,.clear:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.clear,.area{zoom:1}
.fb{font-weight:bold}
.yahei{}


/* ͨ������*/
.area,.area2 {clear:both; height:auto;margin:0 auto}
.area{width:1120px; }
.area2{width:960px;}
.top-box{height:86px;background:url(../images/top_bg.jpg);}
.top-box .area{position:relative;}
.top-box .logo{height:86px;position:absolute;top:0;left:10px;text-align:left;_height:70px;}
.m-tel{text-align:left;display:inline-block;background:url(../images/tel-write.png) no-repeat center left;padding-left:55px;font-family: georgia,arial;font-size:18px;color:#efefef;line-height:56px;height:56px;}

.g-nav{height:86px;background:url(../images/nav.gif) no-repeat center;float:right;position:relative;}
.g-nav ul{float:left;background:url(../images/nav_bg1.jpg);padding-right:2px;}
.g-nav li{height:86px;position:relative;float:left;padding-left:6px;z-index:80;background:url(../images/fen.gif) no-repeat left center;}
.g-nav li a{position: relative;font-size:16px;color: #686868;margin: 0;padding: 0 6px;height: 86px;line-height: 86px;display: inline-block;}
.g-nav li a:hover,.g-nav li a.active,.g-nav .hover .main-a{background:#e1472f;;color:#eee;text-decoration:none;}
.g-nav li .menu{border-top:0;position:absolute;top:86px;left:2px;display:none;width:120px;}
.g-nav li .menu a{height: 37px;line-height: 37px;width: 170px;padding: 0 15px;display: block;background: #fff;text-decoration: none;border-bottom: 1px solid #ebebeb;z-index: 1100;position: relative;}
.g-nav li .menu a:hover{background: #444;
color: #fff;
margin-bottom: 0px;
border-bottom: 1px solid #444;}
.g-nav .hover .main-a{}

.focus-box{padding-bottom:1px;margin-bottom:15px;}
.slider{width:960px;height:450px;}

.main-box{margin-bottom:15px;}
.main-box .left{width:250px;margin-right:10px;}
.main-box .area .left{margin-right:20px;}
.main-box .center{width:520px;float:left;}
.main-box .right{width:310px;}
.main-sub-box .left{width:210px;}
.main-sub-box .right{width:740px;}

.title-box{text-align:left;margin-bottom:15px;border-bottom:1px solid #ddd;}
.title-box h2{font-size: 13px;height: 26px;display:inline-block;*display:inline;*zoom:1;line-height: 26px;background: #e1472f;padding: 0 10px;color:#fff;}
.title-box span{float:right;margin-top:5px;}
.title-box span a{display:inline-block;padding:2px 10px;background:#e1472f;margin:0 5px;color:#fff;}
.title-box span .more {font-family:"����";background:none;color:#333;}
.contact-box p{line-height:22px;text-align:left;}
.contact-box p span{font-size:16px;font-family:georgia,arial;font-weight:normal;}
.contact-box p strong{display:block;margin-bottom:5px;}

.company-box p{line-height:24px;padding:10px;text-align:left;}

.news-box ul{line-height:29px;padding:10px;text-align:left;}
.news-box li{background:url(../images/ico.gif) no-repeat 0 center;padding-left:14px;}
.news-box li span{float:right;font-family:arial;color:#999}
.news-box .box{margin:0 auto;background:url(../images/line.gif) repeat-x bottom;padding:10px;}
.news-box .box h3{height:30px;padding-top:12px;text-align:left;}
.news-box .box h3 span{font-size:14px;font-family:"΢���ź�";float:left;font-weight:bold;}
.news-box .box h3 strong{font-weight:normal;float:right;margin-top:3px;}
.news-box .box p{text-align:left;line-height:24px;}
.news-box .box p a{color:#F60;}
.news-box h1{font-size:21px;font-family:"΢���ź�";padding:15px 0;color:#333;}
.news-box .info{height:20px;padding-top:8px;border:1px #e8e8e8 solid;text-align:center;background-color:#f7f7f7;}

.product-box{text-align:center;}
.hot-img{border-bottom:1px solid #ddd;}
.img-box{margin-bottom:20px;text-align:center;}
.img-box .title-box{margin-bottom:20px;}
.img-box .title-box h2{font-size:16px;}
.img-box .title-box span a{margin-right:12px;}
.imglist-box div{width:192px;float:left;height:168px;}
.imglist-box div img{display:block;margin:0 auto 12px;padding:2px;border:1px solid #ebebeb;width:160px;height:250px;}
.imglist-box div img:hover{border:1px solid #f60;}
.imglist-box div a:hover{text-decoration:none}
.imglist-box div a:hover img{border:1px solid #f60;}

.jcarousel-clip{width:1120px;overflow:hidden;margin-bottom:30px;}
.jcarousel-clip .title-box{margin-bottom:15px;}
.jcarousel-list {width:1140px;}
.jcarousel-clip .jcarousel-list .jcarousel-item{width:265px;height:auto;text-align:center;margin-right:20px;border-bottom: 2px solid #323232;float:left;}
.jcarousel-item a {display: block;height:auto;overflow:hidden;position: relative;color: #323232;}
.jcarousel-item .item-img{height:198px;border:1px solid #efefef;border-bottom:none;}
.jcarousel-item a img{width:100%;height:100%;}
.portfolio-carousel-details {border-left: 1px solid #efefef;border-right: 1px solid #efefef;padding:15px;}
.f-xyPro  li{float:left; width:285px;}
.f-xyPro{position:absolute;}
.jcarousel-list{position:relative; overflow:hidden; zoom:1;}

.note {position: relative;padding: 57px 0;text-align: center;}
.note h1{line-height:35px;margin-bottom:10px;}


.foot-box{border-top:5px solid #e1472f;background:#323232;text-align:center;}
.foot-box  p{line-height:30px;}
.foot-box  .m-link{padding:20px 0 20px;}
.foot-box .f-rightcopy{background-color:#252525;}
.foot-box .f-rightcopy p{height:56px;line-height:56px;color:#efefef;}

.foot-box p a{margin:0 15px;color:#fff;}

.product-list-box{margin-bottom:20px}
.main-sub-box .title-box h2{font-size:16px;}
.product-list-box h3{padding:6px 0 0 27px;height:29px;text-align:left;color:#696969;background:url(../images/ico1.gif) no-repeat 0 10px;border-bottom:1px solid #EBEBEB;width:160px;margin:0 auto;font-size:14px;font-family:"΢���ź�"}
.product-list-box h3 a:hover{color:#F60;text-decoration:none;}
.product-list-box .item-box{border-bottom:1px solid #EBEBEB;width:187px;margin:0 auto;}
.product-list-box h4{text-align:left;line-height:22px;padding:5px 0 0 40px;}
.product-list-box ul{text-align:left;line-height:22px;padding:5px 0 10px 60px;}
.product-list-box h3 a,.product-list-box h4 a{display:block;}

.page-box{text-align:center;font-size:14px;font-weight:bold;border:1px solid #DDD;color:#333;}
.page-box span{font-weight:normal;display:none;}
.page-box a{display:block;width:100%;padding-top:13px;height:27px;background:#F2F2F2;}
.page-box a:hover{background:#fff;text-decoration:none}

.hot-box .title-box{width:98%;margin:0 auto 10px;}
.hot-box .imglist-box{width:736px;margin:0 auto;}
.hot-box .imglist-box div{width:184px;float:left;}
.main-sub-box .product-box .title-box{margin-bottom:10px}
.main-sub-box .product-box .imglist-box{width:736px;margin:0 auto;}
.main-sub-box .product-box .imglist-box div{width:184px;float:left;height:285px;}
.main-sub-box .company-box p{font-size:14px;}
.say-box{padding:15px 0;background:#f5f5f5;margin-bottom:20px;}
.say-box p{color:#505050;font-family:"΢���ź�";text-align:left;font-size:26px;line-height:32px;padding:0 15px;}
.item-sub-box{padding:10px 10px 7px;text-align:left;background:#f5f5f5;margin-bottom:10px;border-bottom:1px solid #D4D4D4;margin-top:-10px;line-height:24px;}
.article-box{line-height:28px;text-align:left;padding:15px;font-size:14px;color:#333;margin-bottom:20px;}
.fy-box span{line-height:25px;text-align:left;padding:0 15px;}
.fy-box a{color:#333}
.fy-box .l{float:left;width:330px}
.fy-box .r{float:right;width:330px;text-align:right;}
.map{border:2px solid #ccc;}

.class-list{border:1px solid #DDD;margin:20px auto;padding:10px 15px;text-align:left;line-height:26px;}
.class-list a{color:#0064D3;}
.class-list th{width:70px;text-align:left;}
.class-list .item{background:#F4F4F3;padding:2px 5px;margin-bottom:5px;}
.class-list .item a{padding:2px 2px 1px;}
.class-list .item a.active{background:#e1472f;color:#fff;}

.img-play-box{border:1px solid #ddd;margin:0 auto 20px;padding:10px 0;width:958px;background:#fcfcfc}

.gallery{text-align:center;}
.photos-info .content{border:none;}
.photos-info h1{text-align:center;}

.ad-thumb-list li{height:84px;margin-right:5px;float:left;}
.ad-thumb-list li img{height:80px;}

.param-box{padding:15px;}
.param-box p{text-align:left;line-height:28px;font-size:14px;color:#333;padding-top:15px;}
.fullwidthbanner-container{width:100% !important;position:relative;padding:0;max-height:450px !important;overflow:hidden;}

.fullwidthbanner-container .fullwidthabnner	{width:100% !important;max-height:450px !important;position:relative;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}
/* captions */
.title_text{position: absolute; color: #323232; font-weight: 300; font-size: 18px; height:42px;line-height: 42px; margin: 0px; padding: 0 10px;background: #ffffff;opacity:0.9 !important;border-width: 0px; border-style: none; white-space:nowrap;		}
.box-slide1 {position: absolute; color: #686868; font-weight: 400; font-size: 12px; line-height:20px;height:auto;width:300px;margin: 0px; padding: 20px;background: #fff;opacity:0.9 !important;border-width: 0px; border-style: none; white-space:normal !important;	display:block;}
.box-slide2 {position: absolute; color: #fff; font-weight: 400; font-size: 12px; line-height:20px;height:auto;width:300px;margin: 0px; padding: 20px;background: #323232;opacity:0.9 !important;border-width: 0px; border-style: none; white-space:normal !important;	display:block;}
.box-slide2 h2 {color:#fff;}
.box-slide2 a {color:#fff !important;}
.description_text{position: absolute; color: #d0d0d0; font-weight: 400; font-size: 14px; height:36px;line-height: 36px; margin: 0px; padding: 0 10px;background: #393939;opacity:0.9 !important;border-width: 0px; border-style: none; white-space:nowrap;}

.isotope-item { z-index: 2;}

.isotope-hidden.isotope-item { pointer-events: none;z-index: 1;}
.tp-bullets.simplebullets.round .bullet {width:224px;}

/* 5.27 */
#contactform{width:930px;margin:0 auto;}
#contactform label{color: #7F7F7F;display: block;font-weight: normal;line-height:22px;text-align:left;}
.percent-one-third{width:300px;margin:0 5px;float:left;}
.column-last{margin-right: 0!important;clear: right;}
textarea,input{background:#FFFFFF;border: 1px solid #ddd;}
.percent-one-third input{margin-bottom: 10px;width: 89%;padding: 3% 5%;height: 20px;line-height: 20px;background: #f7f7f7;}
.textarea{clear:both;width:920px;margin:0 auto;}
#contactform textarea {clear: both;background: #f7f7f7;height: 130px;padding: 2% 2%;width: 95.5%;clear: both;background: #f7f7f7;margin-bottom:5px;}
#contactform .submit input {clear: both;float: right;cursor: pointer;margin: 0;background: #444;cursor: pointer;display: inline-block;font-weight: 600;line-height: 16px;margin: 0 2px 20px 0;padding: 7px 11px 7px;position: relative;border: 0 none;font-family:"Microsoft Yahei";font-weight:normal;font-size:14px;color:#fff}