@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#686868; background:#fff; line-height:200%;}
ul,li,dl,dt,dd{ list-style:none; margin:0; padding:0}
a{ text-decoration:none; color:#1e1e1e;}
p,h2,h3,h4,img,div,a,table,tr,td,input{ border:0;  padding:0;}
input{ border:0; outline:none;}
img{ max-width:100%; vertical-align:top;}
.clear{ clear:both;}
.w1200{ width:1200px; margin:0 auto; overflow:hidden;}

.ind_logo{ width:312px; float:left; display:inline;}
.ind_nav{ width:708px; float:left; display:inline;}
.ind_nav li{ float:left; display:inline;}
.ind_nav li a{ font-size:16px; padding:40px 16px 24px; border-top:5px solid #fff; display:inline-block; color:#595757;}
.ind_nav li a:hover,.ind_nav li a.on{ border-top:5px solid #0c67aa;}
.ind_ser{ width:175px; height:32px; margin-top:42px; float:left; display:inline; border-radius:16px; border:1px solid #dbdbdb;}
.ind_ser input:first-child{ width:130px; float:left; display:inline; background:none; color:#dbdbdb; font-size:14PX; margin:8px 0 0 16px;}
.ind_ser input:last-child{ width:22px; height:17px; margin-top:8px; float:left; display:inline; background:url(../images/ind_ser1.jpg) no-repeat;}

.ind_abo{ width:892px; margin:0 auto 30px;}
.ind_abo_img{ font-size:16px; line-height:38px; color:#686868;}
.ind_abo_more{ width:100px; height:30px; display:block; margin:30px auto 60px; text-align:center; line-height:30px; background:#e5e5e5; color:#666666;}
.ind_phi_tit{ width:892px; margin:0 auto 50px;}
.ind_phi_con{ margin-bottom:132px; overflow:hidden;}
.ind_phi_con li{  width:380px; height:285px; overflow:hidden; float:left; display:inline; margin-right:30px; background:#eee; text-align:center; color:#fff; cursor:pointer;}
.ind_phi_con li:last-child{ margin-right:0;}
.ind_phi_con li img{ padding-bottom:33px; display:block; margin:0 auto;}
.ind_phi_con li h2{ font-size:20px; margin-bottom:15px;color:black}
.ind_phi_con li p{ font-size:12px; line-height:18px;color:black}
.ind_phi1{width:260px; margin:30px auto; position:relative;}
.ind_phi_con li:hover{ background:#0c67aa;;}
.ind_phi_con li img:nth-child(2){ position:absolute; left:-400px;}
.ind_phi_con li:hover img:nth-child(1){position:absolute; left:-400px;}
.ind_phi_con li:hover img:nth-child(2){position:relative; left:0;}
.ind_phi_con li:hover h2,.ind_phi_con li:hover p{ color:#fff; }

.ind_pro{ width:100%; padding:85px 0 60px; background:#e6e6e6;}
.ind_pro_con{ width:1200px; height:320px; overflow:hidden;}
.ind_pro_con .bd{}
.ind_pro_con li{ width:348px; float:left; display:inline; margin-right:74px; border:1px solid #ccc;}
.ind_pro_more{ width:100px; height:30px; display:block; margin:30px auto 0; text-align:center; line-height:30px; background:#b9b9b9; color:#666666;}

.ind_footer{ width:100%; padding:15px 0 40px;background:#363637; color:#fff;}
.ind_footer1{ width:1120px; float:left; display:inline; padding-top:18px;}
.ind_footer2{ width:78px; height:78px; float:right; display:inline; padding-bottom:20px;}
.ind_footer1_copy{ color:#b4b4b4; text-align:center; border-top:1px solid #434344; font-size:12px; padding-top:10px;}

.ny_con{ margin:60px auto;}
.ny_left{ width:250px; float:left; display:inline; margin-right:45px;}
.ny_left_tit{ width:250px; height:80px; background:url(../images/ny_abo6.jpg) no-repeat;}
.ny_left_tit h2{ width:195px; height:24px; margin:0 0 0 26px; padding:15px 0 0; text-align:center; font-size:24px; font-weight:normal; background:#0c67aa; color:#fff;}
.ny_left_tit P{  height:22px; line-height:22px; margin:0 0 0 105px; font-size:12px; color:#3e95d5; text-transform:uppercase;}

.ny_left_con{ border:1px solid #cccccc; border-top:none; padding-top:5px;}
.ny_left_con ul{ width:222px; margin:0 auto;}
.ny_left_con li{ height:48px; border-bottom:1px dashed #ccc;}
.ny_left_con li .on{color:#0c67aa; background:url(../images/ny_abo1.jpg) no-repeat 3px center; color:#0c67aa;}
.ny_left_con li a{ display:block; background:url(../images/ny_abo2.jpg) no-repeat 3px center; line-height:48px; padding-left:30px;}


.ny_right{ width:905px; float:right; display:inline;}
.ny_right_tit{ height:60px;  border-bottom:1px solid #ccc; line-height:60px;}
.ny_right_tit span:nth-child(1){padding:0 5px 0 10px; font-size:24px; color:#0c67aa;}
.ny_right_tit span:nth-child(2){font-size:12px; color:#999999; text-transform:uppercase;}
.ny_right_tit span:nth-child(3){font-size:12px; color:#999999; float:right;}
.ny_right_con{ /*padding:45px 15px 0;*/}

.ny_con_dt{ margin-top:52px;}

.sideMen h3{height:38px; line-height:38px; margin-top:10px; padding-left:26px; font-weight:normal;  border:1px solid #d7d7d7;  background: -moz-linear-gradient(top, #ffffff 0%, #edeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edeeee));
    background: -webkit-linear-gradient(top, #ffffff 0%,#edeeee 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#edeeee 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#edeeee 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#edeeee 100%);}
	
.sideMen h3 em{ float:right; display:block; width:19px; height:19px; margin:9px 15px 0 0;  background:url(../images/icoAdd.png) 0 0 no-repeat; cursor:pointer; }
.sideMen h3.on em{ background-position:0 -19px; }
.ny_join{ font-size:14px; padding:48px 20px;}
.ny_join span{ font-size:16px;}
.ny_mes_tb{ margin:36px auto 0;}
.ny_mes_tb td{ padding:5px 0;}
.ny_mes_tb tr td:nth-child(1){ width:88px; text-align:right; font-size:14px; font-weight:bold; color:#333333;}
.ny_mes_tb input{ width:290px; height:34px; padding:0 15px; line-height:34px; color:#999999; border:1px solid #d7d7d7; background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);}
.ny_mes_tb input#safecode{ width:100px; margin-right:10px;}
.ny_mes_tb .safeimg{cursor:pointer; float:right; margin-left:5px; height:36px;}
.ny_mes_tb textarea{ width:292px; height:120px; padding:0 15px; line-height:30px; color:#999999; border:1px solid #d7d7d7; background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);}	
.ny_mes_tb tr td:nth-child(3){ width:168px; font-size:14px;}
td.ny_mes_btn{padding:20px 0 0 50px;}

.ny_pro_con{ padding:45px 0 0; overflow:hidden;}
.ny_pro_con li{ width:285px; margin-right:25px; float:left; display:inline;}
.ny_pro_con li:nth-child(3n){ margin-right:0;}
.ny_pro_con li img{ border:1px solid #d7d7d7;}
.ny_pro_con p{ text-align:center; font-size:16px; line-height:32px; margin:8px 0 20px;}
.ny_pro_fy{ text-align:center;}

.ny_pros_con{ padding:45px 0 0;}
.ny_proS_tit{ text-align:center; font-size:20px; color:#000; margin-bottom:30px;}
.picFocus{ width:415px; margin:0 auto;}
.picFocus .bd{}
.picFocus .bd li{ border:1px solid #d7d7d7;}
.picFocus .hd{ width:100%; margin-top:15px; border:1px solid #d7d7d7;  overflow:hidden; }
.picFocus .hd ul{ width:344px; margin:13px 0 13px 10px; float:left; overflow:hidden; zoom:1; }
.picFocus .hd ul li{ width:76px; height:69px; overflow:hidden;  margin-right:10px; text-align:center; float:left; }
.picFocus .hd ul li img{border:1px solid #d7d7d7; cursor:pointer;}
.picFocus .hd ul li.on img{ border-color:#0c67aa;  }
.picFocus .hd .prev{ width:28px; height:95px; float:left; display:inline-block; cursor:pointer; background:url(../images/ny_proS3.jpg) no-repeat center center;}
.picFocus .hd .next{ width:28px; height:95px; float:left; display:inline-block; cursor:pointer; background:url(../images/ny_proS4.jpg) no-repeat center center;}
.picFocus .hd .prev:hover{ background:url(../images/ny_proS3_1.jpg) no-repeat center center;}
.picFocus .hd .next:hover{ background:url(../images/ny_proS4_1.jpg) no-repeat center center;}

.ny_proS_det{ width:905px; margin:50px 0 60px;}
.slideTxtBox .hd{ width:905px; height:46px; margin-top:30px;}
.slideTxtBox li{ width:136px; height:46px; line-height:40px; margin-right:8px; text-align:center; font-size:16px; background:url(../images/ny_pros6.jpg) no-repeat right top; float:left; display:inline;}
.slideTxtBox li.on{ background-position:left top; color:#fff;}
.slideTxtBox .bd{ margin:36px 0;}

.ny_proS_n{ border-top:1px solid #d7d7d7; padding-top:10px;}

.ny_proS_n a{ color:#767575;}
.ny_proS_n a:last-child{ float:right;}


.Right-fixed {
  position: fixed;
  right: .2rem;
  bottom: 7rem;
  border-radius: 2px;
  z-index: 10;
}
.Right-fixed > .Right-fixed-box {
  width: 56px;
  height: 56px;
  margin-bottom: 0.5rem;
  margin-right: 9px;
  cursor: pointer;
  background-color: #FFFFFF;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
.Right-fixed > .zixun {
  background: #FFFFFF;
  position: relative;
}
.Right-fixed > .zixun > a {
  font-size: 0.12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  color: #000;
}
.Right-fixed > .dianhua {
  position: relative;
  transition: all 0.5s;
}
.Right-fixed > .dianhua > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.Right-fixed > .dianhua > .qq-onlineShow {
  width: 170px;
  height: 56px;
  position: absolute;
  left: 0px;
  top: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  background: #FFFFFF;
  justify-content: center;
  align-items: center;
  font-size: 0.16rem;
  display: none;
  color: #000;
  transition: all 0.5s;
}
.Right-fixed > .dianhua:hover {
  transition: all 0.5s;
}
.Right-fixed > .dianhua:hover > .qq-onlineShow {
  display: flex;
  left: -180px;
  transition: all 0.5s;
}
.Right-fixed > .qq-online {
  position: relative;
}
.Right-fixed > .qq-online > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.Right-fixed > .qq-online > .qq-onlineShow {
  width: 170px;
  height: 56px;
  position: absolute;
  left: 0px;
  top: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  background: #FFFFFF;
  justify-content: center;
  align-items: center;
  font-size: 0.16rem;
  color: #000;
  transition: all 0.5s;
  z-index: -1;
  opacity: 0;
  display: flex;
}
.Right-fixed > .qq-online:hover > .qq-onlineShow {
  left: -172px;
  transition: all 0.5s;
  z-index: 1;
  opacity: 1;
}
.Right-fixed > .erweima {
  position: relative;
}
.Right-fixed > .erweima > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.Right-fixed > .erweima > .show-wecaht {
  width: 170px;
  height: 170px;
  position: absolute;
  left: -172px;
  top: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  display: none;
}
.Right-fixed > .erweima:hover > .show-wecaht {
  display: block;
}
.Right-fixed > #back-ToTop > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.Right-fixed > .Right-fixed-box:hover {
  background-color: #FFFFFF;
}

.header-mobile { display:none; position:absolute; right:10px; top:30px; z-index:99; transform:translateY(-50%); transition:all 0.4s ease-in-out;}
.header-mobile > .phone_menu_trigger { width:31px; height:31px; position:relative; box-sizing:border-box;}
.header-mobile > .phone_menu_trigger > div { position:absolute; left:0; width:31px; height:4px; display:inline-block; background-color:#333; transition-duration:.5s;}
.header-mobile > .phone_menu_trigger > div:not(:last-child) { margin-bottom:6px;}
.header-mobile > .phone_menu_trigger div:first-child { top:1px;}
.header-mobile > .phone_menu_trigger div:nth-child(2) { top:10px;}
.header-mobile > .phone_menu_trigger div:last-child { bottom:7px;}
.header-mobile .on div:nth-child(1) { top:10px; transform:rotate(-45deg);}
.header-mobile .on div:nth-child(2) { height:0px;}
.header-mobile .on div:nth-child(3) { top:10px; transform:rotate(45deg);}

.phone_menu { position:fixed; top:0; right:-100%; z-index:100; overflow:scroll; background:#fff; padding:0 0 66px; width:80%; height:100%; transition:all 0.5s; margin-top:55px;}
.phone_menu > li { font:normal 18px/54px Arial; color:#000; border-bottom:dashed 1px #ccc;}
.phone_menu > li > a { display:block; color:#000; padding-left:15px; font-weight:600; position:relative;}
.phone_menu > li > .phone_menu_tab { padding-left:30px; display:none; padding-bottom:15px;}
.phone_menu > li > .phone_menu_tab > li { position:relative; font:normal 14px/30px Arial;}
.phone_menu > li > .phone_menu_tab > li > a { font-size:14px;}
/*.phone_menu > li > .phone_menu_tab > li:before { content:''; display:block; width:5px; height:5px; position:absolute; top:50%; left:10px; transform:translateY(-50%); border-radius:50%; background:#bf212f;}*/
.phone_menu > li > .pro > li dl dd{ padding-left:20px;}
.phone_menu > li > .pro > li dl dd span{ display:inline-block; width:5px; height:5px; border-radius:50%; background:#bf212f; margin:12px 5px; vertical-align:top;}
.phone_menu > .yy{ text-align:center; font:normal 18px/54px Arial;}
.phone_menu > .yy a{ display:inline-block; font-weight:600; padding:0 5px;}
.phone_menu > .MpNav > a:after { content:''; transition:all 0.4s ease-in-out; display:block; position:absolute; top:50%; right:10px; transform:translateY(-50%); border-style:solid solid none solid; border-width:8px; border-color:#bf212f transparent transparent transparent;}
.phone_menu > .MpNav > a.open:after { transform:rotate(-180deg);}
.phone { right:0;}

@media screen and (max-width: 1024px) and (min-width: 320px) {
	
	.w1200{ width:100%;}
	.ind_logo{ width:40%;}
	.ind_logo img{ width:100%!important; height:auto!important; vertical-align:top;}
	.ind_nav{ display:none;}
	.ind_ser{ display:none;}
	
	.header-mobile{ display:block;}
	#Slidebox,#flashBg,#flashLine,#flash{ height:150px!important;}
	#flash a{ height:150px!important; background-size:cover!important;}
	
	.ind_abo{ width:100%;}
	.ind_abo img{ max-width:100%; height:auto;}
	.ind_abo_img{ padding:0 10px;}
	.ind_abo_img embed{ width:100%!important; height:300px!important; display:none;}
	
	.ind_phi_tit{ width:100%; margin:0 auto 20px;}
	.ind_phi_tit img{ max-width:100%; height:auto;}
	.ind_phi_con{ margin-bottom:20px;}
	.ind_phi_con li{ width:31.33%; margin:0 1%;}
	.ind_phi_con li .ind_phi1{ width:100%;}
	.ind_phi_con li .ind_phi1 img{ padding-bottom:0;}
	
	.ind_pro{ padding:20px 0;}
	.ind_pro_con{ width:100%; height:auto;}
	.ind_pro_con li{ width:100px; margin-right:0;}
	.ind_pro_con .bd ul li img{ width:100px!important; height:100px!important; vertical-align:top;}
	
	.ind_footer{ padding:15px 0;}
	.ind_footer1{ width:100%; padding:0 10px; box-sizing:border-box;}
	.ind_footer1 p{ margin:0;}
	.ind_footer1 p img{ display:none;}
	
	.Right-fixed{ display:none;}
	
	.ny_ban{ background-size:cover!important; height:200px!important;}
	
	.ny_con{ margin:20px 0; padding:0 10px; box-sizing:border-box;}
	.ny_left{ display:none;}
	.ny_right{ width:100%;}
	.ny_right_tit{ height:auto; overflow:hidden; line-height:30px;}
	.ny_right_tit>span:last-child{ width:100%; line-height:20px;}
	.ny_right_tit>span:nth-child(1){ padding:0 5px 0 0;}
	
	.ny_pro_con li{ width:48%; margin:0 4% 20px 0;}
	.ny_pro_con li:nth-child(2n){ margin:0 0 20px 0;}
	.ny_pro_con li:nth-child(3n){ margin:0 4% 20px 0;}
	.ny_pro_con li:nth-child(6){ margin:0 0 20px 0;}
	.ny_pro_con li img{ width:100%!important; height:120px!important; box-sizing:border-box;}
	.ny_pro_con p{ margin:0;}
	
	.picFocus{ width:100%;}
	.picFocus ul li img{ width:100%!important; height:auto!important;}
	.picFocus .hd ul{ width:280px;}
	.picFocus .hd ul li{ height:auto;}
	.picFocus .hd ul li img{ box-sizing:border-box; vertical-align:top;}
	.picFocus .hd .prev,.picFocus .hd .next{ height:75px;}
	
	.ny_proS_det{ width:100%;}
	.ny_proS_det>div>img{ max-width:100%;}
	.slideTxtBox .hd{ width:100%;}
	.slideTxtBox .hd ul li{ width:31.33%; margin-right:2%;}
	.slideTxtBox .bd img{ max-width:100%;}
	.slideTxtBox .bd embed{ display:none;}
	.ny_proS_n>span{ float:left!important;}
	
	.sideMen ul{ margin:20px 0;}
	.sideMen ul li a{ display:inline-block; width:75%; height:30px; overflow:hidden;}
	
	#dituContent{ width:100%!important; height:200px!important; box-sizing:border-box;}
	
	.ny_mes_tb{ width:100%;}
	.ny_mes_tb tr td:nth-child(3){ display:none;}
	.ny_mes_tb input{ width:200px;}
	.ny_mes_tb textarea{ width:200px;}
	.ny_mes_tb input#safecode{ width:80px;}
	.ny_mes_btn{ text-align:left;}
	.ny_mes_btn input{ width:80px!important;}
	
	/*百度商桥弹出层*/
	#newBridge{ z-index:99!important;}
}