*{ padding:0; margin:0;}

ul,li{ list-style-type:none; text-transform:capitalize;padding:0; margin:0;}

img{ border:0; padding-bottom:0px; margin-right:0px;}

a{border:0; text-decoration:none;}

a img {border:0}

a:hover{text-decoration:none;  }

body{ font:12px/normal Verdana, Arial, Helvetica, sans-serif; color: #333;  font: 14px "΢���ź�" "����С���μ���"; }

html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0;}





.zj { overflow:hidden; width:1200px; margin:0 auto;}

.dingbuanniu{ text-decoration:none; color:#000000;}

.dingbuanniu:hover{ color:#0066CC;}



/*~top*/

.top{ width:100%;margin:0 auto;overflow:hidden;background:url(../images/logo_wrap.jpg) repeat-x;}

.top_wrap{width:1200px;  height:160px; margin:0 auto;overflow:hidden; }

/*logoλ��*/



.logo_a{ width:1200px;height:160px; overflow:hidden; background:#FFF; background:url(../images/logo_a.png) no-repeat;}



/*������*/

.text_ss{  display:inline-block !important; display:inline;  overflow:hidden;   }

.search_text{width:200px;  height:30px;margin-top:85px; margin-left:830px; line-height:25px; background:#fff;color:#999; font-size:14px; text-align:left; border-color:#666; border:solid 1px; }

.search_submit{ font-size:14px; color:#333;width:50px; height:30px;  cursor:pointer;margin-top:85px; margin-left:5px;  background:#fff; border:solid 1px;}



/*�绰λ��*/

.search_ss{width:273px;height:150px; float:left;  font-size:21px; color:#c30d23; }

.search_ss p{ font-size:21px; color:#c30d23;margin-top:95px; margin-left:100px;}





.top_im{background:url(../images/top_im_bg.jpg) repeat-x; margin:0 auto;  padding-top:15px;}



/*nav*/

.menu{  margin:0 auto; width:100%; background:#0b53bf; z-index:999;}

.menu_wrap{width:1200px;  height:60px;margin:0 auto;  font-weight:800; background:url(../images/homehover.png) repeat-x;}

/* remove the bullets and set the margin and padding to zero for the unordered list */

.menu ul {

padding:0;

margin:0;

list-style-type: none;

}

/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */

.menu ul li {

width:148px;    /*�����������ĵ������Ŀ��ȣ�����4�����ǵ�1��*/

z-index:100;

float:left;

position:relative;

line-height:80px;

height:60px;





}



.menu ul li:hover{

color:#fff;

height:60px;



/*background:url(../images/menu_ulhover.jpg) no-repeat;*/

}

/* style the links to be 104px wide by 35px high with a top and right border 1px solid white. Set the background color and the font size. */

.menu ul li a{

display:block;

text-align:center;

text-decoration:none;

width:148px;        /*�����������ĵ������Ŀ��ȣ�����4�����ǵ�2��*/

height:60px;

color:#fff;

line-height:60px;

font-size:16px;





}

.menu ul li a:hover{

display:block;

text-align:center;

text-decoration:none;

width:148px;        /*�����������ĵ������Ŀ��ȣ�����4�����ǵ�3��*/

height:60px;

color:#0FF;

line-height:60px;

font-size:16px;



}

.menu ul li:hover{



}

/* make the dropdown ul invisible */

.menu ul li ul {

display: none;

filter:alpha(opacity=10);

-moz-opacity:1;

opacity:1;

margin-left:-6px;





}



.menu ul li ul li {

	top:0px;/* ���� */

height:60px;

text-decoration:none;

margin-bottom:2px;



}

.menu ul li ul li a { font-size:14px; color:#333;



}



.menu ul li ul li:hover {

height:60px;

color:#fff;

margin-bottom:2px;

}

/* specific to non IE browsers */

/* set the background and foreground color of the main menu li on hover */



/* make the sub menu ul visible and position it beneath the main menu list item */

.menu ul li:hover ul {

display:block;

position:absolute;

top:60px; /* ���� */

left:0;

width:148px;     /*�����������ĵ������Ŀ��ȣ�����4�����ǵ�4��*/

}

/* style the background and foreground color of the submenu links */

.menu ul li:hover ul li a {

display:block;

background:#397ee4; /*�����б���ɫ����ǰ*/

color:#FFF;/*�����б���ɫ������*/



}





/* style the background and forground colors of the links on hover */

.menu ul li:hover ul li a:hover {

/*background:#FC3;  �����б���ɫ������*/

color:#0FF; /*�����б���ɫ������*/





}







/*index*/

#yyz1{ width:100%; clear:both;}

.yyz_wrap{ width:1200px; margin:0 auto; clear:both; min-height:700px; }

/*���ݷ�ʽ*/

.kjfs a { text-decoration:none; color:#fff; }



/*����*/

.jieshao0{ width:400px; height:150px; float:left;  }

.jieshao0 a{ width:400px; height:150px; }



/*��ҳ�б���*/



._lef{float:left; width:300px; margin-top:15px;min-height:700px;}

._lef_a1{   }

._lef_a2{ padding:15px 70px; margin-bottom:10px; text-align:center; height:30px; color:#fff; font-weight:700; font-size:20px; background-color:#0953c0;}

._lef_a3{  padding: 5px; color:#fff; }

._lef_a3 li{ height:35px; padding-left:30px; margin:0px 5px;background:url(../images/list_before2.png) no-repeat;}

._lef_a3 li a{ color:#fff;}

._lef_a3 li a:hover{ color:#F33;}

._lef_a4 {color:#666; line-height:30px;padding:20px 35px;}

._lef_a6 {padding:20px 20px;}



._rit{float:left; width:870px; margin-top:15px;min-height:700px;}

/*����*/

.mainbody_5{float:left; width:4px; overflow:hidden; }

.mainbody_lefda{float:left; width:1200px; padding-top:10px; }

.mainbody_lefda_2{float:left; width:320px; padding-top:10px; }

.mainbody_lef{float:left; width:360px; height:400px ; background:#000; overflow:hidden;  margin-top:10px;}

.mainbody_lef2{float:left; width:480px; min-height:130px ; background:#000; overflow:hidden;  margin-top:10px; }

.mainbody_lef3{ width:320px; min-height:130px ; background:#000; overflow:hidden;  margin-top:0px;}

.mainbody_lef_2{ width:280px; min-height:40px ; background:#000; overflow:hidden;  margin-top:15px;}



.mainbody_lef_biaot{width:360px; height:60px; margin:19px 0px 0px 15px;color:#0b53bf; font-weight:600; font-size:16px; }

.mainbody_lef_biaot2{width:480px; height:60px; margin:19px 0px 0px 15px;color:#0b53bf; font-weight:600; font-size:16px; }

.mainbody_lef_biaot3{width:320px; height:60px; margin:19px 0px 0px 15px;color:#0b53bf; font-weight:600; font-size:16px; }



.main_text{width:97%; height:70px;overflow:hidden;  font-size:13px; margin-bottom:10px; padding-left:1%;  }

.main_text a{ color:#333; text-decoration:none;}

.main_text a:hover{ padding-bottom:10px; color:#F33; }

.main_text h4{ height:18px; overflow:hidden; }

.main_text span{ color:#666;}

.main_text img{float:left; width:150px; height:107px; padding-right:10px;}

.main_text img{float:left; width:90px; height:75px; padding-right:10px;}

/*����*/

.mainbody_jg{float:left; width:20px;margin-top:15px;}

.mainbody_jgh{ height:5px;margin-top:15px;}

.mainbody_j2g{float:left; width:5px;margin-top:15px;}





/*�м�*/

.mainbody_mid{float:left; width:350px;height:310px; margin-top:15px; background:url(../images/mainbody_biaoti_02.jpg) no-repeat center top; margin-top:15px; overflow:hidden;}

.mainbody_mid_biaot{width:350px; height:35px; margin:8px 35px;color:#333; font-weight:700; }



/*�ұ�*/

.mainbody_rit{ float:left; width:725px;height:310px;margin-top:15px;  margin-top:15px;}

.mainbody_rit_biaot{width:725px; height:35px; margin:8px 35px;color:#333; font-weight:700; }



.mainbody_rit_up{clear:both; }

.mainbody_rit_upl{ float:left; width:445px; height:260px; margin-top:20px;}

.mainbody_upbiaot{width:445px; height:30px; margin:10px 35px;color:#666; font-weight:700; }

#map{

	min-height:300px;

	width: 98%;

	padding-top: 5px;

	padding-bottom: 0px;

	text-align: left;

	clear: both;

	padding-left: 0%;

	overflow:hidden;color:#333;

}

#map img{ margin:10px auto; clear:both;  padding:0 ;  }

#map span {line-height: 30px; font-size:14px;	}

#map2{

	height:300px;

	width: 100%;

	padding-top: 0px;

	padding-bottom: 0px;

	text-align: left;

	clear: both;

	padding-left: 0%;

	overflow:hidden;

}

#map2 p{ font-weight:800;}

#map2 ul{ height:300px;overflow:hidden;padding-top: 0px; }

#map2 ul li{ width:450px;line-height:33px; height:33px; padding-left:15px;

overflow:hidden; background:url(../images/list_before2.png) no-repeat; border-bottom: dashed 1px #999;}

#map2 ul li a{ color:#000;text-decoration:none; font-size:14px; }

#map2 ul li a:hover{ color:#1323ff;}



#map3{color:#333;



	line-height:25px;

	width: 100%;

	padding-top: 5px;

	padding-bottom: 0px;

	text-align: left;

	clear: both;

	padding-left: 0;

	overflow:hidden;

	font-size:14px;

}





#map4{

	height:auto;

	width: 320px;

	padding-top: 5px;

	padding-bottom: 20px;

	text-align: left;

	clear: both;

	padding-left: 0%;

	overflow:hidden;

	font-size:14px;

}

#map4 p{ font-weight:800;}

#map4 span {line-height: 20px;}

#map4 ul{ min-height:100px;overflow:hidden;padding-top: 0px; }

#map4 ul li{ height:45px;line-height:45px;  width:300px; text-align:center;

overflow:hidden; border-bottom:dashed #CCC 1px;  }

#map4 ul li a{ color:#333;text-decoration:none; }

#map4 ul li a:hover{ color:#36F;}









.map5{width:100%; height:135px;overflow:hidden;  font-size:13px; padding-top:10px; margin-bottom:10px; padding-left:0;  }

.map5 a{ color:#333; text-decoration:none;}

.map5 a:hover{ padding-bottom:10px; color:#F33; }

.map5 h4{ height:18px; overflow:hidden; }

.map5 span{ color:#666; line-height:20px;}

.map5 img{float:left; width:235px; height:160px; padding-right:10px;}



#map6{

	height:175px;

	width: 320px;

	padding-top: 5px;

	padding-bottom: 20px;

	text-align: left;

	clear: both;

	padding-left: 0%;

	overflow:hidden;

}





.mainbody_rit_upl img{-moz-box-shadow: -4px 3px 4px #888888; /* �ϵ� Firefox */

    box-shadow: -4px 3px 4px #888888;}

.mainbody_rit_upm{ float:left; width:15px; height:260px;margin-top:20px; }

.mainbody_rit_upr{ float:left; width:340px; height:260px;margin-top:20px; }

.mainbody_down_lef{ width:1200px; height:auto; float:left;margin-top:10px;   background:url(../images/mainbody_biaoti_05.jpg) no-repeat center top;  }

.mainbody_down_lefb{ width:200px; min-height:230px; float:left;margin-top:0px;    }

.mainbody_down_lef2{ width:360px;min-height:230px; float:left;margin-top:0px;   background:url(../images/mainbody_biaoti_05.png) no-repeat center top;  }



.mainbody_downbiaot_lef{ width:870px;height:35px; margin:12px 15px 0px;color:#be0100; font-weight:600; font-size:16px;  }





.mainbody_down_lef img{/*-moz-box-shadow: -4px 3px 4px #888888;  �ϵ� Firefox

    box-shadow: -4px 3px 4px #888888;*/}



.mainbody_down_rit{ float:left; width:260px;height:330px; overflow:hidden;margin-top:15px;  background:url(../images/mainbody_biaoti_05.jpg) no-repeat center top; margin-top:15px;}

.mainbody_down_rit_biaot{width:260px; height:35px; margin:8px 35px;color:#fff; font-weight:700; }



.neiye_rit{float:left; width:725px;min-height:700px; margin-top:20px; background:#093;background:url(../images/neiye_biaot.png) no-repeat;}

.neiye_rit_biaot{width:725px;height:35px; }

.neiye_rit_biaot a{margin:0px 30px; line-height:35px; color:#000; font-weight:700;}





/*��Ʒչʾ*/

.case_text{width:100%; height:98px;overflow:hidden;  font-size:13px; margin:20px 15px;  }

.case_text a{ color:#000; text-decoration:none;}

.case_text a:hover{ padding-bottom:10px; color:#F30; }

.case_text h4{ height:18px; overflow:hidden; }

.case_text span{ color:#333;}

.case_text img{float:left; width:150px; height:107px; padding-right:10px;}





/*�����͹����Ŀ���*/

.moretext{  margin-left:230px; height:40px; width:40px;}

.moretext2{margin-left:170px;height:40px; width:40px;}

.moretext3{ height:40px; width:40px; padding-bottom:20px;}

.moretext4{ margin-left:600px;height:40px; width:40px;}

.moretext5{ margin-left:70px;height:40px; width:40px;}

#demmo{width:96%;overflow:hidden ; margin:10px auto; height:160px; }

#demo{width:100%;overflow:hidden ; margin:10px auto; height:220px; }

.ziti a{ color:#000; text-decoration:none; }

.ziti a:hover{ color:#F33; }











/*about*/





.about_text{ width:96%;margin-top:10px;  font-size:14px; color:#000;line-height:30px;   }

.about_text img{}

.contact_text{ padding-left:5%}



/*��Ʒչʾ*/

.product_list{width:100%;margin:0 auto;overflow:hidden; margin-top:0px;}

.product_list li { float:left; padding:12px; white-space:nowrap; overflow:hidden; display:inline; }

.product_list li a{font-size:14px; color:#000; text-decoration:none;}

.product_list li a:hover{color:#F33;}

.product_list li img {width:250px; height:210px;  }

.product_list li span {display:block; }





/*news*/

.news_text{  width:98%;;font-size:14px;   }

.news_text ul{  }

.news_text ul li{ height:35px;line-height:35px;  background:url(../images/new_biaot.png) no-repeat; border-bottom:1px dashed #CCC;}

.news_text ul li a{ text-decoration:none; color:#000; cursor:pointer; margin-left:30px; }

.news_text ul li a:hover{ colo:#F33;}

.news_text ul li span{ float:right; text-align:right;}





/*danye*/

.danye_text{ width:90%; margin:0 auto;overflow:hidden; margin-top:30px;font-size:14px; }

.danye_text p{ width:100%;}

.danye_text img{ width:450px;  margin:20px auto;}

.danye_text span{ clear:both; color:#333; font-size:14px;line-height:20px; }



/*ͼ��*/



/*bottom*/

.foot{ width:100%; height:150px; display:block; background:url(../images/searchnphone3.png) repeat-x; clear:both; }

.foot_wrap{width:1200px; height:150px;color:#fff;margin:0px auto;   font-size:14px; line-height:25px;clear:both; }

.foot_wrap a{text-decoration:none;color:#fff;}

.foot_wrap a:hover{text-decoration:none;color:#0FF;}

.tr{ margin:0 20px;}





/*

.foot_wrap a{color:#999;  font-size:14px; text-decoration:none; cursor:pointer;}

.foot_wrap a:hover{color:#666; font-size:14px;}

.foot_wrap span{ color:#F33; font-size:21px;}*/

.scroll-outer{height:421px;background:url(../images/bg_gundong.jpg) 50% 0 no-repeat;}

#scroll{width:1080px;margin:0 auto;padding-top:30px;font-family:"Microsoft Yahei";}

#scroll .owl-wrapper-outer{margin:0 auto;}

#scroll .item{position:relative;width:250px;height:339px;margin:0 auto;background-color:#fff;overflow:hidden;}

#scroll .shd{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.15);}

#scroll .shd a{display:block;width:250px;height:239px;*background-image:url(about:blank);background-image:url(about:blank)\0;}

#scroll .txt{position:absolute;left:0;bottom:0;width:226px;height:100px;padding:0 12px;color:#888;box-shadow:0 0 15px 15px rgba(228, 233, 238, 0.95);background-color:#e4e9ee\9;background-color:rgba(228, 233, 238, 0.95);}

#scroll h3{width:226px;height:25px;margin-bottom:6px;padding-top:6px;font:700 18px/25px arial,"Microsoft Yahei";overflow:hidden;}

#scroll h3 a{color:#333;text-decoration:none;}

#scroll h3 a:hover{color:#338de6;}

#scroll p{width:226px;height:54px;line-height:18px;font-size:12px;}

#scroll .item:hover .shd{background-color:rgba(0, 0, 0, 0);}

#scroll .item:hover .txt{background-color:#fff\9;background-color:rgba(248, 249, 249, 0.95);box-shadow:0 0 15px 15px rgba(248, 249, 249, 0.95);}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "����";background-color:transparent;overflow:hidden;_display:none;}

.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px;}

.owl-theme .owl-controls .owl-buttons .owl-next{right:-40px;}

.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}

.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}



.item img{width:250px; height:250px; }



#case li{ float:left; margin-right:-2px; width:322px; height:226px; overflow:hidden; padding-left: 60px;}

.tiao{ background:url(../images/tiao.png) no-repeat right bottom; height:97px; position:relative; top:-95px ; line-height:140px; text-align:right; padding-right:8px}.tiao a{ color:#fff; font-weight:bold;}





.xiaol{height:30px; display:block; line-height:30px; border-bottom:#CCC 1px dashed; font-size:14px; color:#000;}

.xiaol:hover{height:30px; display:block; line-height:30px; border-bottom:#CCC 1px dashed; font-size:14px; color:#999;}

