body, div, ol, ul, li {margin:0 auto; padding:0;font-style: normal;font:12px "\5FAE\8F6F\96C5\9ED1",Arial, Helvetica, sans-serif}

ol, ul ,li{list-style:none}
img {border: 0;}
body{color:#333;text-align:center}
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px}
a{color:#000000;text-decoration:none;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;} 
a:hover{color:#BA2636;text-decoration:underline;}



.top_text{
padding:0;
font-family: "寰蒋闆呴粦";
font-size:15px;
line-height:35px;
height:35px;
width:auto;
color:#fff;}

.leftbox
{
	margin:2 auto;
	margin-top:2px;
	_margin-top:2px; 
	margin-bottom:2 auto;
	_margin-bottom:2 auto; 
	background:#FFF;
	width:200px;
	height:350px;
	border: 0px;
	border-color: #333;
	border-style: solid;
	-webkit-box-shadow: 0px 0px 10px #808080;
	-moz-box-shadow: 0px 0px 10px #808080;
	box-shadow: 0px 0px 5px #808080;
}

.rightbox
{
	margin:2 auto;
	margin-top:2px;
	_margin-top:2px; 
	background:#FFF;
	width:760px;
	height:-10px;
	border: 0px;
	border-color: #333;
	border-style: solid;
	-webkit-box-shadow: 0px 0px 10px #808080;
	-moz-box-shadow: 0px 0px 10px #808080;
	box-shadow: 0px 0px 5px #808080;
}


#top { width:100%; margin:0 auto; background-color:#fff;
}




#head { width:1200px; height:110px;overflow:hidden;}

#head .left { float:left; width:480px; text-align:left;padding-top:24px;}
#head .left .logo { float:left; width:480px; height:80px; background:url(../image/logo1.png) no-repeat 0 0;}
h1#logo{ width:480px; height:80px; font-size:12px;}
h1#logo a{ display:block; width:100%; height:100%; text-indent:-9999px;}

#head .right { float:right; width:720px; padding-top:10px; overflow:hidden;}
#head .right .inp { float:right; width:350px; height:32px; padding-top:8px;}
#head .right .inp span { font-size:18px; font-weight:bold; color:#7F8080;}


#toplogin { width:100%; margin:0 auto; overflow:hidden;border-bottom:#efefef solid 1px;height:54px; background-color:#fff; }
#toplogin .login {width:1200px; height:54px;}
.login .left_org { float:left; width:200px; height:54px;}

.login .left_org .three { width:200px; height:54px;}
.login .left_org .three .threeleft { float:left; width:29px; height:54px; background:url(../image/cn.png) 0 20px no-repeat }
.login .left_org .three .threeleft_usa { float:left; width:50px; height:54px; line-height:54px; color:#adadad; text-align:left; font-size:14px; overflow:hidden;}
.login .left_org .three .threeleft_usa a{ width:50px; height:54px; line-height:54px; color:#999; text-align:left; font-size:14px; text-decoration:none;}
.login .left_org .three .threeleft_usa a:hover{ color:#7D7D7D;}
.login .left_org .three .threeleft_jt { float:left; width:30px; height:30px;}

.down-arrow {
    display :inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 24px;
	margin-top:17px;
}

.down-arrow::after {
    display: inline-block;
    content: " ";
    height: 6px;
    width: 6px;
    border-width: 0 2px 2px 0;
    border-color: #999999;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform-origin: center;
    transition: transform .3s;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
}


.login .login_tel{ float:right; width:532px; height:54px; background:url(../image/top_r.png) no-repeat 0 5px;}
.login .login_tel .tel { float:left; width:130px; line-height:54px; overflow:hidden; color:#999; text-align:left; font-size:14px; font-family:Arial, Helvetica, sans-serif;
padding-left:35px; overflow:hidden;}
.login .login_tel .mail { float:left; width:162px; line-height:54px; overflow:hidden; color:#999; text-align:left; font-size:14px; font-family:Arial, Helvetica, sans-serif;
padding-left:43px; overflow:hidden;}
.login .login_tel .time { float:right; width:136px; line-height:54px; color:#999; text-align:right; font-size:14px; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}



.seacher{ width:348px; height:30px; border:#DFDFDF solid 1px;}
.seacher .put { float:left; width:308px; height:30px; text-align:center; text-align:right; background-color:#fff;}
.seacher .subm { float:right;width:39px; height:30px; background:#fff url(../image/cx.png) no-repeat 0 0;; border-left:#dfdfdf solid 1px;}
.seacher .subm:hover {background:#0095DA url(../image/cxb.png) no-repeat 0 0;}
.seacher_txt { border:0;font-size:9pt; font-style: normal; font-weight:normal;color:#9B9B9B;height:30px; background-color:none; width:300px;}
.seacher_txt:focus{outline:0}

.seacher_ly { border:#ccc solid 1px;font-size:9pt; font-style: normal; color:#9B9B9B; height:28px; background-color:none; width:400px;}
.area_cen{ height:100px; }
.seacher_ly:focus{outline:0; border:#FF9C00 solid 1px;}
.content td { padding:5px 5px; font-size:12px;}


.dotinput {
	HEIGHT: 18px;
	float:left;
	width:300px; padding-left:8px;font-size:9pt;
	background: repeat-x 100% bottom;
	border-top: 0px dotted #000000;
	border-right: 0px dotted #000000;
	border-bottom: 1px dotted #000000;
	border-left: 0px dotted #000000;
}

.navbg {width:720px; height:104px; overflow:hidden; padding-top:0px;}
.nav { width:720; height:104px; border:0px; font-family: "寰蒋闆呴粦";line-height:54px;}
.nav ul{ margin:0; padding:0; border:midium none;z-index:10000;}
.nav ul li a { display: block; width:120px; text-align:center; height:104px; line-height:104px; color:#474443;font-size:16px;}
.nav ul li a:hover { text-decoration:none; color:#fff; font-weight:bold; background-color:#42C0F5;line-height:80px; text-decoration:underline;}
.nav ul li span a {display: block; width:120px; height:104px; line-height:104px; font-size:16px;text-align:center; text-decoration:none; color:#42C0F5; font-weight:bold; text-decoration:underline;}

 
.nav ul li { display:block; float:left;width:120px; font-size:15px;color:#333; line-height:54px;text-align:center; border-right:1px;border-color: #036d95; overflow:hidden;}
.nav li {float: left; width:120px; }
.nav li ul { line-height:36px; left: -999em; width:120px; position: absolute; opacity: 0.9;}
.nav li ul li{float: left; width:120px;}
.nav li ul a{color:#333; text-decoration:none;width:120px; height:36px; line-height:36px; background:#efefef;opacity: 0.9; border-bottom:1px solid #D5D7DB; border-top:1px solid #ffffff;}
.nav li ul a:hover { color:#fff; text-decoration:none; background:#0095DA; opacity: 0.9; width:120px; border-bottom:1px solid #D5D7DB; border-top:1px solid #ffffff;}

.nav li ul .samll a{color:#333; text-decoration:none;width:120px; height:36px; line-height:36px; background:#efefef;opacity: 0.9; border-bottom:1px solid #D5D7DB; border-top:1px solid #ffffff; font-size:12px;}
.nav li ul .samll a:hover { color:#fff; text-decoration:none; background:#ED1B23; opacity: 0.9; width:120px; border-bottom:1px solid #D5D7DB; border-top:1px solid #ffffff;}

.nav li:hover ul { left: auto;}
.nav li.sfhover ul { left: auto;}

#ban { width:100%; height:620px; margin:0 auto; overflow:hidden;}
#ban .banner { width:100%; height:620px; background-color:#fff;}
#news_move { margin:0 auto; height:30px; width:100%; overflow:hidden; background-color:#46ABDF;}

#kh { width:100%; margin:0 auto; padding:0; overflow:hidden;}
#kh .no {width:1200px; height:75px; background:url(404.png) no-repeat 0 0;}
#kh .pro_biaoti{width:1185px; height:43px; line-height:40px; border-bottom:#CD423B solid 2px; color:#CD423B; font-size:16px; font-weight:bold; text-align:left; padding-left:15px;}
#kh .pro_biaoti span { font-size:12px; color:#C0C0C0;}


#mianthree_over { width:100%; background-color:#fff;}
#mianthree { width:1300px; height:480px; margin:0 auto;}
#mianthree .about { float:left; width:350px;}
.about .tpleft { width:350px;overflow:hidden;}
.about .tpleft img{ border-radius:6px 6px 0 0; width:100%; height:auto;}
.about .tpleft img{
  cursor: pointer;
  transition: all 0.6s;
}
.about .tpleft img:hover{
  transform: scale(1.4);opacity:0.5;
}

.bt { float:left; width:350px; text-align:left; font-size:15px; font-weight:bold; padding:8px 0; color:#008FD7; border-bottom:#ccc dotted 1px;}
.bt span {text-align:left; font-size:14px; font-weight:bold;color:#474443;}
.bt_content { width:350px; padding-top:16px; padding-bottom:8px; overflow:hidden;}
.bt_content .bt_content_left { float:left; width:60px; height:40px; border-right:solid #666 2px;}
.bt_content .bt_content_right { float:right; width:270px; text-align:left; font-size:16px; color:#666; overflow:hidden; line-height:24px;}
.bt_content .bt_content_right .b_t { width:270px; height:30px; text-align:left; font-size:16px; font-weight:bold; color:#E50012; overflow:hidden;}
.bt_content .bt_content_right sup { font-size:8px;}

.bt_content strong {color:#0095DA;}
.bt_more { float:left; width:120px; text-align:left; font-size:12px; color:#474443; padding-left:78px;}
.bt_more a{ display:block; width:120px; text-align:left; font-size:12px; color:#474443; height:30px; line-height:30px; font-style:oblique;text-decoration:underline;} 
.bt_more a:hover{ display:block; width:120px; text-align:left; font-size:12px; color:#ff0000; text-decoration:none;font-style:oblique;}


#mianthree .pro { float:left; width:350px;}
.pro .tpcenter { width:350px; height:200px; overflow:hidden;}

.pro .tpcenter img{ border-radius:6px 6px 0 0; width:100%; height:auto;}
.pro .tpcenter img{
  cursor: pointer;
  transition: all 0.6s;
}
.pro .tpcenter img:hover{
  transform: scale(1.4);opacity:0.5;
}

#mianthree .case { float:left; width:350px;}
.case .tpright { width:350px; height:200px; overflow:hidden;}
.case .tpright img{ border-radius:6px 6px 0 0; width:100%; height:auto;}
.case .tpright img{
  cursor: pointer;
  transition: all 0.6s;
}
.case .tpright img:hover{
  transform: scale(1.4);opacity:0.5;
}

.case .newsimg { width:270px;}
.case .newsimg .indexnewstxt {width:270px; text-align:left;}
.case .newsimg .indexnewstxt span{ display:block;width:270px; line-height:22px; text-align:left; padding-top:6px;  color:#666; font-size:14px;}
.case .newsimg .indexnewstxt a{ display:block; width:270px; height:22px; color:#111;font-size:14px; line-height:22px;text-decoration:underline; }
.case .newsimg .indexnewstxt a:hover{ color:#666; text-decoration:none;}


#mianthree ul {
  width: 1200px;
  padding: 0 30px;
  margin: 0 auto;
}

#mianthree ul li {
  float: left;
  width: 358px;
  padding: 20px;
  list-style: none;
  background-color: #fff;
  border: 0px solid rgba(223,231,239, .7); 
  color: rgb(32,40,48);
  text-shadow: 0 1px 1px rgb(255,255,255);
  font-size: 14px;
  transition: all .2s ease;
}

#mianthree ul li:hover{
  -webkit-transform: scale(1.1);
	  -moz-transform: scale(1.1);
			transform: scale(1.1);
  -webkit-border-radius: 8px;
	  -moz-border-radius: 8px;
			border-radius: 8px;
  -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.3);
	  -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.3);
			box-shadow: 0 -1px 10px rgba(0,0,0,.3);
}

#mianthree ul li h4 {
  height: 40px;
  margin-bottom: 15px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid rgba(223,231,239, .7);
}

#mianthree ul li p {
  text-align: center;
}

#mianthree ul li p.btn a {
  display: inline-block;
  padding: 10px 40px;
  margin-top: 15px;
  text-shadow: 0 1px 1px rgba(32,40,48,.8);
  text-decoration: none;
  color: rgb(255,255,255);
  background-color: rgb(229,195,85);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(229,195,85)), to(rgb(187,160,71)));
  background-image: -moz-linear-gradient(left top, left bottom, rgb(229,195,85), rgb(187,160,71));
  background-image: linear-gradient(left top, left bottom, rgb(229,195,85), rgb(187,160,71));
  -webkit-border-radius: 8px;
	  -moz-border-radius: 8px;
			border-radius: 8px;
  transition: all .2s ease;
}

#mianthree ul li p.btn a:hover {
  -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.3);
	  -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.3);
			box-shadow: 0 -1px 10px rgba(0,0,0,.3);
}

#mianthree ul li p.btn-yellow a {
  background-color: rgb(218,109,14);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,153,0)), to(rgb(190,75,26)));
  background-image: -moz-linear-gradient(left top, left bottom, rgb(255,153,0), rgb(190,75,26));
  background-image: linear-gradient(left top, left bottom, rgb(255,153,0), rgb(190,75,26));
}

#mianthree ul li p.btn-red a {
  background-color: rgb(188,72,72);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(188,72,72)), to(rgb(126,49,49)));
  background-image: -moz-linear-gradient(left top, left bottom, rgb(188,72,72), rgb(126,49,49));
  background-image: linear-gradient(left top, left bottom, rgb(188,72,72), rgb(126,49,49));
}

#mianthree ul li p.btn-purple a {
  background-color: rgb(122,104,166);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(122,104,166)), to(rgb(91,78,127)));
  background-image: -moz-linear-gradient(left top, left bottom, rgb(122,104,166), rgb(91,78,127));
  background-image: linear-gradient(left top, left bottom, rgb(122,104,166), rgb(91,78,127));
}



#index_pro { width:1200px; margin:0 auto; text-align:left; height:30px; line-height:30px; border-bottom:#B0ADAD dashed 1px; font-size:15px; font-weight:bold; overflow:hidden;}


.autoprocont{ width:1200px; margin:0 auto; padding-top:10px; padding-bottom:15px; overflow:hidden;}
#mrq{width:1200px; margin:5px auto;}
#Marquee_x { overflow:hidden; width:1200px } 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} 
#Marquee_x ul li div{ float:left;line-height:25px;height:135px; width:158px; overflow:hidden}
#Marquee_x ul li div img{ border:1px solid #ccc; padding:3px; width:150px; height:105px; display:block}
#Marquee_x ul li div span{ display:block;}

#n{margin:10px auto; width:150px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}



#advantage_box {width:100%;margin:0 auto;background:url(../image/home_bx_bg.jpg) center bottom no-repeat #0058A3; }
.adv_box {width:1200px; }
ul#adv_box {width:1200px; height:600px;}
ul#adv_box li { float:left; width:575px; height:180px; background:rgba(255,255,255,1); margin-right:50px; margin-top:40px; padding:30px 0;
cursor: pointer;transition: all 0.4s;
}
.adv_box_leftpic { float:left; width:200px; height:180px;}
.adv_box_righttxt { float:right; width:355px;height:180px; font-size:16px; color:#666; text-align:left; line-height:26px; padding-right:20px;}
.adv_box_righttxt span { display:block; font-size:22px;line-height:46px; color:#666; font-weight:bold;padding-top:10px;}
.adv_box_righttxt span b{line-height:40px; color:#0058A3; font-weight:bold;}
.adv_box_righttxt a { font-size:16px;line-height:26px;color:#666; text-align:left;}
.adv_box_righttxt a:hover { color:#0058A3; }

ul#adv_box li:hover{ background-color:#F4F4F4; transform: scale(1.1);opacity:1;}




.index_job { width:60%; height:180px; border: solid 1px #0E57A7; margin-bottom:80px;}
.index_job_zp{ padding:50px; font-size:16px;}
.index_job_zp span { font-size:22px; color:#E50012; line-height:50px;}


#index_product { width:100%; margin:0 auto; overflow:hidden;padding:10px 0;}
#index_product .container_five {width:1200px; height:440px; overflow:hidden;}
ul#circular { width:1200px;}
ul#circular li { float:left; width:200px; height:360px; margin-right:50px;}
ul#circular li .fdimg{width:200px; height:200px; overflow:hidden; border-radius:200px;-moz-border-radius:200px;}
ul#circular li .fdimg img{ display:block;}
ul#circular li .fdimg img{
  cursor: pointer;
  transition: all 0.6s;
}
ul#circular li .fdimg img:hover{
  transform: scale(1.4);
}
ul#circular li strong { color:#0095DA}
.line_cir { width:200px; height:2px; background-color:#fff;}
ul#circular li span { display:block; width:200px; height:30px; line-height:30px; color:#fff; font-size:16px; font-weight:bold;text-align:center; padding-top:12px;}
ul#circular li b { display:block; width:200px;line-height:24px; color:#fff; font-size:14px; font-weight:normal;text-align:center; padding-top:12px;}
ul#circular li .number { display:block; width:200px;line-height:34px; color:#fff; font-size:32px; text-align:center; padding-top:20px; border-bottom:#fff dashed 0px; font-weight:600;}
ul#circular li .number sup{ color:#ff0000; font-size:16px; }
ul#circular li .icon { width:30px; height:30px; margin-top:25px;}


#index_video { width:100%; margin:0 auto; overflow:hidden;padding:10px 0; }
#index_video .index_video { width:1200px; overflow:hidden;}
.index_video .left_video { float:left; width:400px; height:500px; padding-right:49px; border-right:#C9C9C9 solid 1px; }
.index_video .right_video { float:left; width:700px; height:500px; padding-left:50px; background:url(404.png) center 60px no-repeat;}
.index_video .right_video .right_bw{ width:700px; text-align:left; line-height:22px; font-size:16px; padding-top:0px;}


#kh_b { width:100%; margin:0 auto; padding:0; overflow:hidden; background-color:#fff}
#kh_b .pro_biaoti{width:1200px; line-height:40px; border-bottom:#CD423B solid 0px; color:#474443; font-size:26px; font-weight:bold; text-align:center; padding-top:15px; padding-bottom:10px;}
#kh_b .pro_biaoti span { font-size:26px; color:#184097;font-weight:bold;}
#kh_b .pro_biaoti b{ display:block; font-size:18px; color:#666; width:200px; height:40px; background:url(../image/about_bg.png) 0 0 no-repeat;}
#kh_b .pro_biaoti .x_sm { width:1200px; font-size:16px; color:#999; line-height:26px; text-align:center; padding-top:10px;}

#index_product_list { width:100%; margin:0 auto; overflow:hidden;padding:10px 0; background-color:#fff;}
.pro_list{ width:1200px;overflow:hidden;}
ul#pro_list { width:1200px; }
ul#pro_list li { float:left;width:228px; height:180px;margin-right:15px; overflow:hidden;}
ul#pro_list li img{
  cursor: pointer;
  transition: all 0.6s;
}
ul#pro_list li img:hover{
  transform: scale(1.4);
}

ul#pro_list_span { width:1200px; }
ul#pro_list_span li { float:left;width:228px;margin-right:15px; overflow:hidden;}
ul#pro_list_span li a{ display:block; width:228px; line-height:40px; font-size:14px; color:#fff; background:#0095DA; text-decoration:none;}
ul#pro_list_span li a:hover{ background:#474443; padding-top:20px; }




#agent { width: 820px; margin:0 auto; height:200px; overflow:hidden;}
#agent .agent_left { float:left; width:300px; height:200px; }
#agent .agent_left img {border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0;}
#agent .agent_right { float:right; width:490px; height:195px; font-size:14px; color:#333; line-height:30px; text-align:left; padding-top:5px;}
#agent .agent_right span { font-size:16px; color:#066734; font-weight:bold;}

.con_line { width:820px; margin:0 auto; text-align:left; height:40px; border-bottom:#D6D6D6 solid 1px; font-size:14px; color:#066734;line-height:40px; font-weight:bold;}


#authenticity { width:100%; height:170px; background-color:#ECECEC; line-height:170px; text-align:center; font-size:16px; color:#000; margin-top:5px;}
#authenticity a{ line-height:170px; font-size:16px; color:#000; text-decoration:underline; font-family:Microsoft JhengHei;font-style:oblique;}
#authenticity a:hover{ padding-left:20px;color:#333; }


#ind_pro_four { width:100%; margin:0 auto; padding-bottom:50px;}
ul#four_cike { width:1200px;}
ul#four_cike li { float:left; width:300px; line-height:36px; margin:8px 0;}
.four_red_suzi{ float:left; width:58px; height:36px; background-color:#E60012; line-height:36px;font-size:14px;  color:#fff;}
.four_ef_txt { float:left; width:227px; height:36px; background-color:#efefef; line-height:36px; font-size:14px; text-align:left; padding-left:15px;}
.four_ef_txt a{ line-height:36px; font-size:14px; text-align:left; color:#333;}
.four_ef_txt a:hover{ padding-left:10px; color:#999;}





.left_pic { width:300px; height:95px; overflow:hidden; padding-bottom:6px;}


.wh {width:820px; height:460px; background:url(404.png) no-repeat 0 0; padding-left:50px;}



#ban_location bak { width:100%; margin:0 auto; padding:0; overflow:hidden; background:url(404.png) no-repeat center top;}
#ban_location { width:100%; margin:0 auto; padding:0; overflow:hidden; background-color:#fff;}

 
#ban_sub { width:100%; height:350px; margin:0 auto; padding:0;overflow:hidden; background:url(../image/sub_bg1.jpg) center 0 no-repeat; z-index:-10;}
#ban_sub .banner_sub { width:1200px; height:350px; color:#fff; font-weight:bold; font-size:30px; line-height:40px; text-align:left; padding-top:100px;}
#ban_sub .banner_sub span{ display:block;text-align:left; color:#efefef; line-height:30px; font-weight:bold; font-size:14px; }



.sub { width:1200px; overflow:hidden; padding:0px;  border:#efefef solid 0px; margin:0 auto;}

.sub .sub_left { float:left; width:200px; padding-top:10px; padding-bottom:20px; overflow:hidden; border:#DDDDDD solid 0px; background-color:#fff;}
.sub_left .biaoti { float:left; width:170px; padding-left:30px;text-align:right; height:38px; line-height:38px;color:#333; font-size:20px; border-bottom:#DDDDDD solid 0px; }
.sub_left .biaoti span { float:right; height:38px; line-height:38px; color:#ccc; font-size:12px; }
ul#leftlist { width:200px; overflow:hidden;}
ul#leftlist li { width:200px; text-align:right; height:34px; border-bottom:#DDDDDD solid 0px;}
ul#leftlist li a { display:block; width:200px; text-align:right; height:34px; line-height:34px; color:#666; font-size:14px; text-decoration:none;}
ul#leftlist li a:hover { color:#FE4D00; padding-right:20px;}
ul#leftlist li h3 a { display:block;width:200px;text-align:right; height:34px;line-height:34px;color:#0058A3;font-size:14px;text-decoration:none;font-weight:bold;text-decoration:underline;}
ul#leftlist li h3 a:hover { color:#666;}

ul#leftlist li.class { width:200px; text-align:left; height:27px; border-bottom:#DDDDDD solid 1px;}
ul#leftlist li.class a { display:block; width:200px; text-align:right; height:28px; line-height:28px; color:#666; font-size:12px; text-decoration:none; background:none;}
ul#leftlist li.class a:hover { color:#FE4D00; }
ul#leftlist li.class h3 a { display:block;width:160px;padding-left:40px;text-align:left; background:url(404.png) 24px 10px no-repeat;height:28px;line-height:28px;color:#0B3A80;font-size:12px;text-decoration:none;font-weight:bold;}
ul#leftlist li.class h3 a:hover { color:#1A448E;}


ul#newsleft { width:300px; overflow:hidden; padding-top:10px;}
ul#newsleft li{ widows:300px; background:url(../image/news_bg.png) no-repeat 8px 4px; text-align:left; border-bottom:#eee solid 1px;}
ul#newsleft li a{ display:block;width:280px; height:28px;line-height:28px;color:#515050; padding-left:20px; font-size:12px; overflow:hidden;}
ul#newsleft li a:hover{ color:#ff0000; text-decoration:none;}
ul#newsleft li.red a{ color:#ff0000; font-weight:bold;}
ul#newsleft li.red a:hover{ color:#054083; text-decoration:underline;}


.left_pic { width:300px; height:95px; overflow:hidden; padding-bottom:6px;}


.wh {width:820px; height:460px; background:url(404.png) no-repeat 0 0; padding-left:50px;}



.sub .sub_right { float:right; width:950px; background-color:#fff; border-left:#CECECE solid 1px;}
.sub_right .biaoti { float:left; width:890px; margin-left:30px; padding-top:10px;text-align:left; height:38px; line-height:38px; font-weight:bold; color:#666; font-size:16px; border-bottom:#E6E6E6 solid 1px;}
.sub_right .biaoti h3{ float:left; width:938px; text-align:left; height:38px; line-height:38px; font-weight:bold; color:#666; font-size:16px; }
.sub_right .biaoti a{  line-height:38px; font-weight:bold; color:#666; font-size:16px; text-decoration:none}
.sub_right .biaoti a:hover{text-decoration:underline;}
.sub_right .biaoti span{ text-align:left; line-height:38px; font-weight:bold; color:#ff0000; font-size:16px; }
.sub_right .tp_pic { width:950px; height:183px; padding-top:15px; overflow:hidden;}
.sub_right .content { width:890px; padding-top:20px; overflow:hidden; padding-left:30px; padding-right:30px;}
.sub_right .content img{ display:block;}

.content .pc_map{ display:block; width:888px; height:500px;}


.sub_right .content p { font-size:16px; color:#333; line-height:28px; text-align:left; padding-bottom:20px;  }
.sub_right .content .sweet { float:left;height:30px; line-height:30px; width:600px; padding-left:35px; background:url(404.png) 0 0 no-repeat;border-bottom:#7A0A56 dashed 1px; color:#7A0A56; font-size:16px; font-weight:bold; text-align:left; margin-bottom:8px;}
.sub_right .content .spacemint { float:left;height:30px; line-height:30px; width:950px; padding-left:35px; background:url(404.png) 0 0 no-repeat;border-bottom:#7A0A56 dashed 1px; color:#7A0A56; font-size:16px; font-weight:bold; text-align:left; margin-bottom:8px;}

.sub_right .content p span { color:#000; font-size:16px; }
.sub_right .content p strong{ color:#000; font-size:16px; line-height:30px;}
.sub_right .content h4{ font-size:16px; color:#08417B; line-height:24px; text-align:left;font-weight:bold; padding:0;}




.jobs { width:100%; padding:30px 0;}
.jobs td{ padding:8px 10px;line-height:30px;text-align:left; font-size:12px; color:#333;}
.jobs td a{line-height:30px;text-align:left; font-size:14px; color:#BE957B;font-weight:bold;}
.jobs td span { display:block; font-size:12px; line-height:22px; text-align:left;  color:#666;}



.content .cultrue {width:950px; height:533px; position:relative;z-index:66; background:url(404.png) 0 0 no-repeat; margin-top:30px;}
.content .cultrue .cul_text { width:200px; height:150px; font-size:14px; line-height:22px; position:absolute; z-index:68; text-align:left; color:#333;}
.content .cultrue .cul_text span { font-size:20px; line-height:32px; font-weight:bold; }
.content .cultrue .cul_text b { font-size:14px; line-height:22px; font-weight:normal; color:#55900C;}


.content .onetext{ width:890px; text-align:center; line-height:40px; color:#333; font-size:26px; }
.content .onetext span{ display:block; width:890px; text-align:center; line-height:26px; color:#666; font-size:14px; padding-bottom:20px;}


.conpic { width:870px; margin:0 auto; overflow:hidden;}
ul#zs { width:700px; height:450px;} 
ul#zs li{ float:left; width:280px; height:210px; padding:0 20px;}
ul#zs li img{ padding:3px; border:#333 solid 1px;}

.pro_list{ width:1200px; padding:21px; overflow:hidden;}
ul#pro_list { width:1200px; }
ul#pro_list li { float:left;width:228px; height:180px;margin-right:15px; overflow:hidden;}
ul#pro_list li img{
  cursor: pointer;
  transition: all 0.6s;
}
ul#pro_list li img:hover{
  transform: scale(1.4);
}

ul#pro_list_span { width:1200px; }
ul#pro_list_span li { float:left;width:228px;margin-right:15px; overflow:hidden;}
ul#pro_list_span li a{ display:block; width:228px; line-height:40px; font-size:14px; color:#fff; background:#E23A3A; text-decoration:none;}
ul#pro_list_span li a:hover{ background:#ff6000; padding-top:20px; }



.content .list_pro{ width:890px;overflow:hidden;}
ul#list_pro { width:890px; }
ul#list_pro li { float:left;width:162px; height:286px;margin-right:20px;overflow:hidden;}
ul#list_pro li img{
  cursor: pointer;
  transition: all 0.6s;
}
ul#list_pro li img:hover{
  transform: scale(1.4);
}
ul#list_pro li span a{ display:block; width:162px; height:40px; line-height:40px; font-size:14px; color:#fff; background:#0168B5; text-decoration:none;}
ul#list_pro li span a:hvoer{ background:#ff0000; font-weight:bold;}



.content .chef{ width:890px;font-size:14px; margin-top:10px; text-align:left; overflow:hidden;}
.content .chef .img_left { float:left;width:300px; height:390px; overflow:hidden; padding-bottom:10px;}
.content .chef .title_right{ float:right;width:560px; height:390px; overflow:hidden; text-align:left;}

.content .chef .title_right .list{width:560px; overflow:hidden;}
.chef .title_right .list .center { float:left; width:560px; text-align:left; line-height:30px; }
.chef .title_right .list .center span { text-align:left;line-height:30px; font-size:12px; color:#BBBBBB;font-style:oblique;}

.chef .title_right .intro { width:560px; line-height:24px; text-align:left; font-size:14px; color:#666666;}
.chef .title_right .intro strong {color:#Ff6000;}

.chef .title_right .list .center a { text-decoration:none;color:#Ff6000;line-height:30px;font-size:16px; font-weight:bold; }
.chef .title_right .list .center a:hover {text-decoration: underline;color:#333;}


.content .chef .page{width:890px; height:36px; background-color:#DDDDDD; font-size:14px;}
.chef .page .left { float:left; width:660px; height:36px; line-height:36px; text-align:left; padding-left:10px;}
.chef .page .center { float:left; width:100px; text-align:center; height:28px; padding-top:8px;}
.chef .page .right { float:left; width:100px; text-align:center; height:28px; padding-top:8px;}

.chef .page .center a { text-decoration:none;color:#333;height:36px;line-height:36px;font-size:14px;}
.chef .page .center a:hover {text-decoration: underline;color:#F86313;}



.content .coop{ width:890px;font-size:14px; margin-top:10px; text-align:left; overflow:hidden;}
.content .coop .coop_left { float:left;width:450px; height:300px; overflow:hidden; padding-bottom:10px;}
.content .coop .coop_left a{ display:block; width:450px; height:300px; background:url(404.png) 0 0 no-repeat;}
.content .coop .coop_left a:hover{ background:url(404.png) 0 0 no-repeat;}

.content .coop .coop_right{ float:right;width:440px; height:320px; overflow:hidden; text-align:right; font-size:26px; line-height:50px; color:#333; padding-top:30px;}
.content .coop .coop_right span{ text-align:right; font-size:20px; line-height:30px; color:#666;}
.content .coop .coop_right b{ text-align:right; font-size:16px; line-height:30px; color:#ff5400; font-weight:bold}



.content .app{ width:890px;font-size:14px; margin-top:10px; text-align:left; overflow:hidden;}
.content .app .app_left { float:left;width:100px; height:100px; padding-right:40px;}
.content .app .app_right { float:left;width:650px; height:100px; font-size:16px; color:#FF7200; line-height:30px; text-align:left; padding-top:20px; font-weight:bold;}
.content .app .app_right_1 { float:right;width:100px; height:100px; font-size:16px; color:#000; line-height:100px; text-align:right; font-weight:bold;}




.service_zt { float:left;}
.service_zt a { display:block; width:140px; height:40px; line-height:40px; font-size:14px; text-align:center;  text-decoration:none;  background-color:#ff6000; color:#fff;}
.service_zt a:hover { background-color:#fff; color:#ff6000; height:38px; line-height:38px;border:#ff6000 solid 1px; }


.sub_right .proone { width:870px; padding-top:20px; height:400px; overflow:hidden; background:url(404.png) no-repeat bottom ;}
.sub_right .proone img{ display:block;}
.sub_right .proone .onetext{ width:870px; float:left; text-align:left; line-height:36px; font-weight:bold; color:#9F1A83; font-size:16px; font-family:"\5B8B\4F53"; }
.sub_right .proone p { font-size:14px; color:#333; line-height:24px; text-align:left; padding-bottom:20px;}
.sub_right .proone p b{ color:#9F1A83;}
.sub_right .proone p span { width:870px; font-size:15px; font-weight:bold; color:#9F1A83; line-height:24px; text-align:left; font-family:"\5B8B\4F53"}
.proone .total { width:870px; padding-top:20px; overflow:hidden;}
.proone .total .leftpic { float:left; width:250px; height:183px;} 
.proone .total .righttxt{ float:left; width:620px; height:163px; text-align:left; padding-top:10px;} 
.proone .total a {width:620px;text-align:left; height:30px;line-height:30px;color:#991976; font-size:14px; text-decoration:none; font-weight:bold;}
.proone .total a:hover {color:#666666;text-decoration:underline;}
.proone .total h6 { float:left; width:620px; text-align:left; height:30px; line-height:30px; font-weight:normal; font-size:12px; }
.proone .total h6 a {width:620px;text-align:left; height:30px;line-height:30px; color:#991976; font-size:12px; text-decoration:none; font-weight:normal; }
.proone .total h6 a:hover {text-decoration:underline; color:#991976;}


.content .prolist{ width:890px;font-size:14px; margin-top:10px; overflow:hidden;}
ul#prolist {width:890px;overflow:hidden;}
ul#prolist li { float:left; width:140px; line-height:24px; text-align:left; padding-right:10px;}
ul#prolist li a { display:block; width:140px; height:24px; line-height:24px; text-align:left; text-decoration:none; color:#333; font-size:12px; overflow:hidden;}
ul#prolist li a strong{ font-size:14px;}
ul#prolist li a:hover{ color:#0094DA;}



.content .total { width:870px; padding-top:20px; overflow:hidden;}
.content .total .leftpic { float:left; width:250px; height:183px;} 
.content .total .righttxt{ float:left; width:620px; height:163px; text-align:left; padding-top:10px;} 
.content .total a {width:620px;text-align:left; height:30px;line-height:30px;color:#991976; font-size:14px; text-decoration:none; font-weight:bold;}
.content .total a:hover {color:#666666;text-decoration:underline;}
.content .total h6 { float:left; width:620px; text-align:left; height:30px; line-height:30px; font-weight:normal; font-size:12px; }
.content .total h6 a {width:620px;text-align:left; height:30px;line-height:30px; color:#991976; font-size:12px; text-decoration:none; font-weight:normal; }
.content .total h6 a:hover {text-decoration:underline; color:#991976;}

.content .total .logo { float:left; width:80px; height:60px; background:url(404.png) no-repeat 0 0;}
.content .total .name { float:left; width:500px; height:60px; text-align:left; font-size:14px; color:#991976; font-weight:bold; padding-top:9px;} 
.content .contact { float:left; width:780px; padding-left:80px; height:700px; text-align:left; font-size:14px; color:#333; background:url(404.png) no-repeat 0 0;} 
.content .contact .line { float:left; width:780px; height:15px; border-bottom:#ddd solid 1px;} 



ul#detail {width:870px; text-align:left; overflow:hidden;
display: -webkit-flex;
display:flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items:cetner;
-webkit-align-items:center;
}
ul#detail li { float:left; width:260px; text-align:center; height:auto; margin:10px;
	box-shadow:0 4px 8px 0 rgba(0,0,0,.2); 
	padding:4px; 
	border:1px solid #efefef;}
	
ul#detail li:hover{border: 1px solid #D5D5D5;}

ul#detail li img{ display:block; width:260px; height:170px;}
ul#detail li span {width:260px; overflow:hidden;}
ul#detail li span a{ display:block; width:260px; height:36px; line-height:36px; font-size:12px; text-align:center; background-color:#acacac; color:#fff; text-decoration:none;}
ul#detail li span a:hover{ background-color:#656565; color:#fff;}



ul#detail_cs {width:870px; text-align:left; overflow:hidden;}
ul#detail_cs li { float:left; width:870px; text-align:left; border-bottom:1px solid #E6E6E6;}
ul#detail_cs li a{ display:block; width:840px; height:36px; line-height:36px; font-size:14px; color:#333; background:url(../image/f_2.png) 8px 12px no-repeat; padding-left:30px;}
ul#detail_cs li a:hover{ color:#666; font-weight:bold; }


.content .cp {width:870px; font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1";}
.content .cp .page{width:870px; height:36px; background-color:#DDDDDD; font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1"; overflow:hidden; border-radius:4px;}
.cp .page .left { float:left; width:645px; height:36px; line-height:36px; text-align:left; padding-left:5px;}
.cp .page .center { float:left; width:110px; text-align:center; height:28px; padding-top:8px;}
.cp .page .right { float:left; width:110px; text-align:center; height:28px; padding-top:8px;}
.cp .page .center a { text-decoration:none;color:#333;height:36px;line-height:36px;font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1";}
.cp .page .center a:hover {text-decoration: underline;color:#082D58;}


.content .cpdetail{ width:830px; padding:20px; margin-bottom:5px; text-align:left; font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1"; color:#333; } 
.content .cpdetail p{ padding:0; } 
.content .cpdetail strong{ color:#0094DA;}
.content .cpdetail p strong{ color:#0094DA;}
.content .cpdetail p span{ color:#333;}
.content .cpdetail p b{ font-style:oblique; font-size:14px; color:#000;}
.content .cpdetail span{ color:#333;}
.content .cpdetail div { font-size:14px;}
.content .cp_tit{ width:830px; padding:20px; text-align:center; font-size:16px; font-family:"\5FAE\8F6F\96C5\9ED1"; color:#333; border-bottom:1px solid #E4E4E4; font-weight: bold;} 
.content .cp_tit h3{ font-size:18px;color:#333;font-weight: bold;} 
.content .cpdetail h3{font-size:14px; height:36px; padding-left:5px; line-height:36px;font-family:"\5FAE\8F6F\96C5\9ED1"; color:#123B79; font-weight:bold;}

.imgandtxt {width:830px;overflow:hidden; margin:20px 0;}
.imgandtxt .imgat_left { float:left; width:399px; height:399px; overflow:hidden; border-right:1px solid #E4E4E4;}
.imgandtxt .imgat_left img { max-width:399px; max-height:399px;}
.imgandtxt .imgat_right { float:right; width:400px;overflow:hidden; text-align:left; padding-left:30px;  padding-top:20px;}
.par_box { width:400px; border-bottom:1px dashed #E4E4E4; line-height:39px; text-align:left; font-size:14px; color:#333;}
.par_box span{ color:#F60;line-height:39px; font-size:14px; font-weight:bold; }

.bot { float:left;background-color:#4CAF50; height:40px; width:120px; line-height:40px; color:white; text-align:center; cursor: pointer;box-shadow: 0 9px #999;}
	
.bot span {
cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  line-height:40px; font-size:14px;
	}
.bot span a{line-height:40px; font-size:14px; color:#fff; text-decoration:none;}
.bot span:after{
  content: '>>';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
	}	
.bot:hover span{ padding-right: 25px;}

.bot:hover span:after {
  opacity: 1;
  right: 0;
}
.cl_fd{clear:both;}



.content .paging { width:870px; height:36px; line-height:36px; border-bottom:#D3D3D3 dotted 1px;}

.paging .previous { float:left; width:370px;height:36px; line-height:36px; background:url(../image/f_1.png) no-repeat 0 12px; padding-left:10px;}
.paging .previous a { display:block; float:left;width:370px; text-decoration:none;color:#333; height:36px;line-height:36px;font-size:12px; text-align:left; padding-left:10px;}
.paging .previous a:hover {text-decoration: underline;color:#F54E05;}

.paging .next{ float:right; width:364px;height:36px; line-height:36px; text-align:right; background:url(../image/f_2.png) no-repeat 374px 12px; padding-right:16px;}
.paging .next a { display:block; width:364px; text-decoration:none;color:#333; height:36px;line-height:36px;font-size:12px; text-align:right; padding-right:16px;}
.paging .next a:hover {text-decoration: underline;color:#F54E05;}

.paging .center {float:left;width:110px;height:36px; line-height:36px; text-align:center;}



.content .news .page{width:870px; height:36px; background-color:#DDDDDD; font-size:14px;}
.news .page .left { float:left; width:660px; height:36px; line-height:36px; text-align:left; padding-left:10px;}
.news .page .center { float:left; width:100px; text-align:center; height:28px; padding-top:8px;}
.news .page .right { float:left; width:100px; text-align:center; height:28px; padding-top:8px;}

.news .page .center a { text-decoration:none;color:#333;height:36px;line-height:36px;font-size:14px;}
.news .page .center a:hover {text-decoration: underline;color:#F86313;}




.content .news_img .page{width:870px; height:36px; background-color:#DDDDDD; font-size:14px; border-radius:4px;}
.news_img .page .left { float:left; width:660px; height:36px; line-height:36px; text-align:left; padding-left:10px;}
.news_img .page .center { float:left; width:100px; text-align:center; height:28px; padding-top:8px;}
.news_img .page .right { float:left; width:100px; text-align:center; height:28px; padding-top:8px;}

.news_img .page .center a { text-decoration:none;color:#333;height:36px;line-height:36px;font-size:14px;}
.news_img .page .center a:hover {text-decoration: underline;color:#F86313;}



.news_title { width:890px; line-height:24px; text-align:left; font-size:14px; color:#FF6000; padding-bottom:10px;}
.news_next { width:890px; line-height:24px; text-align:left; font-size:12px; color:#FF6000; margin-left:30px;}
ul#news_identical { width:890px; overflow:hidden;}
ul#news_identical li{ float:left;widows:430px; padding-left:15px; background:url(../image/news_bg.png) no-repeat 0 0;}
ul#news_identical li a{ display:block;width:430px; height:22px;line-height:22px;color:#515050; text-align:left;}
ul#news_identical li a:hover{ color:#FF6000; text-decoration:none;}
ul#news_identical li.red a{ color:#ff0000; font-weight:bold;}
ul#news_identical li.red a:hover{ color:#054083; text-decoration:underline;}


ul#hot { width:350px; overflow:hidden;}
ul#hot li { float:left;width:106px; height:136px; padding-right:10px;}
ul#hot li img{ display:block; border:1px solid #e4e4e4; padding:2px;}


#link { width:1200px; margin:0 auto; text-align:left; height:66px;}
#link .bt { float:left; width:1200px; text-align:left; font-size:15px; font-weight:bold; padding:6px 0; color:#471A42; border-bottom:#ccc solid 1px;}
#link a{ display:block; float:left; text-align:left; font-size:12px; color:#515050; padding-right:18px; padding-top:5px;} 
#link a:hover{ display:block; text-align:left; font-size:12px; color:#515050; text-decoration:underline;}

#video { width:100%; margin:0 auto; height:180px; background-color:rgba(33,33,33,0.9);}
#video .aniu { width:400px; height:180px; line-height:180px; font-size:30px; color:#fff; margin:0 auto; position:relative; z-index:10;}
#video .aniu .btw {width:400px; height:180px; line-height:180px; font-size:30px; position:absolute; z-index:11;}

#video .aniu a { display:block; width:400px; height:180px; background:url(../image/vido.png) 0 0 no-repeat; line-height:180px; font-size:30px; color:#fff; text-decoration:none; position:absolute; z-index:12;}
#video .aniu a:hover{ background:url(../image/vido_1.png) 0 0 no-repeat; color:#858484; transform: rotate(90deg);}

#foot { width:100%; height:235px; background:#46454B; border-top:#8E9676 solid 0px; padding-top:12px;}
#foot .area { width:1200px; margin:0 auto; overflow:hidden; padding-top:18px;}

.area .two_code{ float:left; width:200px; height:50px; padding-right:50px;}
.two_code h2{ font-size:12px; font-weight:bold; width:200px; height:30px; padding-bottom:10px; color:#ECECEC;}

.area .left { float:left; width:650px; height:200px;}
ul#footnav { width:650px; overflow:hidden;}
ul#footnav li { float:left; width:130px; text-align:left; height:190px; }
ul#footnav li h2{ font-size:12px; font-weight:bold; color:#fff; width:150px; height:30px; padding-bottom:10px;}
ul#footnav li a{ display:block; width:150px; height:26px; line-height:26px; font-size:12px; color:#fff;}
ul#footnav li a:hover{ color:#C3C3C3; text-decoration:underline; padding-left:15px;}

ul#footnav li.one { float:left; width:250px; text-align:left; height:170px; background:url(../image/footbgone.png) no-repeat 0 0;}
ul#footnav li.one h2{ font-size:12px; font-weight:normal; color:#fff; width:250px; height:30px;}
ul#footnav li.one a{ display:block; width:250px; height:26px; line-height:26px; font-size:12px; color:#E7E7E7;}
ul#footnav li.one a:hover{ color:#fff; text-decoration:underline;}

.area .right { float:left; width:270px; height:215px; overflow:hidden; padding-left:30px;}
.area .right .weixin{ float:left; width:280px; height:24px; background:url(../image/wx.png) no-repeat 0 0; padding-bottom:10px;}
.right .weixin span{ float:left; width:280px; height:20px; line-height:20px; padding-left:40px; text-align:left; font-size:12px; color:#333;}
.area .right .ewm { float:left; height:100px; overflow:hidden;}
.ewm .imgleft{ float:left; height:80px; width:80px; background:url(404.png) no-repeat 0 0; padding-right:50px;}

.ewm .imgright{ float:left; height:100px; width:100px; background:url(404.png) no-repeat 0 0;}
.right .tel { float:left; text-align:left; width:250px; height:54px; overflow:hidden; padding-bottom:6px}
.right .tel p{ display:block; float:left; text-align:left; width:250px; height:26px; line-height:26px; font-size:12px; color:#B2B2B2; border-bottom:#646369 solid 1px;}
.right .tel span{ float:left; font-size:26px; height:30px; line-height:26px;color:#fff; padding-bottom:0px;}
.right .address {float:left; text-align:left; width:250px; height:130px; overflow:hidden; margin-bottom:6px; margin-top:14px;}
.right .address .addone { width:220px; height:78px; line-height:26px; padding-left:30px; color:#fff; font-size:12px; text-align:left; background:url(../image/addone.png) 0 6px no-repeat;}
.right .address .addtow { width:220px; height:26px; line-height:26px; padding-left:30px; color:#fff; font-size:12px; text-align:left; background:url(../image/addtwo.png) 0 7px no-repeat;}
.right .address .addthree { width:220px; height:26px; line-height:26px; padding-left:30px; color:#fff; font-size:12px; text-align:left; background:url(../image/addthree.png) 0 7px no-repeat;}


.copy { width:100%; margin:0 auto; height:60px; border-top:#45444A solid 0px; overflow:hidden; background-color:#46454B;}
.copy .txt{ width:1200px; height:60px; border-top:#646369 solid 1px;}
.copy .txt span {text-align:center; font-size:12px; color:#fff; height:60px; line-height:60px;}
.copy .txt span a{ font-size:12px; color:#ffff00; height:60px; line-height:60px;}
.copy .txt span a:hover{ color:#fff; text-decoration:none;}

.px1{padding:0px;height:1px;width:100%;background-color:#E1DEDE;overflow:hidden;margin:0 auto;}
.px2{padding:0px;height:2px;width:100%;background-color:#fff;overflow:hidden;margin:0 auto;clear: both;}
.px5{ padding:0px;height:5px;width:100%;overflow:hidden;}
.px6{ padding:0px;height:6px;width:100%;overflow:hidden;}
.px10{ padding:0;height:10px;line-height:1px;width:100%;overflow:hidden;}
.px15{ padding:0px;height:15px;width:100%;overflow:hidden;}
.px20{ padding:0px;height:20px;width:100%;overflow:hidden;}
.px40{ padding:0px;height:40px;width:100%;overflow:hidden;}
.px80{ padding:0px;height:80px;width:100%;overflow:hidden; background-color:#fff;}

.dotinput {
	HEIGHT: 18px;
	float:left;
	width:300px; padding-left:8px;font-size:9pt;
	background: repeat-x 100% bottom;
	border-top: 0px dotted #000000;
	border-right: 0px dotted #000000;
	border-bottom: 1px dotted #000000;
	border-left: 0px dotted #000000;
}


#navbg { display:none;}
#allbn_m { display:none;}
#ban_m { display:none; }
.x_sm_m{ display:none; }

#kh_m { display:none;}
#mianthree_one{display:none; }
#mianthree_one_biaoti { display:none;}
#mianthree_one_content { display:none;}
.px10_m{ display:none;}
.px20_m{ display:none;}
.px40_m{ display:none;}
ul#news_m { display:none}
.biaoti_m { display:none;}
.copy_m { display:none;}
#foot_m { display:none;}
.px1_m { display:none;}
.wrapper { display:none;}
.banner_m { display:none;}
ul#service { display:none;}
.mobile_map{ display:none;}
.px1_m{ display:none;}
.mobile_cplist { display:none;}
#mobile_menu {display:none;}
#index_video_m { display:none;}





@media only screen and ( max-width: 767px ) 
{   
ol, ul ,li{list-style:none}
img {border: 0;}


#toplogin{display:none}
#top { width:100%; margin:0 auto; background-image:none;padding:0;}


#head { width:100%; height:auto;overflow:hidden; padding:0;}

#head .left { float:left; width:100%; text-align:left; padding:0;}
#head .left .logo { float:left; width:100%; height:auto; background:none;}
#head .left .logo .add { float:left; width:100%; overflow:hidden; padding:0;  padding-top:40px;}
#head .left .logo .add img { display:block; width:100%; padding:0;}

h1#add{ float:left; width:100%; overflow:hidden; padding:0;}
h1#add a{ display:block; width:100%; height:100%; text-indent:-9999px;display:none;}


h1#logo{ width:100%; height:100%; font-size:12px;display:none;}
h1#logo a{ display:block; width:100%; height:100%; text-indent:-9999px;display:none;}

#head .right { float:right; width:200px; overflow:hidden; display:none;}
#head .right .inp { width:200px; height:28px; display:none;}


.seacher{ width:187px; height:20px;}
.seacher .put { float:left;width:167px; height:20px; text-align:center;text-align:right; background:url(../image/s_1.jpg) no-repeat 0 0; padding-top:3px;}
.seacher .subm { float:right;width:20px; height:20px;}
.seacher_txt { border:0;font-size:9pt; font-style: normal; font-weight:normal;color:#9B9B9B;height:15px; background-color:none; width:157px;}

#daohan { display:none;width:100%; height:54px; margin:0 auto; background-color:#054083; overflow:hidden;}


#kh_b { width:100%; margin:0 auto; padding:0; overflow:hidden; background-color:#fff}
#kh_b .pro_biaoti{width:100%; line-height:40px; border-bottom:#CD423B solid 0px; color:#474443; font-size:26px; font-weight:bold; text-align:center; padding-top:15px; padding-bottom:10px;}
#kh_b .pro_biaoti span { font-size:26px; color:#E50012;font-weight:bold;}
#kh_b .pro_biaoti b{ display:block; font-size:18px; color:#666; width:200px; height:40px; background:url(../image/about_bg.png) 0 0 no-repeat;}
#kh_b .pro_biaoti .x_sm { display:none; width:90%; font-size:16px; color:#999; line-height:26px; text-align:center; padding-top:10px;}
#kh_b .pro_biaoti .x_sm_m { display:block;width:90%; font-size:16px; color:#999; line-height:26px; text-align:center; padding-top:10px;}



.navbg { width:100%; height:54px;}
.nav { width:100%; height:54px; border:0px; font-family: "寰蒋闆呴粦";line-height:54px; }
.nav ul{ margin:0; padding:0; border:midium none;z-index:10000;}
.nav a { display: block; width:150px; text-align:center; color:#fff; background:url(../image/navdiany.png) no-repeat 0 0;}
.nav a:hover { text-decoration:none; color:#ffffff; font-weight:bold; background:#043063 url(../image/navdian.png) no-repeat 0 0;}
.nav span a { display: block; width:150px; height:54px; line-height:54px; font-size:15px;text-align:center; text-decoration:none; color:#ffffff; font-weight:bold; background:#043063 no-repeat 0 0;}
 
.nav ul li { display:block; float:left;width:150px; font-size:15px;color:#333; line-height:54px;text-align:center; border-right:1px;border-color: #036d95; overflow:hidden;}
.nav li {float: left; width:150px; }
.nav li ul { line-height:54px; text-align:left; left: -999em; width:150px; position: absolute; opacity: 0.9;}
.nav li ul li{float: left; width:150px;}
.nav li ul a{color:#333; text-decoration:none;width:150px; background:#efefef;opacity: 0.9; border-bottom:1px solid #D5D7DB; border-top:1px solid #ffffff;}
.nav li ul a:hover  { color:#fff;text-decoration:none; background:#054083; opacity: 0.9; width:150px; border-bottom:1px solid #D5D7DB; border-top:1px solid #ffffff;}
.nav li:hover ul { left: auto;}
.nav li.sfhover ul { left: auto;}


#nav { display:block;width:100% ;margin:0 auto; background-color:#0067AC; padding:5px 0; overflow:hidden;}
#nav .menus{ width:100%; height:46px; background-color:#0067AC;}
#nav .menus .leftone { float:left; width:20%;}
#nav .menus .leftone img { display:block; width:100%;}
#nav .menus .leftone a { display:block; width:100%; height:34px; line-height:34px; padding-top:5px; background:#0067AC url(404.png) right 0 no-repeat; text-align:center; color:#fff; text-decoration:none;}
#nav .menus .leftone a:hover { font-weight:bold;}



#index_video { width:100%; margin:0 auto; overflow:hidden;padding:10px 0;background-color:#fff;}
#index_video .index_video { width:100%; background-color:#fff; overflow:hidden;}
.index_video .left_video { float:left; width:100%; height:auto; padding-right:0; border-right:#C9C9C9 solid 0px;}
.index_video .left_video img{ width:100%; height:auto; overflow:hidden;}
.index_video .right_video { float:left; width:100%; height:auto; padding-left:0; margin:0 auto;}
.index_video .right_video .right_bw{ width:90%; text-align:left; line-height:24px; font-size:16px; padding-top:25px;}


#ban { display:none;width:100%; height:auto; margin:0 auto; padding:0;}
#ban_m {width:100%; height:auto; margin:0 auto; padding:0;background-image:none;}





#news_move { display:none; margin:0 auto; height:30px; width:100%; overflow:hidden; background-color:#46ABDF;}

#ban_m { display:block;width:100%; height:auto;margin:0 auto; padding:0;}
#ban_m .banner { width:100%; height:450px; background:url(404.png) center 0 no-repeat;}




#kh { display:none; width:100%; margin:0 auto; padding:0; overflow:hidden;}
#kh .no {display:none;width:1200px; height:75px; background:url(404.png) no-repeat 0 0;}
#kh_m { display:block; width:100%; height:auto; padding:0; overflow:hidden;}
#kh_m img {display:block; width:100%; height:auto; padding:0;}


#mianthree { display:none;width:1200px; height:260px; margin:0 auto;}

#mianthree_one{display:block; width:100%; height:auto; padding:0; overflow:hidden; background-color:#fff;}
#mianthree_one img{ display:block; width:100%; height:auto; padding:0;}
#mianthree_one_biaoti { display:block; width:95%; height:46px; padding-left:5%; text-align:left; font-size:16px; line-height:46px; color:#04346B; overflow:hidden;border-bottom:#ccc dotted 1px; font-weight:bold; background-color:#fff;}
#mianthree_one_biaoti span{ font-size:14px; line-height:40px; color:#045F9E;font-weight:bold; background-color:#fff;} 
#mianthree_one_content { display:block;width:90%; text-align:left; font-size:14px; color:#515050; padding:2% 5%;overflow:hidden; line-height:22px;background-color:#fff;}
#mianthree_one_content a { font-size:14px;color:#515050;line-height:22px; text-decoration:none;}

.newsimg .indexnewstxt span{ display:block;width:100%; line-height:22px; text-align:left; padding-top:6px;  color:#666; font-size:14px;}
.newsimg .indexnewstxt a{ display:block; width:100%; height:22px; color:#111;font-size:14px; line-height:22px;text-decoration:underline; font-weight:bold;}
.newsimg .indexnewstxt a:hover{ color:#666; text-decoration:none;}

ul#news_m { display:block; width:100%; overflow:hidden;}
ul#news_m li{ width:100%; line-height:22px;}
ul#news_m li a{ color:#515050;line-height:22px; font-size:14px; text-align:left}
ul#news_m li a:hover{ color:#054083; text-decoration:underline;}

.container { width:100%; margin:0 auto; background-color:#fff; height:500px; overflow:scroll;}


#recommend_pro{ width:100%; background-color:#fff; margin:0 auto;}
.flex_pro{ 
  display: -webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items:cetner;
-webkit-align-items:center;
width:100%; 
height:auto; padding-left:0;
	}
	
.flex_item {
	width:43%; height:auto; margin:6px;
	box-shadow:0 4px 8px 0 rgba(0,0,0,.2); 
	padding:4px; 
	border:1px solid #efefef;

}
.flex_item img { width:100% !important; height:auto !important;}
.flex_item:hover { border: 1px solid #D5D5D5;}


.flex_item span{ display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:14px;}
.flex_item span a{display:block; width:100%; height:40px;line-height:40px; text-align:center; font-size:14px; background-color:#acacac; color:#fff; text-decoration:none;}
.flex_item span a:hover{ background-color:#656565;}



#ind_pro_four { width:100%; margin:0 auto; padding-bottom:50px;}
ul#four_cike { width:94%;}
ul#four_cike li { float:left; width:100%; line-height:36px; margin:8px 0;}
.four_red_suzi{ float:left; width:20%; height:36px; background-color:#E60012; line-height:36px;font-size:14px; font-weight:bold; color:#fff;}
.four_ef_txt { float:left; width:77%; height:36px; background-color:#efefef; line-height:36px; font-size:14px; text-align:left; padding-left:3%; overflow:hidden;}
.four_ef_txt a { font-size:14px; text-align:left; }




 
#ban_sub { width:100%; height:200px; margin:0 auto; padding:0;overflow:hidden; background:url(../image/sub_bg1.jpg) center 0 no-repeat; z-index:-10;}
#ban_sub .banner_sub { width:90%; height:200px; color:#fff; font-weight:bold; font-size:30px; line-height:40px; text-align:left; padding-top:40px;}
#ban_sub .banner_sub span{ display:block;text-align:left; color:#efefef; line-height:24px; font-weight:bold; font-size:14px; }

#index_pro { display:none;}
.biaoti_m { display:block;width:98%; height:48px; font-size:16px; line-height:22px; color:#191919; font-weight:bold; border-bottom:#CCC solid 1px; overflow:hidden; text-align:center;}
.biaoti_m span{ color:#8D8B8B; font-size:12px;}
.biaoti_m h3{text-align:left; font-weight:bold; color:#1167AA; font-size:14px;}
.biaoti_m h3 span{text-align:left; font-weight:bold; color:#ff0000; font-size:14px;}



#advantage_box {width:100%;margin:0 auto;background-color:#0058A3; }
.adv_box {width:96%; padding:0 2%; height:1000px;}
ul#adv_box {width:100%;}
ul#adv_box li { width:100%; height:180px; background-color:#fff; margin-right:0; margin-top:20px; padding:20px 0;
cursor: pointer;transition: all 0.4s;
}
.adv_box_leftpic { float:left; width:40%; height:160px;}
.adv_box_righttxt { float:right; width:55%;height:160px; font-size:16px; color:#666; text-align:left; line-height:26px; padding-right:5%}
.adv_box_righttxt span { display:block; font-size:22px;line-height:46px; color:#666; font-weight:bold;padding-top:10px;}
.adv_box_righttxt span b{line-height:40px; color:#0058A3; font-weight:bold;}
.adv_box_righttxt a { font-size:16px;line-height:20px;color:#666; text-align:left;}
.adv_box_righttxt a:hover { color:#0058A3; }
.adv_box_leftpic img { width:90%; height:auto; padding-top:20px;}

ul#adv_box li:hover{ background-color:#F4F4F4; transform: scale(1.1);opacity:1;}



.index_job { width:90%; height:180px; border: solid 1px #0E57A7; margin-bottom:80px;}
.index_job_zp{ padding:50px; font-size:16px;}
.index_job_zp span { font-size:22px; color:#E50012; line-height:50px;}



.autoprocont{ width:100%; margin:0 auto; padding-top:10px; padding-bottom:15px; overflow:hidden;}
#mrq{width:100%; margin:5px auto;}
#Marquee_x { overflow:hidden; width:100%;overflow:hidden; } 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} 
#Marquee_x ul li div{ float:left;line-height:25px;height:135px; width:158px; overflow:hidden}
#Marquee_x ul li div img{ border:1px solid #ccc; padding:3px; width:150px; height:105px; display:block}
#Marquee_x ul li div span{ display:block;}


.floatdiv { display:none;}

.px10_m{ display:block; padding:0;height:10px;line-height:1px;width:100%;overflow:hidden;}
.px1_m{ display:block;padding:0px;height:1px;width:88%;background-color:#646369;overflow:hidden;margin:0 auto;}
.px20_m{ display:block; padding:0;height:20px;line-height:1px;width:100%;overflow:hidden;}
.px80 { display:none;}
.px40_m{ padding:0px;height:40px;width:100%;overflow:hidden;}
.px20{ display:none; }
.px15{ display:none; }
.px40{display:none;}



.add_m { width:80%;line-height:22px; text-align:center; font-size:14px; color:#fff; height:auto; padding:5% 0;}


#allbn { display:none;}
#allbn_m { display:block;width:100%; height:44px; font-size:14px; color:#fff; line-height:44px; background:#0058A3; text-align:left; 
position:fixed; z-index:1;
}
#allbn_m a{ font-size:14px; color:#fff; line-height:44px; text-align:left; text-decoration:none;}
#allbn_m .home_pic{ float:left; padding-left:14px; padding-top:9px; }
#allbn_m .home_pic img {min-width:25px;max-width:25px;}

.banner_m { display:block; width:100%; height:auto; overflow:hidden;}
.banner_m img  { width:100%; height:auto;}

#ban_location {width:100%; margin:0 auto; padding:0; margin:0;background-color:#fff;}
.sub { display:block;width:100%; margin:0 auto; overflow:hidden;}
.sub .sub_left {display:none;}


.sub .sub_right {display:block;float:left; width:90%; background-color:#fff; border-left:none; padding:0 5%; margin:0 auto;}
.sub_right .biaoti { float:left; width:100%; margin-left:0; padding-top:10px;text-align:left; height:38px; line-height:38px; font-weight:bold; color:#666; font-size:16px; border-bottom:#E6E6E6 solid 1px;}
.sub_right .biaoti h3{ float:left; width:100%; text-align:left; height:38px; line-height:38px; font-weight:bold; color:#666; font-size:16px; }
.sub_right .biaoti a{  line-height:38px; font-weight:bold; color:#666; font-size:16px; text-decoration:none}
.sub_right .biaoti a:hover{text-decoration:underline;}
.sub_right .biaoti span{ text-align:left; line-height:38px; font-weight:bold; color:#ff0000; font-size:16px; }
.sub_right .content { width:100%; padding-top:20px; overflow:hidden; padding-left:0; padding-right:0;}


.sub_right .content p img{ display:block; width:100%; height:auto; padding:0; margin:0;}
.sub_right .content .onetext{ width:100%; float:left; text-align:left; line-height:36px; font-weight:bold; color:#9F1A83; font-size:16px; font-family:"\5B8B\4F53"; }
.sub_right .content p { font-size:14px; color:#333; line-height:24px; text-align:left; padding-bottom:20px;}
.sub_right .content .txt2 { text-align:left; border:#CCC solid 1px; font-size:12px; color:#414141; line-height:20px; font-family:"\5FAE\8F6F\96C5\9ED1";}
.sub_right .bot_pic { width:100%; height:150px; padding:15px 0; overflow:hidden;}


ul#service { display:block; width:100%; margin:0 auto;}
ul#service li{ float:left;width:50%; height:36px; padding:1px 0;}
ul#service li a { display:block; width:99%; height:36px; line-height:36px; color:#fff; background-color:#333; text-align:center;}
ul#service li a:hover{ background-color:#333; color:#fff;}
ul#service li.it a { display:block; width:99%; height:36px; line-height:36px; color:#fff; background-color:#0067AC; text-align:center;}
ul#service li.it a:hover{ background-color:#044C7D; color:#fff;}


.conpic { width:100%; margin:0 auto; overflow:hidden;}
ul#zs { width:100%; height:auto;} 
ul#zs li{ float:left; width:46%; height:auto; padding:0 2%;}
ul#zs li img{ padding:1%; border:#333 solid 1px; width:100%; height:auto;}

.wrapper {
	display:block;   
    margin-top:10px;
    padding: 1em;
    background-color: transparent;
}


.content .news_img .page{width:100%; height:36px; background-color:#DDDDDD; font-size:14px; border-radius:4px; overflow:hidden;}
.news_img .page .left { float:left; width:90%; height:36px; line-height:36px; text-align:center; padding-left:10px;}
.news_img .page .center { float:left; width:20%; text-align:center; height:28px; padding-top:8px;}
.news_img .page .right { float:left; width:22%; text-align:center; height:28px; padding-top:8px;}

.news_img .page .center a { text-decoration:none;color:#333;height:36px;line-height:36px;font-size:14px;}
.news_img .page .center a:hover {text-decoration: underline;color:#F86313;}


.news_title { width:100%; line-height:24px; text-align:left; font-size:14px; color:#FF6000; padding-bottom:10px;}
.news_next { width:100%; line-height:24px; text-align:left; font-size:12px; color:#ff6000; margin-left:0;}
.news_next a{ width:100%;line-height:24px; color:#ff6000;}
.news_next a:hover{ color:#FF6000; }

ul#news_identical { width:100; overflow:hidden;}
ul#news_identical li{ float:left; width:50%; padding-left:15px; background:url(../image/news_bg.png) no-repeat 0 0;}
ul#news_identical li a{ display:block;width:100%;text-decoration:none;}
ul#news_identical li.red a{ color:#ff0000; font-weight:bold;}
ul#news_identical li.red a:hover{ color:#054083; text-decoration:underline;}
.px1{ display:none;}
.px1_m{ display:block;padding:0px;height:1px;width:100%;background-color:#E1DEDE;overflow:hidden;margin:0 auto;}
.news .newscont div{ width:100%; font-size:14px; line-height:20px; color:#333;}
.news .newscont p{ width:100%; font-size:14px; line-height:20px; color:#333;}

.content .news{ width:100%;font-size:14px; margin-top:10px; text-align:left; overflow:hidden;}
.content .news td{ padding:5px; width:100%l}
.news .title { width:100%; height:36px; line-height:36px; border-bottom:#D3D3D3 dotted 1px; font-size:16px; font-weight:bold; text-align:center;}
.news .title_sub { width:100%; height:36px; line-height:36px; border-bottom:#D3D3D3 dotted 1px; font-size:14px; font-weight:bold; text-align:center;}
.news .back{ width:100%; height:36px; line-height:36px; border-bottom:#D3D3D3 dotted 1px; }
.news .back a { display:block; float:left;width:100px; text-decoration:none;color:#fff; background-color:#ff6600; height:30px;line-height:30px;font-size:12px; text-align:left; padding-left:10px;}
.news .back a:hover {text-decoration: underline;color:#fff; background-color:#ff6000; padding-left:20px;}
.news .newscont{width:100%; color:#333;}
.news .newscont img{ width:100%; height:100%;}
.news .newscont span { color:#fff; font-size:14px; color:#333; line-height:20px;}










.content .cp {width:100%; font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1";}

ul#detail { width:100%; text-align:left; overflow:hidden;
display: -webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items:cetner;
-webkit-align-items:center;
}
ul#detail li { width:43%;text-align:center; height:auto; margin:6px;
	box-shadow:0 4px 8px 0 rgba(0,0,0,.2); 
	padding:4px; 
	border:1px solid #efefef;}
	
ul#detail li:hover{border:1px solid #D5D5D5;}

ul#detail li img{ display:block; width:100%; height:100%;}
ul#detail li span {width:100%; overflow:hidden;}
ul#detail li span a{ display:block; width:100%; height:36px; line-height:36px; font-size:12px; text-align:center; background-color:#acacac; color:#fff; text-decoration:none;}
ul#detail li span a:hover{ background-color:#656565; color:#fff;}


.mobile_cplist { display:block;width:100%;}
ul#brand_list {width:100%; overflow:hidden; padding-top:5px; }
ul#brand_list li ul li{width:100%; border-bottom:#DCD9D9 solid 0px; padding-top:5px;}
ul#brand_list li ul li a{ display:block; width:100%; height:30px; line-height:30px; color:#fff; font-size:12px; text-align:center; text-decoration:none; background:#47ACE0; font-weight:bold;}
ul#brand_list li ul li a:hover{ color:#fff; background-color:#FF9C00;}

.tit{ cursor:pointer;}
.tit a{ display:block; width:95%; height:30px; line-height:30px; color:#fff; font-size:14px; text-decoration:none; background:#052850 url(../image/brand_jt.png) no-repeat 0 0;padding-left:5%; font-weight:bold;}
.tit a:hover{ color:#fff; background-color:#052850;}



.content .cp .page{width:100%; height:36px; background-color:#DDDDDD; font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1"; overflow:hidden;}
.cp .page .left { float:left; width:90%; height:36px; line-height:36px; text-align:center; padding-left:5px;}
.cp .page .center { float:left; width:20%; text-align:center; height:28px; padding-top:8px;}
.cp .page .right { float:left; width:30%; text-align:center; height:28px; padding-top:8px;}
.cp .page .center a { text-decoration:none;color:#333;height:36px;line-height:36px;font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1";}
.cp .page .center a:hover {text-decoration: underline;color:#082D58;}



.content .cpdetail{ width:100%; margin-bottom:5px; text-align:center; font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1"; color:#333; margin:0; padding:0;} 
.content .add{ border-bottom:1px solid #E4E4E4; background-color:#fff;} 
.cpdetail img{ display:block; border:none; width:100%; height:auto;}
.cpdetail p img{ display:block; width:100%; height:auto; padding:0; margin:0;}

.content .cpdetail a { display:block; color:#fff; height:36px; line-height:36px; padding-left:36px; background:#1D56AC url(../image/cpbt.png) no-repeat 10px;}
.content .cpdetail a:hover { color:#fff; font-weight:bold; background:#123B79 url(404.png) no-repeat 10px;}


.content .cp_tit{ width:100%; text-align:center; font-size:16px; height:60px; font-family:"\5FAE\8F6F\96C5\9ED1"; color:#333; border-bottom:1px solid #E4E4E4; font-weight: bold;padding:0; margin:0;} 
.content .cp_tit h3{ font-size:16px;color:#333;font-weight: bold; text-align:center;
-webkit-margin-before:0;
-webkit-margin-after:0;
margin-bottom: 0; padding:0; margin:0;
} 


.content .paging { width:90%; height:36px; line-height:36px; padding:0 5%;}
.paging { width:90%; height:36px; line-height:36px; padding:5% 5%; margin-bottom:30px;}

.paging .previous { float:left; width:95%;height:36px; line-height:36px; background:url(../image/f_1.png) no-repeat 0 12px; padding-left:5%; border-bottom:#D3D3D3 dotted 1px;}
.paging .previous a { display:block; float:left;width:95%; text-decoration:none;color:#333; height:36px;line-height:36px;font-size:12px; text-align:left; padding-left:5%;}
.paging .previous a:hover {text-decoration: underline;color:#F54E05;}

.paging .next{ float:left; width:95%;height:36px; line-height:36px; text-align:left; background:url(../image/f_1.png) no-repeat 0px 12px; padding-left:5%; border-bottom:#D3D3D3 dotted 1px;}
.paging .next a { display:block; width:95%; text-decoration:none;color:#333; height:36px;line-height:36px;font-size:12px; text-align:left; padding-left:5%;}
.paging .next a:hover {text-decoration: underline;color:#F54E05;}

.paging .center {float:left;width:95%;height:36px; line-height:36px; text-align:left;background:url(../image/f_1.png) no-repeat 0 12px; padding-left:5%; border-bottom:#D3D3D3 dotted 1px;}
.paging .center a { display:block; width:95%; text-decoration:none;color:#333; height:36px;line-height:36px;font-size:12px; text-align:left; padding-left:5%;}
.paging .center a:hover {text-decoration: underline;color:#F54E05;}


.imgandtxt {width:100%;overflow:hidden; margin:20px 0;}
.imgandtxt .imgat_left {width:100%; overflow:hidden; border-right:1px solid #E4E4E4;}
.imgandtxt .imgat_left img { display:block; width:100%; height:auto;}
.imgandtxt .imgat_right { float:right; width:100%;overflow:hidden; text-align:left;padding-top:20px;}
.par_box { width:100%; border-bottom:1px dashed #E4E4E4; line-height:30px; text-align:left; font-size:14px; color:#333;}
.par_box span{ display:block;color:#F60;line-height:30px; font-size:14px; font-weight:bold; }

.bot { float:left;background-color:#4CAF50; height:40px; width:120px; line-height:40px; color:white; text-align:center; cursor: pointer;box-shadow: 0 9px #999; margin-top:20px}
	
.bot span {
cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  line-height:40px; font-size:14px;
	}
.bot span a{line-height:40px; font-size:14px; color:#fff; text-decoration:none;}
.bot span:after{
  content: '>>';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
	}	
.bot:hover span{ padding-right: 25px;}

.bot:hover span:after {
  opacity: 1;
  right: 0;
}
.cl_fd{clear:both;}

.content .pc_map{ display:none;}
.content .mobile_map{ display:block; width:100%; height:300px;}

#foot { display:none;}
#foot_m { display:block; width:100%; background:#46454B; padding-top:20px; }
ul#footnav_m { width:100%; margin:0 auto; padding-bottom:20px;}
ul#footnav_m li {float:left; width:33%; text-align:center; }
ul#footnav_m li h2{ width:100%; height:28px; font-size:14px; font-weight:normal; color:#fff; }
ul#footnav_m li a{ display:block; width:100%; line-height:22px; font-size:14px; color:#fff;}
ul#footnav_m li a:hover{ color:#fff; text-decoration:underline;}


.copy { display:none;}
.copy_m { display:block; width:100%; margin:0 auto; height:46px; overflow:hidden; background-color:#28282A; color:#fff; line-height:46px; text-align:center; }


#mobile_menu { display:block; width:100%;}

.bottomqq {position:fixed;bottom:0;left:0;z-index:2000;right:0px;width:100%; height:64px;overflow:hidden;cursor:default; padding-top:-64px; background:#3EBEBF; 

		
}
.bottom1 {width:100%;margin: 0 auto; background-color:#3EBEBF;}
.bottom1 a {float:left;width:33%;text-align:center; color:#FFF;height:49px;border-right: solid 0px #fff;font-size:15px; padding-top:5px;}
.bottom1 a:hover {width:33%;text-align:center; color:#fff; background:#4EA8A9; font-size:15px;}
.bottom1 a img{ padding-top:3px; height:20px;}
.bottom1 a span{display:block; width:33%; color:#FFF; line-height:18px;}
.grkai{ float:left; width:100%; height:48px;}

}