@charset "utf-8";
body { padding:0px; margin:0px; font-size:14px;  font-family: 'Microsoft YaHei';  color:#404040; background:#fff;overflow-x: hidden}



/*閫氱敤*/

.clear {clear:both;height:0px; overflow:hidden;}

.blank1{height:1px;overflow:hidden;}

.blank3{height:3px;overflow:hidden;}

.blank5{height:5px;overflow:hidden;}

.blank10{height:10px;overflow:hidden;}

.blank12{height:12px;overflow:hidden;}

.blank15{height:15px;overflow:hidden;}

.blank20{height:20px;overflow:hidden;}

.blank30{height:30px;overflow:hidden;}

.blank40{height:40px;overflow:hidden;}

a{color:#333;text-decoration:none;transition: all 0.8s ease 0s;}



a:hover,a:focus {color: #FF6600;text-decoration: none;}

a:active {outline:none;blr:expression(this.onFocus=this.blur());}



.img { vertical-align:auto;}

div,ul,li,dl,dt,dd,p,form{padding: 0px; margin: 0px;list-style-type: none;}

.img{ padding:3px; border:0px solid #CCC;-moz-box-shadow:0px 0px 6px #C4C4C4; -webkit-box-shadow:0px 0px 6px #C4C4C4; box-shadow:0px 0px 6px #C4C4C4;}

.img1 {padding: 0px; border-radius: 5px; -moz-box-shadow: 0px 0px 3px #aaa;-webkit-box-shadow: 0px 0px 3px #aaa;box-shadow: 0px 0px 3px #aaa;}

.img2 {padding: 0px; border-radius: 5px;}

.yuan-border { background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); margin: 0 auto; padding: 5px 10px 10px;  border-radius: 5px;}

.yingcang { width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.xian {background-color: #e5e5e5;height: 1px;margin: 9px 0;overflow: hidden;}



/*鏂囧瓧棰滆壊*/

.text-hong { color:#F00;}

.text-lu { color:#009B4D;}

.text-xia { color:#E82B91;}

.text-bai { color:#FFF; }

.text-cheng { color:#FF9900;}





/*鏇挎崲*/

blockquote {

    border-left: 5px solid #009B4D;

    margin: 0 0 20px;

    padding: 0 0 0 15px;

}

.btn-xs, .btn-group-xs > .btn {

border-radius: 1px;

font-size: 12px;

line-height: 1.5;

padding: 3px 8px;

}

.btn-md, .btn-group-xs > .btn {

border-radius: 1px;

font-size: 14px;

line-height: 1.5;

padding: 8px 15px;

}



/*鏂囧瓧澶у皬*/

.font12 { font-size:12px;}

.font13 { font-size:13px;}

.font14 { font-size:14px;}

.font15 { font-size:15px;}

.font16 { font-size:16px;}

.font18 { font-size:18px;}

.font20 { font-size:20px;}

.font24 { font-size:24px;}





/*闂磋窛*/

.pt3{ padding-top:3px;}

.pt5{ padding-top:5px;}

.pt8{ padding-top:8px;}

.pb5{ padding-bottom:5px;}

.pt10{ padding-top:10px;}

.pt15{ padding-top:15px;}

.pt20{ padding-top:20px;}

.pt30{ padding-top:30px;}

.pl3{ padding-left:3px;}

.pl5{ padding-left:5px;}

.pl10{ padding-left:10px;}

.pl15{ padding-left:15px;}

.pr5{ padding-right:5px;}

.pr10{ padding-right:10px;}

.pr15{ padding-right:15px;}

.pl20{ padding-left:20px;}

.pl25{ padding-left:25px;}

.pb10{ padding-bottom:10px;}

.pb15{ padding-bottom:15px;}

.pb20{ padding-bottom:20px;}



.mt5{ margin-top:5px;}

.mt8{ margin-top:8px;}

.mt10{ margin-top:10px;}

.mt20{ margin-top:20px;}

.mt30{ margin-top:30px;}

.mt40{ margin-top:40px;}

.mb10{ margin-bottom:10px;}

.mb20{ margin-bottom:20px;}

.mb30{ margin-bottom:30px;}

.ml5{ margin-left:5px;}

.ml10{ margin-left:10px;}

.ml20{ margin-left:20px;}

.w130 { width:180px; height:130px;}



/*琛岃窛*/

.line20{ line-height:20px;}

.line25{ line-height:25px;}

.line30{ line-height:30px;}

.line35{ line-height:35px;}

.line40{ line-height:40px;}

.line50{ line-height:50px;}





/*鑳屾櫙*/

.bg-bai { background:#FFF;}

.bg-blue { background:#0975BE;}

.bg-hui { background:#F0F0F0;}

.bg-lv { background:#009B4D;}

.bg-hei { background:#000;}





.btn-radius { border-radius: 0; }







.container{ width:1200px !important;}









/*澶撮儴*/

.head { background:#686667 url("../images/head-bj.jpg") no-repeat center center; height:109px;}

.logo { background:#686667 url("../images/head-bjj.jpg") no-repeat right center; height:109px;}



.head-tel { font-size:24px; font-weight:700; text-align:right;  height:50px; line-height:50px; color:#fff;}







/* 瀵艰埅 */

.nav_1 {

}

.nav_1 ul li {

	color:#fff;

	float:left;

	height:46px;

	line-height:46px;

	font-weight:bold;

	padding-right:25px;

	padding-top:1px;

}

.nav_1 ul li a {

	display:block;

	color:#fff;

	font-size:18px;

	font-weight:bold;

	line-height:46px;

	padding:0 30px;

}

.nav_1 ul li a:hover {

	color:#fff;

	font-size:18px;

	font-weight:bold;

	line-height:46px;

	background:#FFAD33;

}

.nav_1 ul li span {

	font-size:14px;

	font-weight:bold;

	line-height:46px;

    	white-space:nowrap; 

}

.nav_1 ul li span.nub{

	font-size:20px;

    	white-space:nowrap; 

    	vertical-align:middle;

	line-height:46px;

	text-align:left;

	

}

.nav_1 ul.right li {

	background:#af1b11;

	padding:0 30px; 

}

/* 浜岀骇瀵艰埅 */

.nav_2 {

	position:absolute;

	z-index:99;

	background:#fff;

	

}

.nav_2 a h3 { 

    color: #F60;

}

.nav_2 a:hover h3 

{

     text-decoration:underline;

}

.nav_2 ul {

	display:none;

	border-bottom:15px solid #FFAD33;

	border-top:0;

	width:1170px;

	padding:15px 0;

}

.nav_2 ul li {
	float:left;
	border-right:1px solid #DDDDDD;
	overflow:hidden;
	padding:0 10px;
}
.nav_2 ul li p{ line-height:30px;}


.nav_2 ul li:last-child{ border-right: none;}



.nav_2 ul li h3 {

	text-align:center;

	font-weight:700;

	font-size:16px;

    margin-bottom:10px;

}



.text{ text-align:justify; line-height:25px;}





/*棣栭〉鐑?閿€浜у搧*/

.index-rxcp { background:url("../images/index-rxcp.jpg") repeat-y; height:600px;background-size:cover}

.rxcp-title { text-align:center; font-size:40px; font-weight:700; letter-spacing:4px; color:#131E5C; height:80px; line-height:80px; border-bottom:1px solid #999;}

.rxcp-box { height:450px; background:#FFF;opacity:0.8; padding:10px 20px; font-size:16px; line-height:30px; text-align:justify;}

.rxcp-box li { border-right:1px solid #CCC; }

.rxcp-box li:last-child{ border-right: none;}

.rxcp-box-nav { margin-top:10px;}

.rxcp-box-nav li { border-right:none; margin-top:10px; height:auto;}

.rxcp-box-nav li a{ font-size:14px; line-height:25px; text-align:center; width:100px; height:28px; display:block; border:1px solid #ddd; background:#fff; color:#000; overflow:hidden;}

.rxcp-box-nav li a:hover{ border:1px solid #FF8C19; background: #FF9933; color:#fff; opacity:1; transition: all 0.4s ease 0s;}



.btn-rxcp {

  color: #fff;

  background-color: #FB7E06;

  border-color: #E47104;

  width:100%;

  height:50px;

  line-height:50px;

  padding:0;

  font-size:18px;

  letter-spacing:2px;

}

.btn-rxcp:hover {

  color: #fff;

  background-color: #E47104;

  border-color: #CB6504;

  opacity:1;

}



.btn-cp {

  color: #131E5C;

  background-color: #fff;

  border-color: #F2F2F2;

  width:100%;

  height:50px;

  line-height:50px;

  padding:0;

  font-size:18px;

  letter-spacing:2px;

  opacity:0.8;

}

.btn-cp:hover {

  color: #fff;

  background-color: #E47104;

  border-color: #CB6504;

  opacity:1;

}



/*棣栭〉HOT PRODUCTS*/

.hotproducts {}

.hotproducts-title { background:#000; text-align:center; width:200px; height:40px; line-height:40px; color:#FFF; margin:60px auto 50px; font-size:18px;}







.pr{

            position:relative;

        }

        .pa{

            position:absolute;

        }

        .rect-27 {

            position: relative;

            display: block;

            width: 100%;

            height: 0;

            overflow: hidden;

            padding-bottom: 67%;

        }

        .rect-57 {

            position: relative;

            display: block;

            width: 100%;

            height: 0;

            overflow: hidden;

            padding-bottom: 68%;

        }

        .imgZoom{

            overflow: hidden;

        }

        .imgZoom img{

            width:100%;

            height:auto;

    position:relative;

   -webkit-transition: all 0.8s ease-in-out;

   -moz-transition: all 0.8s ease-in-out;

   -o-transition: all 0.8s ease-in-out;

   -ms-transition: all 0.8s ease-in-out;

   transition: all 0.8s ease-in-out;

        }

        .imgZoom:hover img {

   -webkit-transform: scale(1.05);

   -moz-transform: scale(1.05);

   -o-transform: scale(1.05);

   -ms-transform: scale(1.05);

   transform: scale(1.05);

        }

        .bom-text{
			height:64px;
			line-height:64px;
            padding:0 1%;

            background-color: #F8FBEF;

            overflow: hidden;

            z-index: 2;

            display: block;

        }

        .bom-text:hover{

            background-color: #FFAF38;;

        }

        .bom-text:hover h2{

            color: #fff;;

        }

		._name { margin:0; text-align:center; font-size:18px; font-weight:600;}

		._price { padding:10px; font-size:13px; line-height:30px; text-align:center; color:#F60;}

        .bom-text:before {

            content: '';

            position: absolute;

            width: 100%;

            height: 100%;

            background-color: #FFAD33;

            left: 0;

            bottom: -100%;

            transition: all 0.5s ease;

            -webkit-transition: all 0.5s ease;

            z-index: -1;

        }

        .scroll_c{

            float: left;

            top: 0;

            left: 0;

            height: 100%;

            z-index: 1;

			margin-top:20px;

        }

        ._full {

            position: absolute;

            left: 0;

            top: 0;

            width: 100%;

            height: 100%;

        }

        .transitionf {

            transition: all 0.5s ease;

            -moz-transition: all 0.5s ease;

            -ms-transition: all 0.5s ease;

            -o-transition: all 0.5s ease;

            -webkit-transition: all 0.5s ease;

        }

        .top-Floor{

             background: rgba(0, 0, 0, 0) url("../images/black.4.png") repeat scroll 0 0;

            height: 100%;

            left: 0;

            top: -100%;

            width: 100%;

            z-index: 3;

        }

        .top-Floor .white-cross{

            background: rgba(0, 0, 0, 0) url("../images/whit_cross.png") no-repeat scroll 0 0;

            display: block;

            height: 60px;

            left: 50%;

            margin-left: -30px;

            margin-top: -30px;

            top: 50%;

            width: 60px;

        }





/*HOT 鐗规晥*/

.imglist { } 

.imglist { display:inline;  }

.imglist img{ cursor: pointer; transition: all 0.5s; height:159px;  background:url(../images/loading.gif) center center no-repeat; }

.imglist a:hover img{transform: scale(1.04); transition: all 0.7s ease 0s;-webkit-transform: scale(1.04); -webkit-transform: all 0.7s ease 0s;}



.txt { background:#FFF; padding:8px; border:1px solid #F5F5F5;}

.txt p { padding:5px 0 10px 5px; text-align:center; color:#F60;}



.txt h3{ font-weight:700; font-size:16px; display:block; height:30px; line-height:30px; margin:10px 0 0; text-align:center; display:block;  overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}

.txt a:hover h3{ color:#FB7E06; }

.txt a:hover p { color:#333333;}



.txt:hover {

    box-shadow: 0 0 8px #9D9D9D;

    transition: box-shadow 0.2s ease-in-out 0s;

}





/*棣栭〉鎼呮媽杞﹀浘鐗?*/

.index-pc {}

.index-pc-title { background:#FB8007; text-align:center; width:280px; height:40px; line-height:40px; color:#FFF; margin:0px auto 10px; font-size:24px;}

.index-pc-sm { font-size:30px; text-align:center; line-height:60px;}





/*棣栭〉鍏充簬鎴戜滑*/

.index-about { background:url("../images/index-about.jpg") no-repeat; height:549px;}

.index-about-title { background:#FB8007; text-align:center; width:280px; height:40px; line-height:40px; color:#FFF; margin:0px auto 50px; font-size:24px;}

.btn-about {

  color: #131E5C;

  background: #fff;

  border-color: #F2F2F2;

  width:100%;

  height:79px;

  margin-bottom:15px;

  line-height:30px;

  padding:0;

  font-size:18px;

  opacity:0.6;

  width:100%;

  overflow:hidden;

}
.layui-btn+.layui-btn{ margin-left:0px;}
.btn-about:hover {

  color: #fff;

  background-color: #FB8007;

  border-color: #CB6504;

  opacity:1;

}

.index-about-right { padding:10px 10px;}

.date {float:right; color: #999; font-size:13px;}

.date a{float:right; color: #999; font-size:13px;}







/*棣栭〉鏈嶅姟鎵胯??*/



.index-fw-title { background:#FB8007; text-align:center; width:280px; height:40px; line-height:40px; color:#FFF; margin:0px auto 80px; font-size:24px;}



.mimg { padding:0 10px 0 0; position:relative; margin-top:-3px;}



/*鏍囬??*/

.subnav {background: transparent url("../images/divider.png") repeat-x scroll left bottom !important; height:40px; line-height:30px;}	

.subnav p {color: #3c3b3c;float: left;font-size:16px;font-weight:700;display: block;margin-bottom: -3px;padding-bottom: 7px;height:35px;}

.subnav p a { color:#3c3b3c;}





/*浜у搧鍒楄〃瀵艰埅*/

.cp-title {background:#FB8007; text-align:center; width:250px; height:40px; line-height:40px; color:#FFF; margin:20px auto 10px; font-size:24px;}

.cp-title a{ color:#FFF;}

.cp-title-sub { width:900px; margin:0 auto; text-align:center;}

.cp-title-sub li{  border:1px solid #dedede; text-align:center; margin:10px 7px; padding:0 25px; height:35px; line-height:33px;display:inline-block;}

.cp-title-sub li:hover { background:#FB8007; color:#FFF; border:1px solid #E57304;}

.cp-title-sub li:hover a{  color:#FFF; transition: all 0.4s ease 0s;}



/*浜у搧鍐呭?归〉*/

.cp_title { font-size:30px; font-weight:500; color:#555555; height:50px; line-height:50px; border-bottom:1px solid #dedede; padding-left:50px; overflow:hidden;}

.cp_ss {height:50px; line-height:50px; border-bottom:1px solid #dedede; padding-left:50px;font-size:18px; font-weight:700; color:#FFAD33;}

.cp_ss a{ color:#FFAD33;}



.cp_con {margin:10px 0 0 50px; width:358px; }

.cp_con li { line-height:35px; font-size:16px;}

.cp_hz {margin:10px 0 0 50px; width:368px;}



.btn-cpinfo {

  color: #fff;

  background-color: #FFAD33;

  border-color: #F2F2F2;

  width:358px;

  height:60px;

  margin-bottom:15px;

  line-height:60px;

  padding:0;

  font-size:18px;

  display:block;

  text-align:center;

  margin-left:53px;

}



/*浜у搧璇︾粏鍒楄〃*/

.content{ font-size:14px;text-align:justify;}

.content p{font-size:14px;line-height:23px;word-wrap:break-word; padding:8px 0}

.content img{ max-width:800px;}

.related{ border-top:dashed 1px #ccc; margin-top:15px}

.related h5{padding-bottom:4px}

.related{ padding:10px 0 0}

.related ul{ }

.related li{ background:url(../images/fk.gif) no-repeat 5px 10px; line-height:24px; padding-left:20px; }



.bg-huang {background-color: #FFAD33; margin-bottom:20px; padding-left:10px;font-size:16px; font-weight:700; color:#fff; }





/*浜у搧鍐呭?瑰彸渚х浉鍏宠溅鍨?*/

.relation_box{ padding:5px 0px; overflow:auto}

.relation_box li p{ width:100%; line-height:18px; text-align:center;  padding-top:5px;text-indent:0em; font-size:13px;}

.scroll_c:hover .top-Floor{

	top:0;

}

.scroll_c:hover .bom-text:before {

	bottom: 0;

}

.scroll_c:hover .bom-text,.scroll_c:hover .bom-text ._price {

	color: #fff;

}





/*浜у搧鍒楄〃鍔ㄧ敾鏁堟灉*/

.overflow-hidden { overflow:hidden;}

.thumbnail-kenburn img {

	left:10px;

	margin-left:-10px;

	position:relative;

   -webkit-transition: all 0.8s ease-in-out;

   -moz-transition: all 0.8s ease-in-out;

   -o-transition: all 0.8s ease-in-out;

   -ms-transition: all 0.8s ease-in-out;

   transition: all 0.8s ease-in-out;
width: 100%;
}

.thumbnail-kenburn:hover img {

   -webkit-transform: scale(1.2) rotate(2deg);

   -moz-transform: scale(1.2) rotate(2deg);

   -o-transform: scale(1.2) rotate(2deg);

   -ms-transform: scale(1.2) rotate(2deg);

   transform: scale(1.2) rotate(2deg);

}



.crumbs { width:100%; font-size:16px; height:50px; line-height:50px; margin-top:15px; border-bottom:1px solid #D8DADA;background:url(../images/symbol-6.png) no-repeat 5px 18px; padding-bottom:1px; padding-left:30px;}



/*鏂伴椈鍒楄〃椤?*/

.h120 { height:210px;position:relative; border-bottom:1px dashed #CCC; margin-top:30px; }



.red-i {position: absolute;bottom: 40px;height: 20px;left: 282px;right: 0; color:#F00;}

.red-buton {position: absolute;bottom: 41px;height: 20px;left: 1050px; right: 0; color:#F00;}



/* 鍐呭?? */

#Article{ overflow:hidden}

#Article,.photo-channel .relevance{ border:0px solid #E3E3E3;zoom:1; padding:0;}

#Article h1{color:#000; font-size:20px; font-weight:700; margin-bottom:6px; text-align:center; padding:16px 0 0px; border-bottom:1px solid #e5e5e5}

#Article h1 span{ font-size:12px; font-weight:normal; line-height:50px; color:#999}

#Article .content{ font-size:16px;line-height:26px; color:#808080; text-align: justify;}

#Article .content p{font-size:16px;line-height:26px; padding-top:20px;}

#Article .content img{ max-width:100%; text-align:center; margin:0 auto;}

#Article .related{ border-top:dashed 1px #ccc; margin-top:15px}

#Article .related h5{padding-bottom:4px; font-weight:700;}

#Article .related{ padding:10px 0 0}

#Article .related ul{ }

#Article .related li{ background:url(../images/fk.gif) no-repeat 5px 13px; line-height:28px; padding-left:20px; }

#Article .related li a{  color:#808080;}







/*鍗曢〉鍏?鍙镐粙缁?*/

.page_gsjs{ width:100%; height:auto; background:#fff; margin:0 auto 30px auto; padding:10px 0;}

.page_gsjs .head{ width:100%; height:50px; line-height:50px;border-bottom:1px solid #D8DADA;background:url(../images/symbol-6.png) no-repeat 5px 18px; padding-bottom:1px;}

.page_gsjs .head ul.left{ clear:#41484d; font-size:16px; font-weight:700;  margin-left:40px; width:200px; float:left;}

.page_gsjs .head ul.right{ float:right; width:750px; height:22px; line-height:22px; margin-top:15px; overflow:hidden;}

.page_gsjs .head ul.right a{ color:#41484d; height:22px; line-height:22px; padding:0px 10px; float:left; display:block;}

.page_gsjs .head ul.right span{ display:block; height:22px; line-height:22px; float:left; width:20px; text-align:center; color:#AFB7BD;}

.page_gsjs .head ul.right a:hover{ color:#fff; background:#009B4D; text-decoration:none;}

.page_gsjs .section{ width:100%; height:auto;padding-left:20px; padding-top:20px; padding-right:15px;}

.page_gsjs .section #section-1 img{ padding:0;}

.page_gsjs .section h1{ color:#41484d; font-size:16px; font-weight:700; text-align:left; padding-bottom:15px; padding-left:40px; margin-left:-37px; margin-top:0;}

.page_gsjs .section p{ color:#666; line-height:22px; text-align:left; padding-bottom:15px;  text-align:justify;}

.page_gsjs .section #section-1{  height:auto; padding-bottom:30px;}

.page_gsjs .section #section-2{  padding-left:30px; height:auto;  border-left:1px solid #C5C7C8; padding-bottom:30px;}

.page_gsjs .section #section-3{  padding-left:30px; height:auto;  border-left:1px solid #C5C7C8; padding-bottom:30px;}

.page_gsjs .section #section-4{ padding-left:30px; height:auto;  border-left:1px solid #C5C7C8; padding-bottom:30px;}



/*Pricing Head*/

.pricing {

	position:relative;

	border-radius:3px;

	margin-bottom:15px;

	box-shadow:0 0 5px #eee;

}

.pricing:hover {

	box-shadow:0 0 15px #b5b5b5;

}

.pricing:hover h4 {

	color:#55c931;

}

.pricing-head {

	text-align:center;

}

.pricing-head h3,

.pricing-head h4 {

	margin:0;

	line-height:normal;

	font-weight:bold !important;

}

.pricing-head h3 span, 

.pricing-head h4 span {

	display:block;

	margin-top:5px;

	font-size:12px;

	font-style:italic;

}

.pricing-head h3 {

	color:#fafafa;

	padding:12px 0;

	font-size:35px;

	font-family:Arial;

	background:#5CB85C;

	border-radius:3px 3px 0 0;

	text-shadow:0 1px 0 #32a20f;

	border-bottom:solid 1px #41b91c;

}

.pricing-head h4 {

	color:#bac39f;

	padding:5px 0;

	font-size:70px;

	font-family:Arial;

	background:#fbfef2;

	text-shadow:0 1px 0 #fff;

	border-bottom:solid 1px #f5f9e7;

}

.pricing-head h4 i {

	top:-8px;

	font-size:28px;

	font-style:normal;

	position:relative;

}

.pricing-head h4 span {

	top:-10px;

	font-size:14px;

	font-style:normal;

	position:relative;

}

	

/*Pricing Content*/

.pricing-content { margin-top:10px;}

.pricing-content li {

	color:#888;

	font-size:13px;

	padding:7px 15px;

	border-bottom:solid 1px #f5f9e7;

}

.pricing-content li i {

	top:2px;

	color:#72c02c;

	font-size:16px;

	margin-right:5px;

	position:relative;

}



/*Pricing Footer*/

.pricing-footer {

	color:#777;

	font-size:11px;

	line-height:17px;

	text-align:center;

	padding:0 20px 19px;

	border-radius:0 0 3px 3px;

}

.pricing-footer a,

.pricing-footer button {

	color:#fff;

	border:none;

	margin-top:5px;

	font-size:16px;

	padding:6px 15px;

	text-align:center;

	border-radius:2px;

	background:#55c931;

	display:inline-block;

	text-transform:uppercase;

	text-shadow:0 1px 0 #38b312;

	border-bottom:solid 2px #41b91c;

}

.pricing-footer a:hover,

.pricing-footer button:hover {

	cursor:pointer;

	background:#40ba1a;

	text-decoration:none;

	box-shadow:0 0 3px #999;

}



/*Priceing Active*/

.price-active,

.pricing:hover {

	z-index:9;

	margin-top:-15px;

	box-shadow:0 0 15px #b5b5b5;

}

.price-active h4 {

	color:#55c931;

}



.no-space-pricing .pricing:hover {

	-webkit-transition:box-shadow 0.3s ease-in-out;

	-moz-transition:box-shadow 0.3s ease-in-out;

	-o-transition:box-shadow 0.3s ease-in-out;

	transition:box-shadow 0.2s ease-in-out;

}

.no-space-pricing .price-active .pricing-head h4,

.no-space-pricing .pricing:hover .pricing-head h4 {

	color:#55c931;

	padding:15px 0;

	font-size:80px;

	-webkit-transition:color 0.5s ease-in-out;

	-moz-transition:color 0.5s ease-in-out;

	-o-transition:color 0.5s ease-in-out;

	transition:color 0.5s ease-in-out;

}



.hover-effect {

	-webkit-transition:all 0.4s ease-in-out;

	-moz-transition:all 0.4s ease-in-out;

	-o-transition:all 0.4s ease-in-out;

	transition:all 0.4s ease-in-out;

}



/*鍒堕€犲疄鍔?*/

.zzsl {

    margin-bottom: 10px;

    padding: 15px 15px 15px;

	background:#FAFAFA;

}

.zzsl:hover {

    background: #5CB85C none repeat scroll 0 0;

    border-radius: 2px;

    box-shadow: 0 0 8px #ddd;

	color:#FFF;

    transition: box-shadow 0.2s ease-in-out 0s;

}

.zzsl:hover span {

    color: #fff;

}

.zzsl span {

    color: #5CB85C;

    font-size: 42px;

    padding: 0;

    text-align: center;

	width:322px;

	margin:0 auto;

    transition: all 0.4s ease-in-out 0s;

}



.zzsl h4 {

    font-size: 20px;

    line-height: 25px;

	font-weight:700;

	text-align:center;

}

.zzsl p {

    font-size: 13px;

    line-height: 20px;

	color:#6F6F6F;

	text-align:justify;

}

.zzsl:hover p{ color:#FFF;}



/*璐?杞︽祦绋?*/

.lc-box {

    font-size: 14px;

    line-height: 26px;

    padding: 15px 0 10px;

    text-align: justify;

    word-wrap: break-word;

}

.lc-box p { padding-top:10px;}



/*浜у搧鍐呭?归〉妯℃澘*/



.cp-table { width:100%;}

.cp-table table{ margin-bottom:1px; width:100%; font-size:15px;}

.cp-table table tr td { line-height:30px !important;}

.thead {

    background: #FFAD33;

    color: #fff;

    font-size: 34px;

    font-weight: bold;

    height: 68px;

    text-align: center;

	padding-top: 15px !important;

}

.thead a{ color:#FFF;}

.td-pang{ font-weight:700; width:122px;}



/*tag鏍囩??*/

.tag-nav { margin-top:20px;}

.tag-nav li { border-right:none; margin-top:10px; height:auto;}

.tag-nav li a{ font-size:14px; line-height:50px; text-align:center; width:100%; height:50px; display:block; border:1px solid #ddd; background:#fff; color:#000; }

.tag-nav li a:hover{ border:1px solid #FF8C19; background: #FF9933; color:#fff; opacity:1; transition: all 0.4s ease 0s;}





/* 榛樿?ゅ够鐏?鐗? */

.FocusPic{zoom:1;position:relative; overflow:hidden}

.FocusPic .content{overflow:hidden}

.FocusPic .changeDiv a{position:absolute;top:0px;left:0px;display:none;}

.FocusPic .title-bg,.FocusPic .title{position:absolute;left:0px;bottom:0;width:434px;height:30px;line-height:30px;overflow:hidden}

.FocusPic .title-bg{background:#000;filter:alpha(opacity=50);opacity:0.5;}

.FocusPic .title a{display:block;padding-left:15px;color:#fff; font-size:14px;}

.FocusPic .change{bottom:4px;height:20px;right:3px;*right:5px;_right:4px;position:absolute;text-align:right;z-index:9999;}

.FocusPic .change i {background:#666;color:#FFF;cursor:pointer;font-family:Arial;font-size:12px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;zoom:1;*display:inline;}

.FocusPic .change i.cur {background:#FF7700;}





#pages { padding:14px 0 10px 15px; text-align:center; }

#pages a { display:inline-block; height:30px; line-height:30px; background:#F1F1F1; margin:0 2px;border:1px solid #E4E4E4; text-align:center; color:#999; padding:0 10px}

#pages a.a1 { background:url(../images/pages.png) no-repeat 0 5px; width:56px; padding:0;background:#F1F1F1;}

#pages a:hover { background:#1D6BBA; color:#fff; text-decoration:none }

#pages span { margin:0 2px; display:inline-block; height:30px; line-height:30px; background:#1D6BBA; border:1px solid #1A5EA4; color:#fff; text-align:center;padding:0 10px}

.page .noPage { display:inline-block; width:56px; height:30px; line-height:30px; background:url(../images/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }








.foot { background:#7D7976; line-height:25px; height:auto; padding-bottom:0;color:#BBBABA;}

.foot h4 { padding-bottom:5px; color:#FFFEFF;}

.foot ul li {  float:left; width:49%;}

.foot ul li a{ color:#FFFEFF;}



.f1 { width:340px; float:left; height:150px; border-right:1px solid #A2A09D; color:#FFFEFF;}

.f2 { width:330px; float:left; padding-left:30px; height:150px; border-right:1px solid #A2A09D; color:#FFFEFF;}

.f3 { width:260px; float:left; padding-left:30px; height:150px; border-right:1px solid #A2A09D; color:#FFFEFF;}

.f4 { width:130px; float:right;  color:#FFFEFF;}



.fbottom { background:#5B5B5B; color:#fff; height:50px; line-height:50px;}

.fbottom a{ color:#fff;}

.fbottom a:hover{ color:#FFFF00;}





.link a{color:#BBBABA;}



.abtw{ font-family:"Microsoft YaHei";background:#fff}
.content1{ width:1200px; margin:0 auto; overflow:hidden; }
.inf{ clear:both;height:620px; overflow:hidden; padding-top:40px;}
.inf h3{padding:17px 0 0; height:73px; overflow:hidden; text-align:center; line-height:31px; font-weight:100; font-size:24px;
background:url(../images/inf_l.gif) left 51px repeat-x;}
.inf h3 a{ color:#000;display:inline-block;margin:0 auto;padding:0 20px; }
.inf h3 span{ vertical-align:top; display:block; font-family:Arial; font-weight:400; font-size:14px; text-transform:uppercase; color:#666; line-height:25px;}
.inf p{ text-align:center; position:relative;width:336px;height:185px; position:relative;}
.inf p img{ display:block;width:336px;height:175px;}
.inf p b{ font-weight:100; z-index:-1; display:block;width:336px; position:absolute;left:0;top:141px; line-height:34px;height:34px;font-size:12px; background:#362c24; color:#fff;}
.inf p a:hover b{ z-index:1;}
.inf p a{ display:block;}
.inf ul{height:226px; overflow:hidden;padding:9px 0 0;}
.inf ul li{ line-height:36px;height:36px; padding:0 0 0 25px;vertical-align:top;background:url(../images/inf_ic.gif) 6px 15px no-repeat; overflow:hidden;}
.inf ul li a{ color:#362c24;}
.fl{float: left}
.fr{
    float: right }
    .inf1 {
        width: 380px;
        padding: 0 22px;
        height: 560px;
        overflow: hidden;
        background: #f5f5f5;
        display: inline;
        margin: 0 30px 0 0;
        border-top: 3px solid #73c7ff;
    }
    .inf em{ font-style:normal; font-weight:100; display:block;line-height:36px;height:36px;background:url(../images/inf_m.png) center top no-repeat; text-align:center;}
.inf em a{ display:inline-block; text-align:center;width:124px; line-height:36px;height:36px; overflow:hidden; color:#fff; font-size:14px; margin:0 auto;}/*add*/
.inf3{width:380px;padding:0 22px;height:560px; overflow:hidden; background:#f5f5f5; border-top:3px solid #73c7ff;}
.inf3_c{height:220px; overflow:hidden;line-height:23px;padding:16px 0 0; color:#362c24;}
.inf3_c a{ font-size:14px; color:#362c24;}
.inf3_c dl{padding:0 0 20px 20px; margin:0 0 12px;border-bottom:1px #362c24 dashed;}
.inf3_c .lst{ border:none;}
.inf3_c dl dt,.inf3_c dl dd{ padding:0 0 0 22px;}
.inf3_c dl dt{ background:url(../images/que.jpg) left 5px no-repeat;margin:0 0 10px;}
.inf3_c dl dd{ background:url(../images/ans.gif) left 4px no-repeat;}

.content-imgs{ width:100%; height:auto; float:left; overflow:hidden; margin-bottom:10px; line-height:27px; font-size:16px;}
.content-imgs img{
 width:100%;
 height: auto;
}
.content-imgs table{ width:100%; height:auto; float:left; overflow:hidden;}
.content-imgs td{ border:1px solid #000; padding:3px;}




/*banner*/
#solid{
	width:100%;
	height:500px;
	position:relative;
	float: left;
}
#solid .solid0,#solid .solid1,#solid .solid2{
	position:absolute;
	left:0;
    top:0;
    width:100%;
	height:500px;
	display:none;
}
#solid .solid0{
	background:#78c4db;
}
#solid .solid1{
	background:#c5c9db;
}
#solid .solid2{
	background:#e7dfd1;
}
#solid ul{
	margin:0px;
	padding:0px;
	list-style:none;	
}
#solid ul li{
	position:absolute;
	left:50%;
	top:0px;
	width:1920px;
	height:500px;
	margin-left:-960px;
	display:none;
	cursor:pointer;
}
#solid ul li img{
    width: 100%;
}
#solid #btt{
	width:905px;
	height:55px;
	top:465px;
	left:50%;
	position:relative;
	margin-left:-452px;
	text-align: center;
}
#solid #btt span{
	
	
	display:inline-block;
	width:30px;
	height:8px;
	margin:0 5px !important;	
	text-align:center;
	background:#3d3d3d;
	z-index:1000;
	cursor:pointer;
	filter:alpha(opacity=70);
	-moz-opacity:0.7; 
	opacity:0.7;
	
}

#preview {
    float: left;
    margin: 0 0 0px 0;
    padding: 0;
    width: 630px;
    height: auto;
    display: inline;
}

#spec-n1 {
    width: 470px;
    float: left;
    margin-top: 10px;
    padding: 2px;
    border: 1px solid #ccc;
}

#spec-n1 img {
    float: none;
    text-align: left
}

.list-h {
    width: 166px;
    float: right;
}

.list-h li {
    float: left;
}

#spec-n5 {
    width: 147px;
    float: right;
    margin-top: 10px;
    float: right;
}

#spec-list {
    float: left;
    width: 147px;
    overflow: hidden;
}

#spec-list ul {
    width: 147px;
    float: left;
}

#spec-list ul li img {
    padding: 2px;
    border: 1px solid #ccc;
    width: 141px;
    display: inline;
    height: 106px;
    margin-bottom: 7px;
}


  
.preview{width: 100%;float:left;position: relative;}
.preview .show{width: 100%;height: auto; border: 1px solid #ddd; padding:1px;overflow: hidden; position: relative;line-height: 248px; background: url(../../img/loading.gif) no-repeat center;}
.preview .show img{ vertical-align: middle;width: 100%;height: 491px;}

.thumb-scroll{width: 100%;height: 92px; margin-top: 10px; position: relative;}
.thumb-scroll .pro-thumb{width: 100%;height: 92px; position: relative; overflow: hidden; margin: 0 auto;}
.thumb-scroll .pro-thumb ul { position: absolute;height: 92px; left: 0;top: 0}
.thumb-scroll .pro-thumb ul li{float: left;width: 115px;height: 86px;padding: 2px; border: 1px solid #d1d1d1; line-height: 32px;margin-right: 10px; overflow: hidden;} 
.thumb-scroll .pro-thumb ul li img{vertical-align: middle;width: 115px;height: 86px;}
.thumb-scroll .pro-thumb ul li:hover{ border:1px solid #f00;}


.menu{ width:1300px; height:auto; margin:0 auto;}
.text-center {
    text-align: center;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}
.pull-left {
    float: left !important;
}
.text-right {
    text-align: right;
}
.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top;
}
.media-left, .media > .pull-left {
    padding-right: 10px;
}
.media-body {
    width: 10000px;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
.pull-right {
    float: right !important;
}
.text-muted {
    color: #777;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.layui-fluid{ padding:0;}