﻿* { margin:0; padding:0; } 
iframe{max-width: 100%;margin: 30px 0;}

body {
  color: #565656;
  font-family: "螢螁螛谓巍螘螉为",Arial ;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

img{border: none;vertical-align:middle;max-width: 100%;}

ul{
	list-style-type: none;
}

a{
  color: #565656;
  text-decoration: none;
  border: none;
  transition: 0.4s;
}
a:hover{ color: #2B4A9C; }

a.blue{
  color: #2B4A9C;
  text-decoration: none;
  border: none;
  transition: 0.4s;
  
}
a.blue:hover{ color: #565656; }

a.more{
  color: #fff;
  text-decoration: none;
  border: none;
  font-size:13px;
  transition: 0.4s;
  background:#83C428;
  padding:10px 35px;
}
a.more:hover{ background:#BD172E; }

a.more2{
  color: #fff;
  text-decoration: none;
  border: none;
  font-size:13px;
  transition: 0.4s;
  background:#83C428;
  padding:6px 35px;
}
a.more2:hover{ background:#2C5D00; }


p{font-size: 14px;line-height: 22px; font-weight: 100;font-family: "螢螁螛谓巍螘螉为",Arial;}

.left{float: left;}
.right{float: right;}
.c { text-align:center}
.r { text-align:right}
.t_l { text-align:left}
.bg_bai{background:#fff;}

.bold{font-weight:bold;}
.blue{ color:#3652A0;}
.white{color:#fff;}
.line{ width:39px; height:2px; background:#00A49D; margin:18px 0; float:left;}
.button1 a{ width:134px; height:32px; line-height:32px; background:#BF9F62; position:relative; float:left; margin-top:20px; color:#fff; font-size:14px; text-align:center;border-radius:7px;-moz-border-radius:7px;}
.button1 a:hover{ background:#283340;font-size:16px;}
.more a{ float:right; margin-right:5px; font-size:12px;}
.mt{ margin-top:60px;}
.mt2{ margin-top:140px;}
.pd52{padding:52px 0;}
.pd39{padding:39px 0;}
.container{ width:100%; max-width:1200px; margin:0 auto;}

a.button{ padding:3px 20px; background:#D4262F;color:#fff; font-size:12px;border-radius: 25px;-moz-border-radius:25px;}
a.button:hover{ background:#005591; color:#fff; }
.lh28{ line-height:28px;}
.ft15{ font-size:15px;}
.lh25{ line-height:25px;}

h2{font-size: 30px;line-height: 36px; color:#27A1E2; }
h3{font-size: 20px;line-height: 20px; font-weight:lighter; color:#3A96F7;}
h4{font-size: 16px;line-height: 30px;margin-bottom: 0px;}
h5{font-size: 18px;line-height: 24px;margin-bottom: 10px;}

a.button1{ height:42px; width:180px; background:#D40F0F; text-align:center; font-size:14px; line-height:42px; color:#fff;  display:inline-block; cursor:pointer; }
a:hover.button1{ background:#00428E; font-size:17px;}





#top{ height:55px; width:100%; float:left; background:url(../image/header_bg.jpg) center no-repeat;}
#top .con_l{ width:30%; float:left; line-height:55px; font-size:16px; color:#FFFFFF;}
#top .con_r{ width:50%; float:right; line-height:46px; text-align:right;}
#top a{ color:#FFFFFF;}
#top a:hover{ color:#27A1E3;}



#nav{ float:left; width:100%; line-height:68px; background:#020202;}
#nav ul{ margin:0; padding:0; width:100%; text-align:center; float:left; }
#nav ul li{ width:auto;color:#fff; display:inline-block; margin:0 20px; }
#nav ul li a{ width:auto; font-size:18px;color:#fff; padding:0 46px;display:inline-block; font-weight:bold; }
#nav ul li a:hover{ background:#27A1E3;}

#nav ul li a.active{ width:150px;color:#fff;float:left; text-align:center; background:#0C386B;font-size:16px;}
#nav ul li a.active:hover{ font-size:17px;}


#banner{ width:100%;float:left; }
#banner_about{ width:100%; height:300px; background:url(../image/banner_nei_1.jpg) top center no-repeat;float:left; }
#banner_pro{ width:100%; height:300px; background:url(../image/banner_nei_2.jpg) top center no-repeat;float:left; }
#banner_news{ width:100%; height:300px; background:url(../image/banner_nei_3.jpg) top center no-repeat;float:left; }
#banner_js{ width:100%; height:300px; background:url(404.png) top center no-repeat;float:left; }




#list_c{ width:100%;float:left;  position:relative; z-index:9999999999;}

#list_c .liebiao{ width:1111px;float:left;margin:-74px 44px 0 44px; background:#fff;box-shadow: -1px 1px 19px 5px rgba(0,0,0,0.24);
-webkit-box-shadow: -1px 1px 19px 5px rgba(0,0,0,0.24);
-moz-box-shadow: -1px 1px 19px 5px rgba(0,0,0,0.24);}

#list_c .liebiao ul{ margin:0; padding:0}
#list_c .liebiao ul li{ width:250px;float:left; text-align:center;}

#list_c .liebiao ul li a{ width:250px; padding:30px 0; float:left; background:#189895; color:#fff; font-size:19px; line-height:26px;}
#list_c .liebiao ul li a:hover{ background:#00A49D;}

#list_c .liebiao ul li a.a2{ background:#078482;}
#list_c .liebiao ul li a.a2:hover{ background:#00A49D;}

#list_c .liebiao ul li a img{ margin-bottom:6px;}



#about{ width:100%; float:left; margin:70px 0;}

#about .tex{ width:541px; margin-top:42px; margin-left:32px;float:left}

#about p{ width:505px; line-height:29px; font-size:16px; margin:56px 0; float:left;}

#about .bt_white a{ width:118px; height:34px; line-height:34px; color:#00A49D; border:1px solid #00A49D; float:left; text-align:center;}
#about .bt_white a:hover{ background:#00A49D; color:#fff;}



#xuanchuan{ width:100%; height:240px; float:left; background:url(../image/xuanchuan.jpg) center no-repeat;}




#list{ width:100%;float:left; background:url(../image/pro_bg.jpg) top center no-repeat; padding:180px 0 67px 0;}
#list .title_dd{ width:100%; float:left; margin-bottom:15px; }
#list .title_dd ul{ width:100%; margin:0; padding:0; float:left; text-align:center;}
#list .title_dd ul li{ width:128px; display:inline-block; margin:0 6px;}
#list .title_dd ul li a{ width:128px; line-height:44px; text-align:center; display:inline-block; background:#353D44; color:#fff; font-size:18px;}
#list .title_dd ul li a:hover{ background:#27A1E3; }

#list .title_dd ul li a.acitve{ width:128px;line-height:44px; text-align:center; display:inline-block; background:#27A1E3; color:#fff; font-size:18px;}

#list .con_dd{ width:100%; float:left; }
#list .con_dd ul{ margin:0; padding:0;}
#list .con_dd ul li{ width:303px; padding:20px; background:#fff; border:3px solid #E9E9F8; margin:30px 25px 0 25px; float:left;}
#list .con_dd ul li .tex_dd{ width:100%; margin-top:2px; height:40px; background:#000000; float:left; text-indent:17px;}
#list .con_dd ul li .tex_dd a{ color:#fff; font-size:18px; line-height:40px; font-weight:bold;}

#list .con_dd ul li:hover .tex_dd{ background:#27A1E3;}

.rollBox{width:100%;float:left;overflow: hidden;margin-top:34px;  position:relative;}
.rollBox .LeftBotton 
{ 
height: 48px; 
width: 30px; 
background: url(../image/btn_left.png) no-repeat; 
overflow: hidden; position:absolute; top:137px; left:0; 
display: inline;  
cursor: pointer;  
} 
.rollBox .RightBotton 
{ 
height: 48px; 
width: 30px; 
background: url(../image/btn_right.png) no-repeat; 
overflow: hidden; 
position:absolute; top:137px; right:0; 
display: inline; 
cursor: pointer; 
} 
.rollBox .Cont 
{ 
width: 1200px; 
overflow: hidden;
float:left; 


} 
.rollBox .ScrCont 
{ 
width: 10000000px; 
} 
.rollBox .Cont .pic 
{ width:270px; border:1px solid #DDDDDD; float:left; margin:0 14px; text-align:center; background:#fff;
} 

.rollBox .Cont .pic:hover 
{ border:1px solid #22B0AA;} 

.rollBox .Cont .pic img 
{ 
border: 0px solid #ccc; 
display: block; 
margin: 0 auto; 
width:240px; height:240px;
} 
.rollBox .Cont .pic p 
{ 
line-height: 25px; text-align:center; font-size:15px; color:#555;
} 


.rollBox #List1, .rollBox #List2 
{ 
float: left; 
} 

.rollBox .Cont .pic .bt_white2 a{ width:72px; height:26px; line-height:26px; color:#00A49D; border:1px solid #00A49D; text-align:center; margin:20px 0 34px 0; display:inline-block;}
.rollBox .Cont .pic .bt_white2 a:hover{ background:#00A49D; color:#fff;}


#news_lx{ width:100%; float:left; margin:55px 0; }
a.more_more{ width:91px; line-height:29px; float:right; background:#BABABA; text-align:center; color:#fff; margin-top:9px;}
a.more_more:hover{ background:#00A49D; color:#fff;}


#zhanhui{ width:100%; margin:67px 0; float:left; }
#zhanhui .con_nr{ width:603px; float:right; margin-right:24px; }
#zhanhui .con_nr ul{ margin:0; padding:0;}
#zhanhui .con_nr ul li{ width:601px; border:1px solid #E2E2E2; margin-bottom:15px; float:left;}

#zhanhui .con_nr ul li .kuai{ width:100px; height:88px; padding-top:15px; float:left; text-align:center; font-size:14px; color:#43A6FF; background:#E2E2E2 }
#zhanhui .con_nr ul li .kuai span{ font-size:36px; color:#43A6FF; font-weight:bold;}

#zhanhui .con_nr ul li .tex{ width:447px; margin-right:27px; padding:14px 0; float:right; }
#zhanhui .con_nr ul li .tex p{ width:100%; padding:5px 0; line-height:20px; float:left; color:#8B8B8B; margin-top:0px; }

#zhanhui .con_nr ul li a.title{ font-size:18px; color:#000000; width:100%; float:left;}
#zhanhui .con_nr ul li a.title:hover{ color:#43A6FF;}




#news{ width:548px; float:left; }
#news ul{ width:100%; margin-top:7px; float:left;}
#news ul li{ width:528px; padding:14px 10px ; float:left; margin-top:21px; background:#F2F2F4;}
#news ul li .kuai{ width:80px; height:70px; float:left; text-align:center; padding-right:6px; border-right:1px solid #C9C8CA; font-size:12px; color:#555; }
#news ul li .kuai span{ font-size:28px; color:#00A49D; font-weight:bold;}

#news ul li .tex{ width:417px; float:right; }
#news ul li .tex p{ width:417px; line-height:20px; float:left; color:#727273; margin-top:5px; }

#news ul li a.title{ font-size:18px; color:#2C2C2C; width:100%; float:left;}
#news ul li a.title:hover{ color:#00A49D;}


#lx{ width:600px; float:right; }
#lx .main_xia{ width:100%; float:left; background:#00A49D;margin-top:28px;}

#lx .main_xia .l_map{ width:325px; float:left; }
#lx .main_xia .r_lx{ width:223px; padding:17px 26px; float:left;}
#lx .main_xia .r_lx ul{ margin:0; padding:0;}
#lx .main_xia .r_lx ul li{ width:100%; float:left; padding:15px 0; border-bottom:1px solid #52C1BD;}
#lx .main_xia .r_lx ul li .l_icons{ width:60px; text-align:center; float:left;}
#lx .main_xia .r_lx ul li .r_xq{ width:163px; float:left; font-size:15px; color:#fff;}
#lx .main_xia .r_lx ul li .r_xq span{ font-size:20px; font-weight:bold; color:#fff;}



#yy{ width:100%; float:left; background:url(404.png) top center no-repeat; padding:55px 0; }
#yy .title_ddd{ width:100%; float:left; text-align:center; line-height:40px; font-size:16px; color:#807F7F; }
#yy .icons{ width:1056px; height:141px; background:url(404.png); display:inline-block;}



#anli_title{ width:100%; height:52px; margin:48px 0 38px 0;float:left; background:url(404.png) center no-repeat;}
#anli_pic{ width:100%; float:left; background:url(404.png) repeat-x bottom;}
#anli_pic img:hover{opacity:0.7;filter(alpha=70) }



#footer{ width:100%; background:#E8E8E8;float:left; color:#3A5061; padding:30px 0; }

#footer .logo{ width:167px; height:167px; background:url(../image/footer_logo.jpg);float:right; margin-top:17px;}

#footer .con{ width:900px;float:left;}
#footer .con .col_top{ width:100%;float:left; font-size:16px; font-weight:bold;}
#footer .con .col_top img{ margin:-3px 8px 0 0;}
#footer .con .col_1{ width:auto;float:left; margin-left:25px; padding-right:25px;}
#footer .con .col_1 span{ width:auto;float:left; font-size:15px; line-height:36px;}
#footer .con .col_1 a{ font-size:13px;}

.m_r_b{ border-right:1px solid #4D4D4D;}

#footer a{ color:#3A5061}
#footer a:hover{ text-decoration:underline;}


#copy{ width:100%;float:left; background:#E8E8E8;line-height:50px; border-top:1px solid #D9D9D9; color:#999999; text-align:center}
#copy a{color:#999999;}
#copy a:hover{ color:#000;}




.location{ width:100%; float:left; line-height:40px; border-bottom:1px solid #DFDFDF; color:#999; font-size:13px; text-align:right;}
.location img{ margin:-3px 8px 0 0;}
.location a{ color:#999;font-size:13px;}
.location a:hover{ color:#00A49D;}

.container_nei{ width:100%; margin:40px auto 50px auto; float:left}

.title_zz{ width:100%; float:left; font-size:33px; text-align:center; line-height:40px; margin:20px 0 40px 0; color:#000;}




.con_list{ width:250px;  float:left;}
.con_list .title{ width:100%; height:100px; line-height:100px; background:url(../image/list_bg.jpg);float:left; color:#fff; font-size:14px;text-indent:35px;}
.con_list .title span{ font-size:24px;font-weight:bold; }


.con_list ul{ margin:0; padding:0}

.con_list ul li a{ width:220px; text-indent:20px;float:left; padding:20px 15px;  background:#F0F0F0; color:#3A5061; margin-top:2px;font-size:18px; font-weight:lighter;}
.con_list ul li a:hover{ background:#3A5061; color:#fff;}
.con_list ul li a.a2{ width:220px; text-indent:40px;float:left; padding:10px 15px;  background:#F0F0F0; color:#3A5061; margin-top:2px;font-size:16px; font-weight:lighter;}
.con_list ul li a.a2:hover{ background:#3A5061; color:#fff;}
		
.con_list .tel_bg{ width:100%;float:left; height:278px; line-height:58px; background:url(404.png); color:#fff; text-indent:15px;}

.con_list ul.plist li a{ width:100%; line-height:30px; border-bottom:1px solid #D0D0D0;float:left;text-indent:28px; font-size:13px;}
.con_list ul.plist li a:hover{ background:#0049A5; color:#fff;}


.con_nei{ width:910px;float:right;}
.con_nei .title{ width:100%; float:left; line-height:73px; border-bottom:1px solid #CCCCCC; margin-bottom:25px; font-size:22px; font-weight:bold; color:#D4000F;}

.con_tex{ margin-top:20px; width:100%; float:left; }


.con_weizi{color:#fff; float:right; margin-top:260px;}
.con_weizi a{color:#fff;}
.con_weizi a:hover{color:#00AFDF;}

.con_weizi2{color:#444; float:right; margin-top:260px;}
.con_weizi2 a{color:#444;}
.con_weizi2 a:hover{color:#00AFDF;}

.con_news{  width:100%; float:left; margin-top:20px; }
.con_news ul{ margin:0; padding:0;}
.con_news ul li{ width:550px; margin-right:30px; float:left; padding-left:15px;  border-left:5px solid #59AADE; margin-bottom:40px; background:#F5F5F5;}
.con_news ul li .tex{ width:440px; float:left;}
.con_news ul li .tex .title_dd{ width:100%;line-height:30px; float:left; font-size:17px; color:#000;}
.con_news ul li .tex .title_dd a{ font-size:17px; color:#000;}
.con_news ul li .tex .title_dd a:hover{color:#59AADE;}

.con_news ul li .tex .time{ width:100%; float:left; line-height:25px; font-size:13px; color:#CCCCCC;}
.con_news ul li .tex .con_dd{ width:100%; float:left; color:#999;margin-bottom:8px;}

.con_news ul li .btnn{ width:100px; float:right; text-align:center}
.con_news ul li .btnn a{ width:100px; background:#59AADE; color:#fff; float:right; line-height:84px;}
.con_news ul li .btnn a:hover{ font-size:18px;}




.con_lx{width:33%; float:left; text-align:center; line-height:25px; margin-bottom:50px; margin-top:60px;}
.con_lx span{ font-size:18px;}


.con_cp_list{  width:100%; float:left; }
.con_cp_list ul{ margin:0; padding:0;}
.con_cp_list ul li{ width:100%; float:left; margin:30px 0;}
.con_cp_list ul li .tex_jsjs{ width:500px; float:right;}
.con_cp_list ul li .tex_jsjs .p_title{ width:100%; float:left; line-height:30px; font-size:22px; font-weight:bold;}
.con_cp_list ul li .tex_jsjs .p_list{ width:100%; float:left; margin-bottom:15px;}
.con_cp_list ul li .tex_jsjs .p_list a{ width:45%; float:left; line-height:35px; font-size:16px; margin-right:2%; text-indent:15px; border:1px solid #DADADA; margin-bottom:10px;}
.con_cp_list ul li .tex_jsjs .p_list a:hover{ background:#00A49D; color:#fff; border:1px solid #00A49D;}

a.more_dddd{ width:auto; float:left; font-size:14px; color:#00A49D}
a.more_dddd:hover{ font-weight:bold;}

.con_cp_show{  width:100%; float:left; }
.con_cp_show ul{ margin:0; padding:0;}
.con_cp_show ul li{ width:255px; border:4px solid #DADADA; float:left; margin:20px;}
.con_cp_show ul li img{ width:255px; height:255px;}
.con_cp_show ul li p{ width:100%; float:left; text-align:center; line-height:40px; font-size:15px; color:#555;}
.con_cp_show ul li:hover{ border:4px solid #59AADE; color:#fff; }
.con_cp_show ul li:hover p{ color:#fff; background:#59AADE;}



.productUl{padding-top:20px;width:98%; margin:0 auto;}
.productUl li{width:100%;display:block;overflow:hidden;}
.productTit{height:34px;line-height:34px;color:#363636;font-size:14px; font-weight:300;padding-left:20px;border:1px solid #ccc;background:#f7f7f7 url(404.png) no-repeat left center;}
.productM{height:190px;width:100%;}
.productM img,.proviewM img{height:200px;width:200px; border:1px solid #d7d7d7;padding:5px 20px 0 20px;float:left;display:inline-block;}
.productIist{float:left;margin-top:30px;}
.productIist a{width:160px;height:36px;line-height:36px;color:#717171;padding-left:30px;display:inline-block}

.proview{float:right;width:630px; margin-bottom:30px;}
.proview .articleTit{text-align:left;float:left}
.proviewM{height:auto;width:100%;}
.proviewM img{float:left; }
.proview p{display:inline-block; float:left;width:70px; text-align:right; font-weight:bold;}
.proview span{display:inline-block; float:left;width:510px;}
.proview dd{display:block;float:left;width:100%;font-size:14px;line-height:26px;}

.pp_tab{height:18px;margin:20px 0;width:100%;float:left}
#fullbg {background-color:gray;top:0;left:0;opacity:0.5;position:absolute;z-index:3001;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;
} 
.dialog {background:#fff url(404.png) repeat-x center bottom;border:1px solid #25b2bb; 
width:755px;height:410px;padding-bottom:7px;left:50%;margin:-240px 0 0 -380px; position:fixed !important;  position:absolute;top:50%; z-index:3002;display:none;} 
.close{ margin:0px; height:37px;line-height:37px;background:url(404.png) repeat-x center top;} 
.close p{font-size:14px;width:40%;color:#cb2823;font-weight:bolder;line-height:37px;padding:0 10px; float:left;}
.close p.closetab{width:50px;float:right;color:#363636;text-align:right; padding-right:10px;cursor:pointer;} 
.mainTab{float:left;}
.productTab{display:block;width:64px;height:18px;line-height:18px;text-align:center;color:#FFFFFF;background:url(404.png) no-repeat;margin-right:10px;cursor:pointer;}
.productTab.w140{width:150px;background:url(404.png) no-repeat;}
.taball{width:95%;height:340px;margin:20px auto 0 auto;word-break:break-all;color:#717171;font-size:14px;line-height:30px;overflow:hidden;overflow-y:auto;}
.taball div,.taball p,.taball span,.taball img{width:100%;word-break:break-all;display:block;margin:0 auto;padding:0;height:auto;}


#AspNetPager1 a ,#AspNetPager1 span{display: inline-block;padding:0px 10px !important;line-height: 24px;margin:0 2px;border:1px solid #25b2bb;background:#fff;font-size: 12px;color:#717171} 
#AspNetPager1 span{ color: #fff !important;background:#25b2bb;}
#AspNetPager1 select{border:1px  solid #25b2bb;margin-right: 5px;height: 24px;}


.www_zzjs_net{z-index:99;width:270px;left:3px;top:145px;position:absolute;}
.www_zzjs_net .press{left:0;border:none;cursor:pointer;width:32px;height:135px;position:absolute;}
.www_zzjs_net .Qlist{left:0;width:170px;background: url(404.png);padding:5px;}
.www_zzjs_net .Qlist .b{float:left;height:6px;width:170px;font-size:1px;}
.www_zzjs_net .Qlist .infobox{text-align:center;background:#bdc5cb;background-image:url(404.png);background-repeat:no-repeat;padding:5px;line-height:14px;color:#000;font-weight:700;}
.www_zzjs_net .Qlist .t{background:url(404.png);height:34px;}
.www_zzjs_net .Qlist .b{background:url(404.png);height:9px;overflow:hidden;}
.www_zzjs_net .Qlist .con{background:url(404.png);width:100%;padding:10px 0px 10px 0px;}
.www_zzjs_net .Qlist .con h2{height:22px;font:bold 12px/22px "????";background:url(404.png) repeat-y -163px 0;border:1px solid #3a708d;color:#fff;}
.www_zzjs_net .Qlist .con ul,.www_zzjs_net .Qlist .con ul li{width:100%;margin:0;padding:0;}
.www_zzjs_net .Qlist .con ul li a{display:block;width:100%;padding:2px 5px;height:20px;line-height:20px;}
.www_zzjs_net .Qlist .con ul li span font{display:block;text-indent:24px}
.pnews_li ul{width:99%;margin:0 auto;}
.pnews_li ul li{float:left;width:100%;line-height:20px;padding-bottom:10px;margin-top:10px;border-bottom:1px #dedede dotted;}
.pnews_li ul li img{float:left;width:100px;height:75px;border:1px #dedede solid;margin-right:10px;}
.pnews_li ul li a,.pnews_li ul li p.ptim{font-size:12px;color:#555555;}



.product_all{
	float:left;
	width:100%;
}
.productUl .product_all li{width:auto;height:20px; line-height:20px;display:inline-block;}
.productUl .TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; 
}

.productUl .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.productUl .TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background:url(404.png) top repeat-x;
}

.productUl .TabbedPanelsTabSelected {
	color:#ff0000;
	border-bottom: 1px solid #ffffff;
	background:none;
}

.productUl .TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.productUl .TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
}

.productUl .TabbedPanelsContent {
	padding: 4px;
}

.productUl .TabbedPanelsContentVisible {
}

.productUl .VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.productUl .VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.productUl .VTabbedPanels .TabbedPanelsTabSelected {
	border-bottom: solid 1px #999;
}

.productUl .VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
.display-blick-pc{
	display: block!important;
}
.display-blick-h5{
	display: none!important;
}


.pages{ width:100%; float:left; line-height:40px; text-align:center; margin-top:15px;}

p.zhengwen{ line-height:38px; text-indent:30px; font-size:16px;}
@media screen and (max-width: 1233px) {
	.container{
		width: 100%!important;
	}
}
@media screen and (max-width: 1200px) {
	.location{width: -webkit-fill-available;margin:0 15px;}
	.con_news ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.con_news ul li{
		width: 48%;
		margin-right: 0;
		display: flex;
		flex-direction: column;
	}
	.con_news ul li .btnn{
		width: auto;
	}
	.con_news{
		width: auto;
		margin:20px;
	}
	.con_news ul li .tex{
		width: 100%;
	}


	 .container_nei{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.con_nei{
		width: 74%;
	}
	.con_list{
		width: 25%;
	}
	.con_list ul li a.a2,.con_list ul li a{
		width: 100%;
	}
	.con_cp_list ul li{
		display: flex;
	}
	.con_cp_list ul li .tex_jsjs{
		width: 100%;
		margin-left: 10px;
	}
}
@media screen and (max-width: 1150px) {
	
	.container-header{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.container_nei{
		width: auto;
		margin:40px 20px;
	}
	.about-img{
		width: 48%;
	}
	#about .tex{
		width: 50%;
	}
	#list_r{margin-top: 0;}
	#news_lx{
		display: flex;
		justify-content: space-between;
	}
	#news{width: 40%;}
	#lx{width: 58%;}
	#news ul li{width: 100%;display: flex;}
	#yy .icons{width: 100%;background-size: 100%;}
	.con_cp_list ul li .left{
		width: 25%;
		object-fit: cover;
	}
}

@media screen and (max-width: 1052px) {
	#news,#lx{width: 95%;}
	#lx{margin-top:50px;}
	#news_lx .container{display:flex;flex-direction: column;justify-content: center;align-items: center;}
	#yy .icons{background-size: contain;background-repeat: no-repeat;}

}
@media screen and (max-width: 1080px) {
	#nav ul{display: flex;justify-content: space-around;}
	#nav ul li{width: 100%;display: flex;justify-content: space-around;}
	#nav ul li a{height: 40px;line-height: 40px;}
	#nav ul li span{margin:0;}
	.main_image,.main_image ul,.main_image li,.main_image li span{min-height: 360px;}
}

@media screen and (max-width: 950px) {
	#footer .con{width: 100%;}
	#banner_pro{
		background-position-x: 35%;
	}
}

@media screen and (max-width: 890px) {
	#footer .con{
		display: flex;
		flex-wrap: wrap;
	}
	#footer .con .col_1{margin:0 1.5%;width: 30%;padding:0}
	.con_news ul li .tex .con_dd{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.con_cp_show ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.con_cp_show ul li{
		margin:20px 0;
		width: 48%;
	}
}


@media screen and (max-width: 768px) {
	.container-header{
		display: none;
	}
	.display-blick-pc{
		display: none!important;;
	}
	.display-blick-h5{
		display: flex!important;;
	}
	.navbar-logo{
		flex:1;
	}
	.about-img,.title_dd,#list_r{display: none;}
	.con_news ul li .tex .title_dd{
		display: block;
	}
	#about .tex{width: 100%;}
	#list_r .liebiao{width: 100%;}
	#lx .main_xia .l_map{width: 100%;}
	#lx .main_xia .l_map img{width: 100%;}
	#list .title_tex{width: 100%;font-size: 14px;text-align: center;}
	#list_r .liebiao ul{width: 100%;display: flex;}
	#list_r .liebiao ul li{width: 25%;}
	#list_r .liebiao ul li a{width: 100%;padding: 0;height: 140px;font-size: 14px;}
	#about .tex img{width: 250px;}
	.rollBox .Cont .pic p{font-size: 12px;}
	.rollBox .Cont .pic{width: 230px;}
	.rollBox .Cont .pic img{width: 180px;height: 180px;}
	#lx .main_xia .r_lx{width: 100%;}
	#about{float: none;margin:auto;width: 92%;}
	#footer .con .col_1{
		width: 100%;margin: 0;
	}
	#footer .con .col_1 table{width: 100%!important;}

	.title_zz{
		font-size: 24px;
	}
	#copy .container {font-size: 14px;;}
	#banner_about{
		background-position-x: 72%;;
	}
	.con_news ul{
		justify-content: center;
	}
	.con_news ul li{
		width: 90%;
	}


	 .container_nei .con_nei{
		width: 100%;
	}
	 .container_nei .con_list{
		width: 100%;
		margin-top:40px;
	}
}
@media screen and (max-width: 740px) {
	#banner_pro{
		background-size: cover;
		height: 200px;
		background-position-x: 25%;
	}
	#banner_about{
		background-size: cover;
		height: 200px;
		background-position-x: 68%;
	}
	.proview{
		width: 100%;
	}
	.proview span{
		width: 100%;
	}

}
@media screen and (max-width: 568px) {
	.con_cp_list ul li{
		display: flex;
		flex-direction: column;
	}
	.con_cp_list ul li .left{
		width: 100%;
	}
	.con_cp_show ul li{
		width: 100%;
	}
	.con_cp_show ul li a{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

@media screen and (max-width: 480px) {
	#news ul li .tex p{width: auto}
	.abouts .container_nei img{
		width: 100%!important;
		margin:0!important;
	}
}


.con_nei2{ width:542px;float:left; margin:0 0 25px 0; margin-left:60px;}
.con_nei2 .pic_d{ width:490px;float:left; border:1px solid #ccc; }
.con_nei2 .pic_d img{ width:490px; height:490px;}
.con_nei2 .pic_x{ width:520px;float:left; margin-top:20px; margin-left:20px; }
.con_nei2 .pic_x img{ width:80px; height:80px;float:left; margin-right:28px; padding:4px;}

.con_tex_r{ width:550px;float:left; margin-top:0px;}
.con_tex_r .xx{ width:45%;padding-right:5%;float:left; margin:30px 0;  line-height:30px;}

.xx2{ width:100%;float:left; margin-top:30px;}
.xx2 .title{ width:100%; line-height:40px; background:#EBEBEB; font-size:15px; font-weight:bold; float:left;text-indent:15px; border-top:2px solid #2D5998; border-bottom:1px solid #E1E1E1; color:#444;}
.xx2 .con_tex2{ padding:15px; float:left; line-height:26px;}

.sd0001 img{ border:2px solid #000; cursor:pointer}
.sd0002 img{border:1px solid #ccc; cursor:pointer}
.hidden{display:none;}