@charset "utf-8";

*{ margin:0px; padding:0px;}

img {border:0;margin:0; padding:0;}

ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i{list-style:none;margin:0; padding:0; font-weight:normal}

.clearfix{display:inline-table;}

* html .clearfix{height:1%;/*ie6*/}

*+html .clearfix{min-height:1px;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}

.clearfix { display:inline-block; }

* html .clearfix { height:1%; }

.clearfix { display:block; }

input,textarea {outline:none;border:0px;}/*去掉输入框得到焦点时边框会出现阴影效果----例如360 火狐*/

a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/

.clearboth{ clear:both}

.mainall{width:1180px; margin:0 auto; overflow:hidden;}



.mainall1{width:1180px; margin:0 auto; }





a:link { text-decoration: none;color: #404040;}

a:visited {text-decoration: none; color: #404040;}

a:hover { text-decoration: none; color: #F00;transition: all 0.3s ease-out 0s;}

a:active {text-decoration: none; color: #404040;}

em{ font-style:normal;}

.main{width:1180px; margin:0 auto; overflow:hidden;}



.main1{width:1180px; margin:0 auto; }



.tnr{ font-family: times new roman;}

.fl{ float: left;}

.fr{ float: right;}



body {margin: 0px; color:#404040; background:#FFF;   font-size: 12px; font-family:"Microsoft YaHei","微软雅黑",宋体,Arial, Helvetica, sans-serif;}





/*<!--top-->*/

.top_bg{  height:31px;line-height:31px; color:#393939; background:#eeeeee;}

.top_zi{ float:left; margin-left:30px; }

.top_zi span{font-weight: bold;}

.top_sw{ text-align:center;width:350px;  float:right;  display:inline; line-height:28px; }

.top_sw a { color: #585858; padding:0px 6px 0px 10px;background: url(../images/ss.jpg) no-repeat center left;}





.top_sw  img{ vertical-align:middle;}







/*<!--logo-->*/







.top_bgk{ height:128px; overflow:hidden;background: url(../images/top_bg.jpg) repeat-x center left; }



.logo{ display: block; float: left; margin: 40px 0px 0px 50px;}



.logo_title{ float: left; margin: 34px 0px 0px 20px; text-align: center; height: 95px; padding-right: 22px; }

.logo_title h1{ font-size: 36px;}

.logo_title  a{ color: #3d3d3d; font-weight: bold;}

.logo_title p{ font-size: 13px; color: #5d5151;  padding-top: 2px; font-family: arial; text-transform: uppercase;}



.biaoyu{ width:423px; float:left; margin:24px 0px 0px 40px;

font-size: 18px; color: #4b4b4b;  line-height: 26px;

 }

 .biaoyu span{font-weight: bold; color: #155596;}

.iphone{  height: 70px;  float:right;   display:inline; background:url(../images/tel.jpg) no-repeat left 8px; 	padding-left:70px; margin:30px 0px 0px 0px; line-height: 24px;}

.iphone p{ font-size:30px; color:#fe4206; display:block;font-family:impact;padding-top: 6px;}

.iphone span{  font-size:14px; color:#3c3c3c; display:block;}











/*<!--nav-->*/

.nav_bg #nav{margin-left: 40px; }

.nav_bg{ background:url(../images/nav_bg.jpg) repeat-x; height:51px;  }

.nav_bg li{height:51px; line-height:51px;display:block;width:170px; float:left; color:#FFF; text-align:center;font-size:15px; 

	 }

.nav_bg li a{  height:51px; display:block; color:#FFF; padding:0px 28px;background:url(../images/nav_tag.jpg) no-repeat left center;}

.nav_bg li:first-child{background:#f78222;}

.nav_bg li:first-child a{ background:none;}

.nav_bg li:hover{background:#f78222;color:#FFF; }




.full_banner {
	width: 100%;
	position: relative;
	height: 500px;
	background: #FFF;
	overflow: hidden;
	clear: both;
}
.full_banner .bd {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.full_banner .bd ul {
	width: 100% !important;
}
.full_banner .bd li {
	width: 100% !important;
	float: left;
	height: 500px;
	overflow: hidden;
	text-align: center;
}
.full_banner .bd li a {
	display: block;
	height: 500px;
}
.full_banner .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.full_banner .hd ul {
	text-align: center;
}
.full_banner .hd ul li {
	cursor: pointer;
	display: inline-block;
*display:inline;
	zoom: 1;
	width: 40px;
	height: 10px;
	margin: 5px;
	background: url(../images/tg_flash_p.png) -50px 0;
	overflow: hidden;
	line-height: 9999px;
}
.full_banner .hd ul .on {
	background-position: 0px 0px;
}











.pro_title h3{font-weight: bold;font-size: 26px;color:#494949;}
.pro_title p{font-size:14px; font-family: Verdana, Geneva, sans-serif;;color:#494949; margin-top: 5px;}







.pro_title{background:url(../images/pro_t.jpg) no-repeat bottom center;  height:73px; margin-top:40px;text-align: center;text-transform: uppercase; padding-top: 10px;}









.pro_c {



	width:210px; background:url(../images/pro_cbg.jpg) no-repeat top center; height:704px;



	float:left; margin-top: 50px;



	display:inline;  overflow: hidden;



}



.pro_c_nav {



	height:66px;    margin:0 auto; 



	line-height:66px; text-align:center; display: block;



}



.pro_c_nav h3 {



	font-size:22px;  



	color:#FFF; font-weight: bold;



}



.pro_c_nav h3{



	color:#FFF; 



}







 



 



.pro_n{ overflow:hidden;   }
.pro_n li ul {clear: both; padding:5px 0px;}
.pro_n li{ clear: both; padding-top: 14px;}
.pro_n li ul li {height:30px;  padding-bottom: 15px;
                 line-height:30px; padding-left: 55px;background:url(../images/pro_tag.jpg) no-repeat 7px center;
                 font-size:14px; }
.pro_n li ul li a{ color:#2d2d2d;}
.pro_n li ul li a:hover{ color: #ffa800;}
.pro_n li span {height:39px;  background:#007dd9; width:188px;margin:0 auto;  overflow: hidden;   line-height: 39px;
                display:block;text-align: center;}
.pro_n li span  {font-size:18px;  color:#FFF;  }
.pro_n li:hover span{ background:#fd8e01;}
.pro_n li:hover span  {color:#FFF;}


.proshow{height: 51px;background: #e9e9e9; line-height: 51px;  }
.proshow h3 {font-size:18px; background: url(../images/pro_st.jpg) no-repeat  0px center; width:148px; height:51px;
             color:#FFF; float: left;text-align: center;}
.proshow h3 a {color:#FFF; }
.proshow  a.pro_more{float:right;color:#3a3a3a; margin-right: 20px;}
.pro_show {width:950px;margin-top: 50px;float: right;  overflow: hidden; height: 710px;overflow: hidden;}
.pro_show_n ul {width:1100px;}
.pro_show_n li p {height: 32px; line-height: 32px;overflow: hidden;font-size: 14px;}
.pro_show_n li {width:226px;float: left;height:186px;margin: 22px 15px 10px 0px;display: inline;
                background: url(../images/pro_picbg.jpg) no-repeat 0 0; text-align: center;position: relative;   }
.pro_show_n li a {overflow:hidden;}
.pro_show_n li a.picshow1 {width:218px;height:164px;   padding:3px;border:1px solid #cdcdcd;overflow:hidden;  
                           margin-bottom: 5px;display:block;}
.pro_show_n li img {width:218px;height:164px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;
                     -ms-transition:all .2s;transition:all .2s;overflow:hidden;}
.pro_show_n li:hover img {transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2); 
                          -moz-transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2);}
.pro_show_n li:hover a  {color:#F00; }
/*关于我们*/

.index_about{

	background-image: url(../images/index_007.jpg);

	background-repeat: no-repeat;

	height: 398px;

	width: 100%;

	margin-right: auto;

	margin-left: auto;

	background-position: center;

}

.index_about_pic{padding-left: 50px;padding-top: 90px;float: left; width:382px;}

.index_about_nr{ width:674px; float:right;padding-right:17px; padding-top:82px;}

.index_about_nr h3{

	font-size:24px;

}

.index_about_p{width:674px;}

.index_about_nr p { font-size:14px; padding-top:15px; line-height:32px;}

.index_about_an{ margin-top:24px;}

/*下单简单*/

.index_xd{ height:263px; background-color:#f1f1f1; margin-left:auto; margin-right:auto; margin-top:12px;}

.index_xd ul{ padding-top:27px;}

.index_xd ul li{ float:left;}

.index_xd_l{

	margin-left:25px;

	display: inline;

}

.index_xd_lc{background-image: url(../images/img_05.jpg);

	background-repeat: no-repeat;

	height: 49px;

	width: 613px;

	margin-right: auto;

	margin-left: auto;

	background-position: center;	margin-top:15px;}

.anlibg{  padding-top:15px; padding-bottom:30px; height:auto; overflow:hidden; display:block;width:100%;}

.anlibg .al_t{

	width:447px;

	height:81px;

	margin:auto;

	text-align:center;

	background-image: url(../images/index_07.jpg);

	background-repeat: no-repeat;

	background-position: 10px;

	line-height:54px;



}

/*.anlibg .al_t a{ font-size:27px; color:#282828;}


*/


.gg1{ background: url(../images/gg1.jpg) no-repeat top center; height: 199px;margin-top:30px;}

.gg1_tel{width:250px; float: right; margin: 68px 0px 0px 0px;}

.gg1_tel p{color: #FFF;}

.gg1_tel span{ font-size: 28px; font-family: impact; color: #FFF; display: block;}

.gg1_tel a{ background: url(../images/zixun.jpg) no-repeat;width:111px; height: 39px; display: block; margin-left: -40px; margin-top: 5px;}



.ys_title{ background: url(../images/ys_title.jpg) no-repeat top center; height:97px; margin-top: 30px; }



.ys1_tu{ float: right; margin:40px 54px 0px 0px;}



.ys1_left{width:460px; float: left; background: url(../images/ys1_bg.jpg)  no-repeat left top;margin: 20px 0px 0px 30px; padding:45px 0px 0px 45px;}

.ys_com h4{ font-weight: bold;font-size: 20px; color: #0057b0;}

.ys_com p{ line-height: 26px; color: #282828; font-size: 14px; padding-top: 6px;}



.martop20{ margin-top: 20px;}



.ys2_tu{ float: left;margin:40px 0px 0px 18px;}

.ys2_left{ float: right;width:420px; background: url(../images/ys2_bg.jpg) no-repeat top right; margin:10px 25px 0 0; padding:45px 40px 0px 0px;}



.ys_com p span{ color: #fe6e0d;}



.ys3_tu{ float: right; margin-top: -30px; }





.ys3_left{width:440px; float: left; background: url(../images/ys3_bg.jpg)  no-repeat left top;margin: 50px 0px 0px 30px; padding:45px 0px 0px 45px;}



.gg2{ background: url(../images/gg2.jpg) no-repeat top center #0057b0; height: 163px;}



.gg2 .gg1_tel{width: 199px; float: right; margin: 48px 0px 0px 0px;}





.com_title{ background: url(../images/case_x.jpg) no-repeat bottom left; height: 36px; display: block; margin-left: 8px;}

.com_title h3 a{font-weight: bold;color: #0449b1; font-size: 18px; }

.com_title h3{ float: left; }

.com_title h3 span{ font-family: times new roman; color: #969696;padding-left: 10px; text-transform: uppercase;}

.com_title .com_more{ background: url(../images/ore.jpg) no-repeat ;width:42px; height: 11px; display: block; float: right; margin:14px 8px 0px 0px;}

.case{ margin-top: 30px;}