@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px;}
a{ text-decoration:none;}
img{ border:none;}
ul{ list-style:none;}
.clear{ clear:both;}
.type,.class-btn,.banner{ display:none;}
body{ background:#FFF; font-size:12px; font-family:"Microsoft YaHei";}
#topbg{ background:#000000; height:31px;}
#top{ width:1200px; margin:0px auto;}
.topleft{ float:left; color:#dedede; font-size:12px; margin-top:5px;}
.topleft font{ color:#d40f0f; font-size:14px; font-weight:bold;}
.toprigh{ float:right; color:#dedede; margin-top:5px; font-size:14px;}
.toprigh a{color:#dedede; margin-left:8px;}
.toprigh a.classsy,.toprigh a.classsc{ margin-right:8px;}
.toprigh a:hover{ color:#fff;}
/*头部*/
#header{ width:1200px; margin:22px auto;}
.logo{ float:left;}
.biao{ float:left; margin-left:79px; margin-top:23px;}
.tel{ float:right; margin-top:16px; width:140px; padding-right:67px; background:url(../images/tel.jpg) right center no-repeat; color:#222222; font-size:14px;  text-align:right;}
.tel span{ display:block; color:#d40f0f; font-size:24px; font-weight:bold;}
/*导航*/
#mainnav{ background:#254aa5; height:47px; width:100%;}
#nav{ width:1200px; margin:0px auto;}
#nav ul li{ float:left; height:47px;}
#nav ul li a{ float:left; color:#FFF; font-size:16px; padding:12px 25px 0px 25px; height:35px; display:block; border-right:1px solid #1c4099;}
#nav ul li a:nth-child(1){ border-left:1px solid #1c4099;}
#nav ul li a:hover,#nav ul li.active a{ background:#2357d8;}
/*banner*/
.flexslider{position:relative; height:auto; max-height:600px; overflow:hidden; z-index:1;}
.slides{position:relative; }
.slides li{height:auto;}
.slides li img{ overflow:hidden; text-align:center; object-fit: cover;  display:block; width:100%; }
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:13px;height:13px; margin:0 5px; *display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:13px;height:13px; line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block; width:75px; height:75px;overflow:hidden;cursor:pointer;position:absolute; }
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
/*首页公告*/
#noticebg{ background:#254aa5; height:45px; line-height:45px;}
#notice{ width:1200px; margin:0px auto;}
.noleft{ float:left; color:#FFF; font-size:14px;}
.noright{ float:right; color:#FFF; font-size:14px;}
.noright a{ color:#FFF; margin:0px 5px;}
.noright a:hover{ text-decoration:underline; color:#CCC;}
/*首页 第一部分 产品中心*/
#index1{ width:1200px; margin:40px auto 0px auto;}
.title{ text-align:center; color:#000000; font-size:28px; font-weight:bold;}
.title a{color:#000000;}
.title font{ color:#d40f0f;}
.ytitle{ text-align:center; color:#666666; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}

/*首页 第一部分 产品选项卡*/
.tabPanel ul {text-align:center; margin-top:25px;}
.tabPanel ul li {  display:inline-block; height:40px; line-height:40px; padding:0px 13px; margin:0px 2px; background:#d9d9d9; text-align:center; overflow:hidden; color:#000000; font-size:14px;}
.tabPanel li.hit {background:#254aa5; color:#FFFFFF;}
.pane { width:1200px; margin:0px auto; display:none; }
.pane dl{ margin-left:-38px; *zoom:1;_position:relative; *margin-left:-76px;}
.pane dl dd{ width:271px; float:left; margin-top:37px; margin-left:38px;}
.pane dl dd .proimg{ width:271px; height:263px; overflow:hidden; display:block;}
.pane dl dd .proimg img{ width:269px; height:261px; overflow:hidden; border:1px solid #d9d9d9; object-fit:cover;}
.pane dl dd .protit{ background:#d9d9d9; height:42px; display:block; color:#000; font-size:14px; text-align:center; line-height:42px; white-space:nowrap;  overflow:hidden; text-overflow:ellipsis;}
.pane dl dd.cur{box-shadow:0px 15px 30px rgba(0,0,0,0.07);}
.pane dl dd.cur .proimg img{ border:1px solid #254aa5;}
.pane dl dd.cur .protit{ background:#254aa5; color:#FFF; }
/*首页 第二部分*/
#index2bg{ background:url(../images/index2bg.jpg) center center no-repeat; height:851px; margin-top:60px;}
#index2{ width:1200px; margin:0px auto; position:relative;}
.title1{ text-align:center; color:#fff; font-size:28px; font-weight:bold; padding-top:38px;}
.title1 a{color:#fff;}
.title1 font{ color:#fff;}
.ytitle1{ text-align:center; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}
#index2 ul{ margin-top:23px;}
#index2 ul li{ float:left; width:342px; height:130px; margin-top:13px; margin-left:53px;}
#index2 ul li:nth-child(2n){ margin-left:375px;}
.yuanq{width: 66px; height: 66px; background:#FFF; border-radius:100%; float:left; position:relative; z-index:999;}
.yuanq img{ width:43px; height:47px; margin:9px auto 0px auto; display:block;}
.fangx{height:41px; line-height:38px; width:252px; padding-left:40px; border:1px solid #FFF; margin:14px 0px 0px -20px; float:left; color:#FFF; font-size:22px;}
#index2 ul li p{ font-size:16px; color:#FFF; line-height:150%; margin-top:5px;}
#index2 .youshi{ position:absolute; left:420px; top:241px;}
/*首页第三部分*/
#index3{ width:1200px; margin:40px auto 0px auto;}
#index3 ul{ margin-left:-14px; *zoom:1;_position:relative; *margin-left:-28px; margin-top:20px;}
#index3 ul li{ float:left; width:287px; height:279px; overflow:hidden; margin-left:14px; margin-top:14px;}
#index3 ul li a{ width:287px; height:279px; display:block;  position:relative;}
#index3 ul li a img{ width:287px; height:279px; overflow:hidden; object-fit:cover; -webkit-transition: -webkit-transform 1s ease 0s;
transition: transform 1s ease 0s;
-webkit-transform-origin: center;
transform-origin: center;}
#index3 ul li a img:hover{-webkit-transform: scale(1.2);
transform: scale(1.2);}
#index3 ul li a .casetit{ position:absolute; left:0px; bottom:0px; width:100%; background:rgba(0,0,0,0.7); font-size:14px; color:#FFF; padding:8px 0px;}
#index3 ul li a .casetit p{ width:94%; margin:0px auto; white-space:nowrap;  overflow:hidden; text-overflow:ellipsis;}
/*首页 第四部分*/
#index4bg{ background:#f5f5f5; margin-top:0px; padding:49px 0px;}
#index4{ width:1200px; margin:0px auto;}
.inabout{ width:380px; float:left;}
.inabout img{ width:380px; height:267px; overflow:hidden; object-fit:cover;}
.inrigh{ width:778px; float:right;}
.intitle{ color:#444444; font-size:24px;}
.intitle span{ display:block; color:#b0b0b0; font-size:16px; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}
.inrigh p{ color:#676767; font-size:14px; line-height:150%; height:66px; overflow:hidden; margin-top:20px;}
.inmore{ width:117px; height:41px; line-height:41px; border:1px solid #dfdfdf; display:block; color:#999999; font-size:14px; text-align:center; margin-top:36px;}
.inmore:hover{ background:#254aa5; border:1px solid #254aa5; color:#FFF;}
/*首页 第五部分*/
#index5bg{background:#f3f3f4; padding-top:30px; padding-bottom:50px; margin-top:50px;}
#index5{ width:1200px; margin:0px auto;}
.xwleft{ width:279px; float:left; margin-top:25px;}
.xwleft img{ width:279px; height:345px; overflow:hidden;}
#index5 ul{ float:right; width:920px; margin-top:25px;}
#index5 ul li{ float:left; width:400px; border-bottom:1px solid #e2e2e2; padding:10px 0px; margin-left:52px;}
#index5 ul li .xwtit{white-space:nowrap;  overflow:hidden; text-overflow:ellipsis;}
#index5 ul li .xwtit a{ color:#0c0c0c; font-size:16px;}
#index5 ul li .xwtit a:hover{ text-decoration:underline; color:#254aa5;}
#index5 ul li .xwtime{ color:#898787; font-size:14px; margin:9px 0px 5px 0px;}
#index5 ul li p{ color:#747373; font-size:14px; height:38px; overflow:hidden;}
/*首页 第六部分*/
#index6{ background:#254aa5; text-align:center; color:#FFF; font-size:24px; padding:25px 0px 20px 0px;}
#index6 a{ width:104px; height:39px; line-height:39px; display:inline-block; background:#000; font-size:14px; color:#FFF; text-align:center; margin-left:52px;}
#index6 a:hover{ background:#d40f0f;}
/*底部*/
#footer{ background:#282d32; font-size:14px; color:#FFF; text-align:center; line-height:160%; padding:25px 0px;}
#footer a{ color:#FFF;}

#containter{ width:1200px; margin:50px auto 50px auto;}
/*内页 左边*/
#left{ width:245px; float:left;}
.product07{ height:88px; width:245px; padding-top:10px;line-height:88px; text-align:center; color:#fff;font-size:24px; font-weight:bold; background:#d40f0f; border:#e6790f solid 1px;}
.sidenav { padding-top:25px; padding-bottom:30px; width:100%;  margin:0 auto; background:#f6f6f6; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.sidenav ul li { height:39px; display:block; line-height:39px; font-size:15px;}
.sidenav ul li a.sidenava {  height:39px; display:block; line-height:39px; color:#131313; overflow:hidden;}
.sidenav ul li a.sidenava p {color:#131313; padding-left:32px;padding-right:30px; height:39px;overflow:hidden;}
.sidenav ul li a.sidenava:hover p,.sidenav ul li.active a.sidenava p { font-weight:bold;color:#fff;padding-left:32px;background:url(../images/sub06.jpg) left center no-repeat;}

.sub_lx{ color:#868687; background:#fff url(../images/sub07.jpg) no-repeat center 30px; margin:0px 0 0 0; font-size:14px; line-height:24px; width:247px;}
.sub_lx01{ border:#eaeaea solid 1px; padding:105px 15px 25px 15px;}
/*内页  右侧*/
#right{ width:922px; float:right;}
.content_com_title{	position: relative;	height:55px; height:47px; border-bottom:#dddddd solid 1px;	margin-bottom: 15px;}
.content_com_title h2{	display: inline-block;	padding-bottom: 6px;	position: absolute;	left: 3px;	top: 13px;	font-size:22px;	font-weight: normal;
	color:#461d00;	text-align: left; font-weight:bold; }
.bread{ color:#000;	position: absolute;	top:24px;	right: 0px;}
.bread a{ display: inline-block; color:#000;}

.view{ color:#535353; font-size:14px;}
/*分页*/
.pagelist{ text-align:center; font-size:14px; color:#000; margin-top:25px;}
.pagelist a{ color:#000;}
/*新闻中心*/
.newslist li{ margin-top:30px;}
.newslist li .newstup{ width:198px; height:161px; float:left; display:block; overflow:hidden;}
.newslist li .newstup img{object-fit: cover; width:198px; height:161px; -webkit-transition: -webkit-transform 1s ease 0s;
transition: transform 1s ease 0s;
-webkit-transform-origin: center;
transform-origin: center;}
.newslist li .newstup img:hover{-webkit-transform: scale(1.2);
transform: scale(1.2);}
.newslist li .xinwen{ width:698px; float:right; padding-top:22px;}
.newslist li .xinwen .xwbt{white-space:nowrap;  overflow:hidden; text-overflow:ellipsis;}
.newslist li .xinwen .xwtitle{ color:#000000; font-size:16px; }
.newslist li .xinwen .xwtitle:hover{ color:#d42021;}
.newslist li .xinwen .xinwenms{ color:#666666; font-size:12px; line-height:180%; height:40px; overflow:hidden; padding-top:20px;}
.newslist li .xinwen .xwtime{ color:#999999; font-size:12px; padding-top:20px;}
/*新闻中心 详情页*/
.view-title{ color:#343434; font-size:20px; text-align:center; font-weight:normal;}
.view-date {  width: 100%; text-align: center; font: 12px/24px "microsoft yahei";  color: #999;}
.xwnr{ color:#535353; font-size:14px; line-height:150%; padding-top:15px;}
.page{width:100%; margin:25px auto 0px auto; 0overflow: hidden; border-top:1px dashed #999; padding-top:25px;}
.page p{width:100%;height:28px;font:14px/28px "microsoft yahei";color:#1d1d1d; white-space:nowrap;  overflow:hidden; text-overflow:ellipsis;}
.page p a{color:#1d1d1d}
.page p a:hover,.back:hover{text-decoration: underline}
.back{font:14px/39px "microsoft yahei";color:#fff;width:138px;margin:0 auto;border-radius:4px;display:block;text-align:center; background:#282d32;}
/*产品中心*/
.prolist li{ width:271px; float:left; margin:10px 18px;}
.prolist li .proimg{ width:271px; height:263px; overflow:hidden;}
.prolist li .proimg img{ width:269px; height:261px; overflow:hidden; border:1px solid #d9d9d9; object-fit:cover;}
.prolist li .protit{ background:#d9d9d9; height:42px; display:block; color:#000; font-size:14px; text-align:center; line-height:42px; white-space:nowrap;  overflow:hidden; text-overflow:ellipsis;}
.prolist li.cur .proimg img{ border:1px solid #254aa5;}
.prolist li.cur .protit{ background:#254aa5; color:#FFF; }

.cpimg{ margin-top:20px;}
.cpimg img{ max-width:922px;}
@media only screen and ( min-width:1100px ) and ( max-width: 1230px ){
	#top{ width:1100px; margin:0px auto;}
	#header{ width:1100px; margin:22px auto;}
	.biao{ float:left; margin-left:29px; margin-top:23px;}
	#nav{ width:1100px; margin:0px auto;}
	#nav ul li a{ float:left; color:#FFF; font-size:16px; padding:12px 28px 0px 28px; height:35px; display:block; border-right:1px solid #1c4099;}
	#notice{ width:1100px; margin:0px auto;}
	#index1{ width:1100px; margin:40px auto 0px auto;}
	.sublist { width:1100px; margin:0px auto;}
.pane dl{ margin-left:-5px; *zoom:1;_position:relative; *margin-left:-10px;}
.pane dl dd{ width:271px; float:left; margin-top:37px; margin-left:5px;}
#index2{ width:1100px; margin:0px auto; position:relative;}
#index2 ul li{ float:left; width:342px; height:130px; margin-top:13px; margin-left:13px;}
#index2 .youshi{ position:absolute; left:380px; top:241px;}
#index3{ width:1100px; margin:40px auto 0px auto;}
#index3 ul{ margin-left:-22px; *zoom:1;_position:relative; *margin-left:-44px; margin-top:20px;}
#index3 ul li{ float:left; width:258px; height:250px; overflow:hidden; margin-left:22px; margin-top:14px;}
#index3 ul li a{ width:258px; height:250px; display:block;  position:relative;}
#index3 ul li a img{ width:258px; height:250px; overflow:hidden; object-fit:cover;}
#index4{ width:1100px; margin:0px auto;}
.inrigh{ width:678px; float:right;}
#index5{ width:1100px; margin:0px auto;}
#index5 ul{ float:right; width:820px; margin-top:25px;}
#index5 ul li{ float:left; width:350px; border-bottom:1px solid #e2e2e2; padding:10px 0px; margin-left:52px;}
#containter{ width:1100px; margin:50px auto 50px auto;}
#right{ width:822px; float:right;}
.newslist li .xinwen{ width:598px; float:right; padding-top:22px;}
.prolist{margin-left:-3.5px; *zoom:1;_position:relative; *margin-left:-7px;}
.prolist li{ width:271px; float:left; margin:10px 0px 0px 2.5px;}
.cpimg img{ max-width:822px;}
	}
	@media only screen and ( min-width:960px ) and ( max-width: 1130px ){
		#top{ width:900px; margin:0px auto;}
		#header{ width:900px; margin:22px auto;}
		.logo{ float:left; width:40%;}
		.logo img{ width:100%;}
.biao{ float:left; margin-left:29px; margin-top:18px; width:30%;}
.biao img{ width:100%;}
#nav{ width:900px; margin:0px auto;}
#nav ul li a{ float:left; color:#FFF; font-size:16px; padding:12px 16px 0px 16px; height:35px; display:block; border-right:1px solid #1c4099;}
#notice{ width:900px; margin:0px auto;}
#index1{ width:900px; margin:40px auto 0px auto;}
.pane { width:900px; margin:0px auto;}
.pane dl{ margin-left:-15px; *zoom:1;_position:relative; *margin-left:-30px;}
.pane dl dd{ width:213px; float:left; margin-top:37px; margin-left:15px;}
.pane dl dd .proimg{ width:213px; height:207px; overflow:hidden; display:block;}
.pane dl dd .proimg img{ width:211px; height:205px; overflow:hidden; border:1px solid #d9d9d9; object-fit:cover;}
#index2{ width:900px; margin:0px auto; position:relative;}
#index2 ul li{ float:left; width:342px; height:130px; margin-top:13px; margin-left:0px;}
#index2 ul li:nth-child(2n){ margin-left:210px;}
#index2 .youshi{ position:absolute; left:350px; top:301px;}
#index2 .youshi img{ width:60%;}
#index3{ width:900px; margin:40px auto 0px auto;}
#index3 ul li{ float:left; width:216px; height:210px; overflow:hidden; margin-left:14px; margin-top:14px;}
#index3 ul li a{ width:216px; height:210px; display:block;  position:relative;}
#index3 ul li a img{ width:216px; height:210px; overflow:hidden; object-fit:cover;}
#index4{ width:900px; margin:0px auto;}
.inrigh{ width:478px; float:right;}
#index5{ width:900px; margin:auto 0px auto;}
#index5 ul{ float:right; width:620px; margin-top:25px;}
#index5 ul li{ float:left; width:270px; border-bottom:1px solid #e2e2e2; padding:10px 0px; margin-left:32px;}
#containter{ width:900px; margin:50px auto 50px auto;}
		#right{ width:622px; float:right;}
		.newslist li .xinwen{ width:398px; float:right; padding-top:22px;}
		.prolist li{ width:200px; float:left; margin:10px 4px;}
.prolist li .proimg{ width:200px; height:194px; overflow:hidden;}
.prolist li .proimg img{ width:198px; height:192px; overflow:hidden; border:1px solid #d9d9d9; object-fit:cover;}
.cpimg img{ max-width:622px;}
		}
@media only screen and ( min-width:740px ) and ( max-width:960px ){
	#top{ width:720px; margin:0px auto;}
	.toprigh,.biao,#index2 .youshi{ display:none;}
	#header{ width:720px; margin:22px auto;}
	.logo{ float:left; width:60%;}
		.logo img{ width:100%;}
		#nav{ width:720px; margin:0px auto;}
		#nav ul li a{ float:left; color:#FFF; font-size:15px; padding:12px 7px 0px 7px; height:35px; display:block; border-right:1px solid #1c4099;}
		#notice{ width:720px; margin:0px auto;}
		#index1{ width:720px; margin:40px auto 0px auto;}
.pane { width:720px; margin:0px auto;}
.pane dl{ margin-left:-15px; *zoom:1;_position:relative; *margin-left:-30px;}
.pane dl dd{ width:165px; float:left; margin-top:37px; margin-left:15px;}
.pane dl dd .proimg{ width:165px; height:161px; overflow:hidden; display:block;}
.pane dl dd .proimg img{ width:163px; height:159px; overflow:hidden; border:1px solid #d9d9d9; object-fit:cover;}
#index2{ width:720px; margin:0px auto; position:relative;}
#index2 ul li{ float:left; width:320px; height:130px; margin-top:13px; margin-left:30px;}
#index2 ul li:nth-child(2n){ margin-left:30px;}
.fangx{height:41px; line-height:38px; width:230px; padding-left:40px; border:1px solid #FFF; margin:14px 0px 0px -20px; float:left; color:#FFF; font-size:22px;}
#index3{ width:720px; margin:40px auto 0px auto;}
#index3 ul li{ float:left; width:160px; height:156px; overflow:hidden; margin-left:14px; margin-top:14px;}
#index3 ul li a{ width:160px; height:156px; display:block;  position:relative;}
#index3 ul li a img{ width:160px; height:156px; overflow:hidden; object-fit:cover;}
#index4{ width:720px; margin:0px auto;}
.inrigh{ width:320px; float:right;}

#index5{ width:720px; margin:0px auto;}
.xwleft{ display:none;}
#index5 ul{ float:none; width:100%; margin-top:25px;}
#index5 ul li{ float:left; width:310px; border-bottom:1px solid #e2e2e2; padding:10px 0px; margin-left:32px;}
#containter{ width:720px; margin:50px auto 50px auto;}
#left{ width:230px; float:left;}
.product07{ height:88px; width:230px; padding-top:10px;line-height:88px; text-align:center; color:#fff;font-size:24px; font-weight:bold; background:#d40f0f; border:#e6790f solid 1px;}
.sub_lx{ color:#868687; background:#fff url(../images/sub07.jpg) no-repeat center 30px; margin:0px 0 0 0; font-size:14px; line-height:24px; width:232px;}
#right{ width:460px; float:right;}
.newslist li .xinwen{ width:250px; float:right; padding-top:22px;}
.prolist li{ width:145px; float:left; margin:10px 4px;}
.prolist li .proimg{ width:145px; height:141px; overflow:hidden;}
.prolist li .proimg img{ width:143px; height:139px; overflow:hidden; border:1px solid #d9d9d9; object-fit:cover;}
.cpimg img{ max-width:460px;}
	}
	@media only screen and ( max-width:640px ){
		.qing{ clear:both;}
		.type,.class-btn,.banner{ display:block;}
		img { width: auto; max-width: 100%; }
		html{-webkit-text-size-adjust:none; max-height:100%}
		body{width:100%;background:#fff;height:100%; -webkit-tap-highlight-color: transparent;}
		/*导航*/
  .type{width:100%;top:100px;position:absolute;background:#232323;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:5rem;padding:0.1rem 0;display:none; z-index:999;}
.typebg{ width:90%; margin:0px auto;}
.typetitle{ color:#FFFFFF; font-size:0.24rem;}
.typebg ul li{ margin:8px 0px;}
.typebg ul li a{ background:#FFFFFF;  color: #666; display:block; font-size:0.22rem; padding:7px 0px 7px 10px;}
.typebg ul li a:hover,.typebg ul li a.active{ background:#b20000; color:#FFFFFF;}
.class-btn{position:absolute;right:2%;top:48px;width:18.0625%;font-size:0.32rem;line-height:0.666rem;color:#000;text-align:center;overflow:hidden; cursor:pointer; text-align:right;}
#mainnav,.flexslider{ display:none;}
#topbg{ background:#000000; height:auto;}
#top{ width:90%; margin:0px auto;}
.topleft{ float:left; color:#dedede; font-size:12px; margin-top:5px;}
.toprigh{ display:none;}
#header{ width:100%; margin:16px auto;}
.logo{ float:left; width:65%; margin-left:3%;}
.logo img{ width:100%;}
.biao,.tel{ display:none;}
#notice{ width:90%; margin:0px auto;}
.noright{ display:none;}
#index1{ width:100%; margin:40px auto 0px auto;}
.title{ text-align:center; color:#000000; font-size:26px; font-weight:bold;}
.ytitle{ text-align:center; color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}
.tabbtn li {  display:inline-block; height:40px; line-height:40px; padding:0px 10px; margin:0px 2px; background:#d9d9d9; text-align:center; overflow:hidden;}
.tabbtn li a {color:#000000; font-size:13px; display:inline-block;}
.pane { width:100%; margin:0px auto; display:none;}

.pane dl{ margin-left:0; *zoom:1;_position:relative; *margin-left:0;}
.pane dl dd{ width:46%; float:left; margin-top:18px; margin-left:2%; margin-right:2%;}
.pane dl dd .proimg{ width:100%; height:15em; overflow:hidden; display:block;}
.pane dl dd .proimg img{ width:98%; height:14.8em; overflow:hidden; border:1px solid #d9d9d9; object-fit:cover;}

#index2{ width:100%; margin:0px auto; position:relative;}
.title1{ text-align:center; color:#fff; font-size:26px; font-weight:bold; padding-top:38px;}
.ytitle1{ text-align:center; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}

#index2 ul li{ float:left; width:46%; height:10em; margin-top:13px; margin-left:2%; margin-right:2%;}
#index2 ul li:nth-child(2n){ margin-left:2%;}
.yuanq{width:5em; height:5em; background:#FFF; border-radius:100%; float:left; position:relative; z-index:999;}
.yuanq img{ width:60%; height:auto; margin:9px auto 0px auto; display:block;}
.fangx{height:35px; line-height:34px; width:58%; padding-left:15%; border:1px solid #FFF; margin:14px 0px 0px -20px; float:left; color:#FFF; font-size:16px;}
#index2 ul li p{ font-size:14px; color:#FFF; line-height:140%; margin-top:5px;}
#index2 .youshi{ display:none;}
#index3{ width:100%; margin:40px auto 0px auto;}
#index3 ul{ margin-left:0px; *zoom:1;_position:relative; *margin-left:0px; margin-top:20px;}
#index3 ul li{ float:left; width:46%; height:15em; overflow:hidden; margin-left:2%; margin-right:2%; margin-top:14px;}
#index3 ul li a{ width:100%; height:15em; display:block;  position:relative;}
#index3 ul li a img{ width:100%; height:15em; overflow:hidden; object-fit:cover;}
#index4bg{ background:#f5f5f5; margin-top:60px; padding:25px 0px;}
#index4{ width:100%; margin:0px auto;}
.inabout{ width:90%; float:none; margin:0px auto;}
.inabout img{ width:100%; height:15em; overflow:hidden; object-fit:cover;}
.inrigh{ width:96%; float:none; margin:8px auto 0px auto;}
.inrigh p{ color:#676767; font-size:14px; line-height:150%; height:66px; overflow:hidden; margin-top:14px;}
.inmore{ width:117px; height:41px; line-height:41px; border:1px solid #dfdfdf; display:block; color:#999999; font-size:14px; text-align:center; margin-top:14px;}
#index5{ width:100%; margin:0px auto;}
.xwleft{ display:none;}
#index5 ul{ float:none; width:96%; margin:25px auto 0px auto;}
#index5 ul li{ float:left; width:100%; border-bottom:1px solid #e2e2e2; padding:10px 0px; margin-left:0px;}
#index5 ul li p{ color:#747373; font-size:14px; height:32px; overflow:hidden;}
#index6{ background:#254aa5; text-align:center; color:#FFF; font-size:16px; padding:20px 0px;}
#index6 a{ width:90px; height:39px; line-height:39px; display:inline-block; background:#000; font-size:14px; color:#FFF; text-align:center; margin-left:0px;}
#footer{ background:#282d32; font-size:14px; color:#FFF; text-align:center; line-height:160%; padding:25px 0px;}
#containter{ width:100%; margin:30px auto 30px auto;}
#left{ width:96%; float:none; margin:0px auto;}
.product07{ height:50px; width:100%; padding-top:3px;line-height:50px; text-align:center; color:#fff;font-size:24px; font-weight:bold; background:#d40f0f; border:#e6790f solid 1px;}
.sidenav { padding-top:15px; padding-bottom:15px; width:100%;  margin:0 auto; background:#f6f6f6; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.sidenav ul li { height:39px; float:left; width:46%; margin:5px 2%; display:block; line-height:39px; font-size:15px;}
.sidenav ul li a.sidenava {  height:39px; display:block; line-height:39px; color:#131313; overflow:hidden;}
.sidenav ul li a.sidenava p {color:#131313; padding-left:8px;padding-right:30px; height:39px;overflow:hidden;}
.sidenav ul li a.sidenava:hover p,.sidenav ul li.active a.sidenava p { font-weight:bold;color:#fff;padding-left:8px;background:url(../images/sub06.jpg) left center no-repeat;}
.sub_lx{ display:none;}
#right{ width:100%; float:none;}
.content_com_title{	position: relative;	height:55px; height:47px; width:96%; border-bottom:#dddddd solid 1px; margin:0px auto 15px auto;}
.content_com_title h2{	display: inline-block;	padding-bottom: 6px;	position: absolute;	left: 3px;	top: 18px;	font-size:19px;	font-weight: normal;
	color:#461d00;	text-align: left; font-weight:bold; }
	.view{ color:#535353; font-size:14px; width:96%; margin:0px auto; line-height:150%;}
	.newslist{ width:96%; margin:0px auto;}
	.newslist li .newstup{ display:none;}
	.newslist li .xinwen{ width:100%; float:none; padding-top:0px;}
	.newslist li .xinwen .xinwenms{ color:#666666; font-size:12px; line-height:180%; height:40px; overflow:hidden; padding-top:10px;}
	.newslist li .xinwen .xwtime{ color:#999999; font-size:12px; padding-top:10px;}
	.view-title{ color:#343434; font-size:20px; text-align:center; font-weight:normal; width:96%; margin:0px auto;}
	.xwnr{ color:#535353; font-size:14px; line-height:150%; padding-top:15px; width:96%; margin:0px auto;}
	.page{width:96%; margin:25px auto 0px auto; 0overflow: hidden; border-top:1px dashed #999; padding-top:25px;}
	
	.prolist li{ width:46%; float:left; margin:10px 2% 10px 2%;}
.prolist li .proimg{ width:100%; height:15em; overflow:hidden;}
.prolist li .proimg img{ width:100%; height:14.8em; overflow:hidden; border:1px solid #d9d9d9; object-fit:cover;}
.cpimg img{ max-width:94%; margin:0px auto; display:block; text-align:center;}
	}