﻿@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
}
body{
font-family:"微软雅黑";
font-size:14px;
line-height:24px;
color:#737373;
background:#fff; 
}
img{
border:none;
}
ul li{
list-style:none;
}
a{color:#737373; text-decoration: none;}

a:hover{color:#0f98fd;text-decoration:none;}




h2{
float:left; font-size:28px; margin-top:27px; margin-left:20px; color:#000;font-weight:900!important; line-height:33px;}
h2 a{ color:#1696e8;}
h2 a:hover{ color:#1696e8;}
h2 span{color:#868686; font-size:20px; font-weight:normal }
h2 b{color:#2fb622; font-size:20px; }




.newspage {
	 width:100%; float:left;PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 20px; TEXT-ALIGN: center
}
.newspage A { 
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; FONT: 12px/22px ""; BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
.newspage A:hover {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #222222; BORDER-LEFT: #fff 1px solid; COLOR: #fff; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
.newspage A:active {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND: #222222; BORDER-LEFT: #666 1px solid; COLOR: #666; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.current {
	BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #222222; PADDING-BOTTOM: 2px; BORDER-LEFT: #666 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.disabled {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}





/*--------------------index.html start----------------------*/
#container{
width:1200px;
margin:auto;

}


.head{
width:1200px; 
margin:auto;padding-bottom:25px;
}


#search{
width:320px;
float:right;
margin-top:20px;
}
#search_logo{ padding-top:0px; float:left;border:#eaeaea solid 1px;}


.searchinput{
height:33px;
color:#444444;
font-size:12px;
border:#eaeaea solid 1px;
border-right:#eaeaea solid 0px;
line-height:33px;
padding-left:10px;
width:170px;
margin-top:1px;
float:left;
display:inline;
background:#fff;
}

.vv-search{height:33px;border:#eaeaea solid 1px;background:#eaeaea; color:#999999; width:80px; text-align:center;line-height:33px; float:left; margin-top:1px;}




#tu{ width:1200px; margin:auto; }
#tu h3{width:880px; color:#1b1b1b; font-size:25px; font-weight:normal;  line-height:24px; height:24px; float:left; }
#tu h3 span{color:#a1a1a1; font-size:17px; font-weight:normal;}






.navbox{height:40px;position:relative;z-index:9999; float:right;font-family:'微软雅黑'; padding-top:51px;}
.nav{width:600px;margin:0 auto;height:40px; list-style:none;}
.nav li{float:left;height:40px;position:relative; list-style:none;}
.nav li.last{background:none;}
.nav li a{text-decoration:none;}
.nav li a span{float:left;display:block;line-height:40px;font-size:16px;color:#606060;cursor:pointer;width:99px;text-align:center; }
.mj_hover_menu{text-decoration:none; width:99px; background:url(../images/ttts.jpg) no-repeat 45px 35px; height:50px;}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:50px;left:0px;}
.nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;}

.mj_menu_li_txt{line-height:30px; font-size:14px; color:#696969;}
.mj_menu_li_txt font{font-size:14px; color:#bb1721;}
.mj_menu_li_txt a{color:#696969; text-decoration:none;}
.mj_menu_li_txt a:hover{color:#696969; text-decoration:underline;}

.mj_menu_news_bg{width:440px; padding-bottom:50px; background:#fff; border-top:#afafaf solid 0px;}
.mj_menu_news_main{width:440px; margin:auto; padding-top:12px;}

.mj_menu_news_li{ padding-left:30px; height:135px; float:left; }
.mj_menu_news_img{float:right; padding-right:30px;padding-left:30px; text-align:left; color:#386d53; line-height:30px; font-size:12px;border-left:solid 1px #f0f0f0;}
.mj_menu_news_img font{font-size:13px; color:#696969; width:250px; float:left; line-height:20px; padding-top:10px;}


.mj_menu_news_bg1{width:470px; padding-bottom:50px; background:#fff; }
.mj_menu_news_main1{width:470px; margin:auto; padding-top:12px; }

.mj_menu_news_bg2{width:450px; padding-bottom:50px; background:#fff; border-top:#afafaf solid 0px;}
.mj_menu_news_main2{width:450px; margin:auto; padding-top:12px;}







#f1{
width:100%;
height:300px;
float:left;
background:url(../images/f1.jpg) no-repeat top center;
}

#f2{
width:100%;
height:300px;
float:left;
background:url(../images/f2.jpg) no-repeat top center;
}

#f3{
width:100%;
height:300px;
float:left;
background:url(../images/f3.jpg) no-repeat top center;
}

#f4{
width:100%;
height:300px;
float:left;
background:url(../images/f4.jpg) no-repeat top center;
}


#f5{
width:100%;
height:300px;
float:left;
background:url(../images/f5.jpg) no-repeat top center;
}
#f6{
width:100%;
height:300px;
float:left;
background:url(../images/f6.jpg) no-repeat top center;
}








/* 本例子css */
/*==首页切换大图==*/
.rollBox{  width:900px;margin:0 auto; }
.rollBox  h3{width:900px;  font-size:35px; font-weight:normal; height:90px; float:left; color:#393939; text-align:center; padding-bottom:30px; background:url(../images/pro.png) no-repeat top center; padding-top:40px; margin-top:50px;}
.rollBox h3 span{color:#828282; text-align:center; font-size:17px; line-height:27px; padding-top:15px; float:left;width:1200px; }

.rollBox .Cont{width:900px;float:left;}

.rollBox .Cont .pick{width:254px; height:315px;  float:left;text-align:center; color:#333; margin-left:20px; margin-right:20px;   border-bottom:#222222 solid 5px; margin-bottom:20px;
  }
.rollBox .Cont .pic{width:254px; height:315px; float:left;text-align:left;  color:#333; overflow:hidden;font-family:"微软雅黑"; border:#e1e1e1 solid 1px;
  background:#fff; 
 }
.rollBox .Cont .pic h5{ width:254px;float:left; color:#222222; font-size:20px!important; text-align:center;  margin-top:30px; font-weight:normal}
.rollBox .Cont .pic h5 a{  color:#222222; }


.rollBox .Cont .pic .linkmore a{ width: 105px; height:31px; line-height:31px; border-radius: 20px; float:left;
-moz-border-radius:  20px;
-khtml-border-radius:  20px;
-webkit-border-radius:  20px; margin-left:70px; text-align:center; display:block; text-decoration:none; background:#eaeaea; color:#a5a5a5}
.rollBox .Cont .pic .linkmore a:hover{ color:#fff; background:#222222; border:0}


.rollBox .Cont .wenn{width:224px; text-align:center; padding-left:15px; padding-right:15px; height:90px; padding-top:10px; float:left; 
 }
.rollBox .Cont .wenn p{  font-size:14px!important; line-height:25px!important}
 
 
.rollBox .Cont .pic1{width:163px; text-align:center; margin-left:45px; padding-right:15px;  padding-top:20px; float:left; max-width:163px; max-height:398px; overflow:hidden; 
 }
.rollBox .Cont .pic1 img{border:1px #CCC solid; }





#main{ width:1200px; margin:auto; padding-top:50px; clear:both}
#main h4{width:1200px; float:left; height:37px; font-size:20px; color:#666666; font-weight:normal; border-bottom:#e8e8e8 1px solid; margin-bottom:15px;}
#main h4 span{float:right; font-size:13px; color:#8e8e8e; font-weight:normal; padding-top:5px; background:url(../images/home.jpg) no-repeat left 10px; padding-left:25px;}
#main h4 span a{color:#7b7b7b;}

#left{width:253px; float:left; padding-bottom:50px;}
#pro6{width:253px; float:left;}

#pro6 h3{width:253px; float:left; color:#fff; font-weight:bold; font-size:26px; line-height:25px; height:72px; background:#ec6e05; text-align:center; padding-top:40px; letter-spacing:5px; margin-bottom:1px;}
#pro6 h3 span{  font-size:14px; font-weight:normal; padding-right:5px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;letter-spacing:0px; line-height:40px}

#pro6 .tut{width:253px; height:112px; float:left; padding-top:15px;}



#pro6 ul{overflow:hidden; text-align:left; float:left; font-size:16px; margin-top:1px; }
#pro6 ul li{display:inline;float:left; line-height:50px; }
#pro6 ul li a{ float:left;  border-bottom:#e8e8e8 solid 1px;  width:233px; text-align:left; padding-left:20px; font-weight:100; background:url(../images/e2.jpg) no-repeat 220px 16px ; color:#333 }
#pro6 ul li a:hover{ float:left;  color:#fff;  background:url(../images/e1.jpg) no-repeat 230px 0px #222222; }






#right{
width:900px;
float:right; padding-bottom:70px
}

#right h3{width:900px; float:left; height:37px; font-size:20px; color:#666666; font-weight:normal; border-bottom:#e8e8e8 1px solid; margin-bottom:15px;}
#right h3 span{float:right; font-size:13px; color:#8e8e8e; font-weight:normal; padding-top:5px; background:url(../images/home.jpg) no-repeat left 10px; }
#right h3 span a{color:#7b7b7b;}




#about{  padding-left:0px;   padding-right:0px; padding-top:10px; padding-bottom:10px;}
#about p { line-height:30px; font-size:15px; color:#666} 
.cuti{ color:#ec6e05; float:left; width:900px;font-size:24px;text-align:center; margin-bottom:10px; line-height:25px; padding-top:10px; padding-bottom:20px; font-weight:100}




.order{
width:83%; line-height:35px; background:#e9e9e9; padding-left:5%; color:#000 ; margin:auto; overflow:hidden;
}




.vvv{width:1200px; float:left;}

.vvv ul{overflow:hidden; text-align:left; float:left; font-size:16px; padding-bottom:40px;  padding-top:20px; }
.vvv ul li{display:inline;float:left; line-height:40px; }
.vvv ul li a{ float:left; padding-left:40px; padding-right:40px; background:#67c438; border-radius:5px; color:#FFFFFF; margin-right:20px; font-size:18px;}
.vvv ul li a:hover{ float:left; background:#0085b7;}



.imglist ul li{display:inline;float:left; font-size:12px;border:#eaeaea solid 1px; width:280px; height:250px!important; margin-bottom:10px; margin-left:10px;  text-align:center  }
.imglist ul li img{max-width:280px; max-height:210px;}
.imglist ul li span{ float:left;line-height:40px; font-size:14px;  width:280px; text-align:center; }

.casepic{width:280px;height:210px;
vertical-align: middle!important;
display:table-cell!important; overflow:hidden; text-align:center }



#zhu1{width:100%; height:249px; float:left; background:url(../images/fot.jpg) no-repeat top center #1363ab; margin-top:30px;}
.zhu{ width:1200px; margin:auto; }
.zhu-1{ width:621px; float:left; color:#FFFFFF; padding-top:50px; line-height:40px; }
.zhu-1 a{ color:#FFFFFF;}
.ewm{  height:157px; float:right; background:#fff; padding-left:15px; padding-right:15px; padding-bottom:10px; margin-top:30px; padding-top:15px; text-align:center; line-height:40px;}




.contact{ width:450px; float:left; background:url(../images/ad.jpg) no-repeat left top; padding-left:62px; color:#fff}
.contact h3{ width:450px; float:left; font-size:20px; color:#FFFFFF; font-weight:normal; padding-bottom:20px;  background:url(../images/dh.png) no-repeat left top; padding-left:50px;}
.contact h4{ width:450px; float:left; font-size:25px; color:#FFFFFF; font-weight:normal; padding-bottom:20px; line-height:35px; }



.ewm1{ width:338px;float:right; }
.ewm1 h3{ width:323px; float:right; font-size:20px; color:#FFFFFF; font-weight:normal; padding-bottom:20px; padding-left:15px;}
.ewm{ width:124px;float:right;height:131px;margin-left:15px; background:#fff; padding:15px 15px 15px 15px; height:150px; }
.ewm p{ width:124px; float:left; text-align:center; line-height:40px;  color:#646464}

.fot2{ width:1100px; margin:auto; padding-top:40px; border-top:#565656 solid 1px; clear:both; color:#989898; font-size:15px;}
.fot2 p{ width:600px; float:left; padding-left:30px;}
.m6{ float:right;width:120px; text-align:left; color:#fff; background:#8dc20e; font-size:14px;border-radius:25px; text-align:center; line-height:35px; margin-left:120px;}
.m6 a{  color:#fff; }




#footer {
	background:url(../images/footer.jpg) repeat-x;
	clear: both;
	height: 447px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: visible; color:#fff
}
#footer a{ color:#fff}
#footer a:hover{ color:#c90d25; text-decoration:none }
#footer .hou{ width:135px; height:25px; background:#164aa0; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;
            margin: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px; color:#FFF }

#footer .hou a{ color:#FFF}
.zzb07tail  a{ color:#fff!important} 
.footer_b{width:100%; float:left; text-align:center; height:75px; line-height:75px; background:#15171d; font-size:16px; color:#fff}
.zzb07link { color:#fff!important} 
.qq1{ width:130px; float:right; padding-top:10px;}

.footer_a ul{ width:723px; margin-top:50px}
.di{ width:270px; float:left;   margin-top:25px; color:#FFF; text-align:right; margin-top:70px }
.di h3{font-size:24px; font-weight:700; line-height:30px; display:block; float:left}
.di h3 span{ font-size:20px;font-weight:100;}



.di2{ width:363px; height:250px; float:left;   margin-top:25px; padding-left:30px; color:#FFF}
.di2 h3{font-size:24px; font-weight:700}
.di2 h3 span{ font-size:20px;font-weight:100}
.di2 h4{ font-size:18px!important; color:#6b6c6c!important; line-height:26px}

.di2 a{ color:#818085; line-height:26px}
.di2 a:hover{ color:#bbbbbb}
.di a{ color:#bfbebe!important; text-align:left!important; display:block; width:90px; height:30px; line-height:30px; float:left; margin-left:10px}
.di a:hover{ color:#222222!important}
.di p{ line-height:26px}

.di3{ width:600px; float:left;color:#FFF; text-align:right; margin-top:70px; }
.di3 h3{font-size:24px; font-weight:700; line-height:30px; display:block; float:left}
.di3 h3 span{ font-size:20px;font-weight:100;}

.di3 a{ color:#a8a7a7; font-size:16px; }
.di3 a:hover{ color:#f89c1d!important}
.di3 a{ color:#a6a9b0; text-align:left!important; display:block; width:90px; height:30px; line-height:30px; float:left; margin-left:70px}
.di3 a:hover{ color:#f89c1d!important}
.d3i p{ line-height:26px}

.xia_nav {
	height: 82px;
	width: 1200px;
	
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	float: left;
	line-height: 73px;
	color: #FFF;
	text-align: center;
	font-size: 16px;
}.xia_nav a { color:#FFF; margin:0 35px; 
	
}

.kuang3{
height:35px;
color:#767676;
border:#cccccc solid 1px;
width:95%;
float:left;
display:inline;
margin-right:5px;
margin-top:10px;
line-height:35px;
background:#fdfdfd;
}

.kuang4{
height:80px;
color:#767676;
border:#cccccc solid 1px;
width:95%;
float:left;
display:inline;
margin-right:5px;
margin-top:10px;
line-height:35px;
background:#fdfdfd;
}

