.body_bg {
  position: fixed; right: 0; top:0;
  width: 100%;
  height: 100%;
}
#contentWrapper {
  width: 100%; min-width: 1004px!important;
  height: 100%;
  position: relative;
}

#contentLeft {
  z-index: 10;
  width: 220px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  border-right: 1px solid #9a9a9a;
}
#left_contents{
	position:relative;
  width: 100%; height:100%; min-height:720px;
}
.group_con{
  margin: 55px auto;
  width: 100%; height: 850px;
}
.group_con .swiper-slide{
  width: auto;
}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}
.contacts{
  position: absolute; left: 33px; bottom:12px;
 /* top: 620px;min-height: 45%;
  max-height: 55%;
  width: 100%;*/
}
/*.contacts dl{
  position: absolute; left: 0px; bottom: 10px;
}*/
.contacts dt{
  font-size: 14px; color: #004291;
}
.contacts dd{
  font-size: 14px; color: #999999; line-height: 22px; padding: 0; margin: 0 0 10px;
}

#contentRight {
  /*padding: 1.3rem 2rem;*/
  margin-left: 220px;
}
#leftNavigation {
  margin: 2rem 0;
}
#leftNavigation, #leftNavigation li ul {
  list-style: none;
  padding: 0;
}
#leftNavigation li a {
  font-size: 0.875rem;
  display: block;
  padding: 0.8rem 1rem 0.8rem 3rem;
  color: #adadad;
  border-bottom: solid 1px #395673;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
#leftNavigation li a, #leftNavigation li a .leftNavIcon {
  line-height: 120%;
}
#leftNavigation li a .leftNavIcon {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  padding: 0.8rem 0;
  text-align: center;
}
#leftNavigation li a:hover {
  color: white;
}
#leftNavigation li ul {
  display: none;
  margin: 0;
  background-color: #17232f;
}
#leftNavigation li ul li a {
  border-bottom: solid 1px #233547;
}
#leftNavigation li ul li:last-child a {
  border-bottom: none;
}
#leftNavigation li ul li.active a {
  color: white;
}
#leftNavigation li.active > a {
  color: white;
}
#leftNavigation li.active ul {
  display: block;
}
#leftNavigation > li.active {
  background-color: #427c97;
}
.page-content{
  max-width: 979px;
  width: 100%; height: auto;
  /*margin: 0 auto;*/
  position: relative;text-align: center;
  /*background-color: #fff;
  box-shadow: 1px 0 5px #eee;*/
}
.page-content .top_p{
  width: 100%;
  max-height: 549px;
  overflow: hidden;
}
.in_con{
  text-align: left;
}
.page-content .top_line{
  width: 100%;
  /*margin: 0 auto;*/
  background: url('/images/top_line.jpg') left top repeat-x;
}
.page-content .top_line .top_pot{
  display: block;
  margin-left: 80px;
  width: 48px; height: 16px;
  background-color: #23337e;
}
.page-content .con{
  width: 100%;
  /*margin: 0 auto;*/
  padding: 50px 80px 50px 80px;
  text-align: left;
}
.home .page-content {
  max-width: none;
}
.home .page-content .con{
  padding: 50px 0px 50px 0px;
  background: none;
}
.product_page .page-content{
  /*background: none;
  box-shadow: none;*/
}



.page-content .catalog{
  margin-bottom:20px;text-align: left;
}
.page-content .catalog span{
  margin: 0;
  display: inline-block;
  padding: 0 12px 0 0;
  height: 30px; line-height: 30px;
  font-size: 14px; color: #999; text-align: left;
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;

}
.page-content .catalog.w270{
  width: 270px;
}
.page-content .catalog.width_auto{
  width: auto!important;
}
.page-content .catalog img{
  margin: 0 7px 0px;
  vertical-align: middle;
}
.page-content .catalog img.home{
  position: absolute; right: 145px; top: 1px;
}
.page-content .catalog.w270  img.home{
  right: 205px;
}
.page-content .catalog.width_auto  img.home{
  /*right: 205px;*/
  left: -22px;
}
.page-content .catalog a:link,
.page-content .catalog a:visited{
  font-size: 12px; color: #999;
}
.page-content .catalog a:hover{
  color: #23337e;
  text-decoration: none;
}
.page-content .fullimg{
  width: 100%;
  margin: 0 auto;
}
.page-content .con.gray{
  background-color: #fcfcfc;
}
.page-content .con.height357{
  height: 357px; padding: 0;
}
.page-content .yuanan{
  width: 100%; text-align: center;
  margin: 12px 0 22px 0;
  display: block;
}
.page-content .title_en{
  width: auto;
  font-size: 26px; color: #333333; font-weight: normal; text-align: center;
}
.page-content .text1{
  font-size: 14px; color: #666; text-align: center; line-height: 24px;
  margin: 25px 0 25px;
  padding: 0 0px 0 0;
}
.home .page-content .text1{
  padding: 0 12px;
}
.page-content .text1.size18{
  font-size: 18px;
}
.page-content .text1 h2{
  font-size: 50px; color: #223172; line-height: 40px;/*223172*/
  margin: 0px 0 25px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.page-content .text1 h3{
  font-size: 16px; color: #333333; line-height: 26px;
  margin: 12px 0 25px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.page-content .about_img{
  width: 100%;
  height: 250px;
  background: url('../images/about/about_img.jpg') no-repeat center;
}
.page-content .about_img h2{
  clear: both;
  background: rgba(35,51,126,.8);
  /*padding: 68px 22px 68px 22px;*/
  margin: 0 auto;
  width: 260px; height: 60px; line-height: 60px;
  border-radius: 10px;
  font-size: 20px; color: #ffffff; font-weight: bold; text-align: center;
}
.page-content .In_title_en{
  width: auto;
  font-size: 50px; color: #23337e;/* 223172*/font-weight: normal; text-align: left;
  margin-top: 8px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.page-content .In_subtitle_en{
  width: auto;
  font-size: 14px; color: #333333;font-weight: normal; text-align: left;
  margin-top: 8px;
}
.page-content .line2{
  width: 22px; height: 1px; background-color: #23337e;
  margin: 12px 0 12px 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.page-content .con_left{
  width: 35%; float: left;
}
.page-content .con_right{
  float: right;
  text-align: right;
  width: 60%;
}
.page-content .con_right img{
  width: 100%;
}
.page-content .con_left h2{
  font-size: 16px; color: #333333; line-height: 26px;
  margin: 12px 0 25px;
}
.page-content .logined{
    color: #666666; font-size: 16px;
}
.page-content .logined a:link,.page-content .logined a:visited{
    color: #cccccc; font-size: 14px; margin-right: 55px;font-weight: normal;
}
.logined .down_list{
}
.logined .down_list h3{
    font-size: 14px; color: #333333;
}
.logined .down_list ul{
}
.logined .down_list li{
  float: left;
  width: 48%;
  height: 93px; line-height: 93px;
  background: url('/images/service/down.png') no-repeat right 22px center;
  border-bottom: 1px solid #ccc;
  text-align: left;
  display: table;
}
.logined .down_list li:nth-child(even){
  float: right;
}
.logined .down_list li:nth-child(1),.logined .down_list li:nth-child(2){
  border-top: 1px solid #ccc;
}
.logined .down_list li a:link,
.logined .down_list li a:visited{
  display: table-cell; vertical-align: middle;
  text-align: left;
  padding: 0 65px 0 0; margin: 0; font-size: 17px; color: #666666; line-height: 20px; font-weight: normal;
}
.logined .down_list li a:hover{
  color: #005ba0;
  text-decoration: none;
}

.reg_con{
  position: absolute; left: 50%; top: 50%; margin-left: -490px; margin-top: -300px;
  width: 980px; height: 600px;
  background: url('../../images/service/pop_p.jpg') left top no-repeat #fff;
}
.reg_con .close{
  position: absolute; right: 10px; top: 0px;
  font-size: 25px; color: #000000;font-weight: normal;
  cursor: pointer;
}
.reg_form{
  position: absolute; right: 78px; top: 22px;
  width: 431px; height: 495px;
}
.reg_form .title{
  height: 66px; line-height: 66px;
  padding-left: 32px;
  font-size: 20px; color: #000000;font-weight: normal;
  background: url('../../images/service/reg_icon.png') left center no-repeat;
  border-bottom: 1px  solid #999999;
}
.reg_form .title span{
  padding-top: 12px;
  line-height: 18px;
  font-size: 12px;
}
.reg_form h2{
  margin: 55px 0;
  font-size: 16px; color: #666;font-weight: normal;
}
.reg_form form{
  margin-top: 22px;
}
.reg_form .input{
  margin-bottom: 5px;
}
.reg_form input{
  width: 100%; height: 34px; line-height: 34px;
}
.reg_form .form_btns{
  text-align: right;
}
.reg_form .submit{
  width: 214px;
  height: 43px; line-height: 43px;
  padding: 0;
  text-align: center;
  font-size: 14px; color: #fff;font-weight: normal;
  background-color: #cccccc;
  cursor: pointer;
}
.reg_form .submit:hover{
  background-color: #23337e;
}
.reg_form .title span{
  float: right;
  font-size: 14px; color: #000000;font-weight: normal;
}
.pop_con{
  position: fixed; left: 0; top: 0; z-index: 99;
  width: 100%; height: 100%;
  background: rgba(0,0,0,.5);
}

.page-content .member_form{
  /*margin-top: 70px;*/
}
.page-content .member_form li{
  width: 100%;
  margin-bottom: 16px;
}
.page-content .member_form li span{
  text-align: left;
  display: block;
  font-size: 14px; color: #333333;
}
.page-content .member_form li input{
  display: block;
  width: 80%; height: 34px;
  line-height: 34px; border:1px solid #666666;
}
.page-content .member_form input.Login{
  width: 80%; background-color: #f5f5f5; color: #333333;
  border:0px solid #666666;
  padding:0;
  height: 34px;
  line-height: 34px;
  cursor: pointer;
}
.page-content .member_form input.Login:hover{
  background-color: #23337e; color: #ffffff;
}
.page-content .reg_b{
  display: block;
  margin-top: 35px;
}
.page-content .reg_b a:link,.page-content .reg_b a:visited{
  display: block;
  line-height: 30px;
  font-size: 14px;
  color: #999999;
  text-decoration: underline;
}.page-content .reg_b a:hover{
   color: #666;
   text-decoration: none;
 }
/*.page-content .reg_b a:first-child{
  width: 48%;
}
.page-content .reg_b a:last-child{
  width: 52%;
}*/
.page-content .txtleft{
  text-align: left; color: #666;
}
.page-content a.more:link,.page-content a.more:visited{
  margin: 22px auto;
  display: block;
  font-size: 14px; color: #23337e; text-align: center; line-height: 36px; width: 180px;
  background-color: #fff;
  border-radius: 5px;
}
.page-content a.more:hover{
  /*color: #23337e;*/
  text-decoration: underline;
  background-color: #23337e;color: #fff;
}
.page-content .prolist{
  /*width: 1501px; height: 462px;*/
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: left; overflow: visible;
}
.page-content .prolist .swiper-slide{
float: left; width: 25%; overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
  text-align: center;
  overflow: visible;
}
.page-content .prolist .pro{
margin: 0 auto; padding: 0; width: auto; max-width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  overflow: hidden;
}
.page-content .prolist .pro img{
  max-width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  transform: scale(1);
}
.page-content .prolist .img{
  margin: 0 auto; padding: 0; width: auto; max-width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  overflow: hidden;
}
.page-content .prolist .img img{
  max-width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  transform: scale(1);
}
.page-content .prolist .swiper-slide:hover .img img{
  transform: scale(1.2);
}
/*.page-content .prolist .swiper-slide:hover .pro{
  transform: scale(1.3); z-index: 1; !*box-shadow: 0px 0px 5px rgba(0,0,0,.2);*!
}*/
.page-content .prolist .pro_con{
  position: relative;  overflow: hidden;
  width: 100%; /*height: 181px;*/
  text-align: left;
  /*background: url('/images/home/pro_t_bg.png') no-repeat;*/
}
.page-content .prolist .pro_con p{
  padding: 12px 0 12px 0;
  font-size: 16px; color: #333333;  line-height: 22px;
  text-align: left;
}
.page-content .prolist .pro_con span{
  display: block; width: 100%;
  font-size: 14px; color: #666666;  line-height: 20px;
  padding-left: 0px;
  display: none;

}
.page-content .prolist .swiper-slide .pro_con .arrow{
  position: absolute; right: 33px; top:15px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
}
.page-content .prolist .swiper-slide:hover .pro_con .arrow{
  right: 12px; opacity: 1;
}

.page-content .prolist .swiper-slide:hover .pro_con p{
  color: #23337e;
}
.page-content .prolist .swiper-slide:hover .pro_con span{
  text-decoration: underline;
}
.page-content .global_footprint{
  position: relative; 
  width: 100%;  height: 380px;
  margin: 0 auto;
  background: url('../../images/home/global_footprint.jpg') no-repeat center;
}
.page-content .global_footprint_txt{
  max-width:1200px;
  width: 100%;
  margin: 0 auto;
}
.global_footprint .title_en{
  /* margin-left: 10%; */
  width: auto;
  font-size: 30px; color: #fff; font-weight: normal; text-align: left;
}
.global_footprint .text1{
  width: 515px;
  font-size: 14px; color: #fff; text-align: left; line-height: 24px; text-indent:0;
  margin: 25px 0 45px 0%;
  padding: 0 0 0 0!important;
}
.page-content .partner_con{
  position: relative;
  /*padding: 0 22px 0 22px;*/
  width: 80%;
  max-width: 1200px; margin: 0 auto;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.page-content .partner{
  float: left;
  text-align: left;
  width: 48%;
  cursor: pointer;
}
.page-content .partner_tit{
  font-size: 26px; color: #333333; margin: 0 0 25px;
}
.page-content .partner .img{
  width: 100%; height: auto; overflow: hidden;
}
.page-content .partner img{
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: 100%;
}
.page-content .partner:hover img{
  transform: scale(1.2);
}
.page-content .partner_txt{
}
.page-content .partner .partner_txt p{
  margin-top: 40px;
  font-size: 20px; color: #333333;  line-height: 30px;
}
.page-content .partner:hover .partner_txt p{
  color: #23337e;
}
.page-content .partner_txt span{
  display: block;
  width: 85%;
  padding-top: 18px;
  font-size: 14px; color: #666666;  line-height: 24px;
}
.page-content .Industry_advantage{
  float: right;
  text-align: left;
  width: 48%
}
.page-content .Industry_advantage ul{
  width: auto;
  float: right;
}
.page-content .Industry_advantage ul li{
  float: left;
  margin: 0 4% 30px 0;
  width: 48%;height: auto;
  cursor: pointer;
}
.page-content .Industry_advantage ul li:nth-child(2n+2){
  margin-right: 0;
}
.page-content .Industry_advantage ul li .img{
  position: relative;
  width: 100%; height: auto; overflow: hidden;
}
.page-content .Industry_advantage ul li .title{
  position: absolute; left:0; bottom: -40px;
  width: 100%; height: 32px;
  text-indent: 12px;
  font-size: 14px; color: #fff;  line-height: 32px;
  background-color: rgba(0,0,0,.6);

  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.page-content .Industry_advantage ul li img{
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: 100%;
}
.page-content .Industry_advantage ul li p{
  padding-top: 8px;
  font-size: 14px; color: #666666;  line-height: 20px;
}

.page-content .Industry_advantage ul li:hover .title{
  bottom: 0px;
}
.page-content .Industry_advantage ul li:hover p{
  color: #23337e;
}
.page-content .Industry_advantage ul li:hover img{
  transform: scale(1.2);
}
.page-content .map{
  position: relative;
  width: 100%;  height: auto;
  margin: 0 auto;
  /*background: url('/images/home/map.png') no-repeat center;
  background-size: auto 100%;*/
}
.page-content .mapimg{
  position: relative; z-index: -1;
}
.page-content .map ul {
  position: absolute; left:0; top:32%; width: 100%;
  /*padding-top: 15%;*/
}
.page-content .map li {
  float: left;
  width: 33%;
  /*min-width: 310px;*/
}
.page-content .map li:nth-child(2) {
  /*min-width: 170px!important;*/
}
.page-content .map li .number{
  width: 100%; text-align: center; font-size: 450%; color: #23337e; font-weight: normal; line-height: 100px;
  font-family: Arial;

  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.page-content .map li .title{
  width: 100%; text-align: center; font-size:120%; color: #666666; font-weight: normal;
}
.page-content .need_con {
  position: relative;
  width:80%; max-width: 1200px;
  margin: 0 auto;
}
.page-content .con .man{
  position:absolute;left:0; top: -125px;
  width:40%;
   max-width: 452px;
}
.page-content .need {
  margin: 50px 0;
  float: right; width:60%;
}
.page-content .need ul {
  padding-top: 52px;
}
.page-content .need li {
  float: left;
  width: 25%; height: 137px; padding-top: 28px;
  border-left: 1px solid #cccccc;
  cursor: pointer;
}
.page-content .need li .need_img {
  margin: 0 auto;
  width: 30%; height: 60%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.page-content .need li .need_img1 {
  background: url('/images/home/need_ico1.png') center left /100% no-repeat;
}
.page-content .need li .need_img2 {
  background: url('/images/home/need_ico2.png') center left /100% no-repeat;
}
.page-content .need li .need_img3 {
  background: url('/images/home/need_ico3.png') center left /100% no-repeat;
}
.page-content .need li .need_img4 {
  background: url('/images/home/need_ico4.png') center left /100% no-repeat;
}
.page-content .need li:hover .need_img1 {
  background: url('/images/home/need_ico1_over.png') center left /100% no-repeat;
}
.page-content .need li:hover .need_img2 {
  background: url('/images/home/need_ico2_over.png') center left /100% no-repeat;
}
.page-content .need li:hover .need_img3 {
  background: url('/images/home/need_ico3_over.png') center left /100% no-repeat;
}
.page-content .need li:hover .need_img4 {
  background: url('/images/home/need_ico4_over.png') center left /100% no-repeat;
}
.page-content .need li:last-child {
  border-right: 1px solid #cccccc;
}
.page-content .need li .title{
  padding-top: 12px;
  width: 100%; text-align: center; font-size:14px; color: #666666; font-weight: normal;
}
.page-content .need li:hover .title{
  color: #23337e;
}
/*QA*/
.qa {
  width: 100%; text-align: left;
}
.qa li{
  float: left;
  width: 48%;
  margin-bottom: 55px;
}
.qa li:nth-child(even){
  float: right;
}
.qa li:nth-child(3n+3){
  clear: both;
}
.qa li .ico{
  font-size: 30px; color: #005ba0;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 22px; margin-bottom: 22px;
}
.qa li .t1{
  font-size: 16px; color: #333333; margin-bottom: 12px;
}
.qa li .t2{
  font-size: 14px; color: #999999; line-height: 28px;
}
.qa li.addquestions{
   width: 48%; height: 299px;
  /*background: url('/images/service/add.png') no-repeat center top 67px; border: 1px solid #ccc;*/
  background:  url('/images/service/add_over.png') no-repeat center top -127px;
  cursor: pointer;

  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.qa li.addquestions:hover{
  border: 1px solid #23337e; width: 48%; height: 299px;
  background: url('/images/service/add_over.png') no-repeat center top 67px; cursor: pointer;
}
.qa li.addquestions .cert{
  margin:200px auto 0 auto;
  text-align: center;font-size: 14px; color: #999999; padding: 0 22px;
}
.qa li.addquestions .cert span{
  color: #333333; text-decoration: underline;
}
.qa li.addquestions:hover .cert{
  color: #23337e;
}
/*SiteMap*/

#Sitemap {
}
#Sitemap dl{
    margin: 35px 0 0px 0;
    width: 100%;
}
#Sitemap dl dt{
    font-size: 32px; color: #223172;
    margin: 0  0 32px 0;
}
#Sitemap dl dd{
    float: left;
    width: 140px; border-bottom: 1px solid #cccccc;
    font-size: 14px; color: #666666; line-height: 18px;
    margin: 0 140px 28px 0;
    cursor: pointer;
    padding-bottom: 12px;
}
#Sitemap dl dd a:link,#Sitemap dl dd a:visited{
    font-size: 14px; color: #666666; line-height: 18px;
}
#Sitemap dl dd:hover a{
    text-decoration: none; color: #0080cc;
}
.en #Sitemap dl dd{
    min-width: 140px;
    width: auto;
}
#Sitemap dl dd:hover{
    border-bottom: 1px solid #0080cc;color: #0080cc;
}
#Sitemap dl dd:nth-child(5){
    /*margin: 0 0 0 0;*/
}
.footer{
  max-width: 1920px;
  margin: 0 auto;
  padding: 50px 20px 0px 100px; position: relative; width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: none;
}
.footer  .line{
  width: 100%; height: 15px;

  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#005ba0',endColorStr='#52b4ff',gradientType='1');
  background: -moz-linear-gradient(left, #005ba0, #52b4ff);
  background: -o-linear-gradient(left,#005ba0, #52b4ff);
  background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#005ba0), to(#52b4ff));
}
.page-content .bottom_menu{
  width: 100%; margin:25px auto;
}
.page-content .menu2.In_menu{
  margin-left: 3%;
  width: 97%; float: left; position: relative;
}
.page-content .menu2{
  width: 70%;  position: relative;
}
.page-content .menu2 dl{
  width: 20%;float: left; text-align: left;
}
.page-content .menu2.In_menu dl{
  /*border-right: 1px dashed #333333;*/
}
.en .page-content .menu2 dl{
  width: 25%;
}
.page-content .menu2 dl:nth-child(3){
  width: 16%;
}
.page-content .menu2 dl:nth-child(4){
  width: 22%;
}
.page-content .menu2 dl:nth-child(5){
  width: 22%;
}
/*.page-content .menu2.In_menu dl:nth-child(3){
  width: 14%;
}
.page-content .menu2.In_menu dl:nth-child(4){
  width: 23%;
}
.page-content .menu2.In_menu dl:nth-child(5){
  width: 23%;
}*/
.page-content .menu2 dl dt{
  height: 52px;
  font-size: 26px; font-weight: normal; color: #666666;
  margin-bottom: 40px;
  border-bottom: 1px solid #333333;
}
.page-content .menu2.In_menu dl dt{
  font-weight: bold;font-size: 25px;border-bottom: 0px solid #333333;
}
.page-content .menu2 dl dd{
  text-align: left; display: block; padding: 0 0 19px 0px; margin: 0;/*line-height: 32px;min-height: 32px;*/
}
.page-content .menu2.In_menu dl dd{
  width: 80%;
  padding: 0 22px 19px 0px;border-right: 1px dashed #cccccc;
  display: table;
}
.page-content .menu2 dl dd a:link,.page-content .menu2 dl dd a:visited{
  display: table-cell; vertical-align: middle;
  font-size: 14px; color: #666666; font-weight: normal; line-height: 18px;
  /*text-decoration: underline;*/
}
.page-content .menu2 dl dd a.none:link,.page-content .menu2 dl dd a.none:visited{
  text-decoration: none;
}
.page-content .menu2 dl dd  a:hover{
  color: #0080cc;
}
/*.page-content .menuline{
  width: 100%;
}
.page-content .menuline li{
  width: 20%;
}*/

.page-content .honor_con{
  border-top: 1px dashed #666;
  padding-top: 45px;
}
.page-content .honor_con .title{
  line-height: 55px;
  font-size: 16px; font-weight: bold;
}
.page-content .honor_con ul{
  float: left;
  width: 75%;
}
.page-content .honor_con ul li{
  display: inline-block;
  padding: 0 12px;
  /*width: 24%; */line-height: 44px;
  border-bottom: 2px solid #23337e;
  text-align: center;
  margin-bottom: 50px; margin-right: 22px;
}
.page-content .honor_con .honor_p{
  float: right;
  width: 22%;
}
/*Culture*/
.culture{
}
.culture li{
  position: relative;
  /*padding: 0 30px 0 30px;*/
  text-align: left;
  height: 65px;
  display: block;
  margin-bottom: 75px;

  /*width:639px;
  margin-right: 102px;*/
  width: 100%;
}
.culture li:last-child{
  margin-bottom: 0;
}
.culture li img{
  float: left;
}
.culture li p{
  float: left;
  display: table;
  width: 24%; line-height: 45px;
  border-bottom: 1px solid #999999;
  padding-bottom: 20px;
  font-size: 16px; color: #333333;
}
.culture li p span{
  display: table-cell; vertical-align: middle;
  height: 44px; line-height: 22px;
  padding-left: 70px;
  font-size: 16px; color: #333333;
}
.culture li i{
  float: left;
  width: 10%; height: 65px;
  background: url('/images/culture/up_arrow.png') no-repeat right 37px bottom;
}
.culture li span.txt{
  float: right;width: 66%;
  font-size: 15px; color: #666666; line-height: 22px; font-weight: normal;
  border-bottom: 1px solid #666666;
  padding-bottom: 20px;
  height: 66px;
}

/*Global*/
.Global{
}
.Global li{
  position: relative;

  float: left;
  text-align: left;
  height: 260px;
  display: table;
}
.Global li:nth-child(1),.Global li:nth-child(2),.Global li:nth-child(5),.Global li:nth-child(6),.Global li:nth-child(9),.Global li:nth-child(10),.Global li:nth-child(13),.Global li:nth-child(14),.Global li:nth-child(17),.Global li:nth-child(18){
background-color: #f4f4f4;
}
.Global li:nth-child(3),.Global li:nth-child(4),.Global li:nth-child(7),.Global li:nth-child(8),.Global li:nth-child(11),.Global li:nth-child(12),.Global li:nth-child(15),.Global li:nth-child(16),.Global li:nth-child(19),.Global li:nth-child(20){
  background-color: #e9e9e9;
}
.Global li:nth-child(odd){
  /*float: right;*/
  width: 49.9%;
  /*border-right: 1px solid #999999;*/
}
.Global li:nth-child(even){
  width: 50%;
}
.Global li div{
  width: 100%;padding: 0 30px 0 30px;
  display: table-cell;vertical-align: middle;
}
.Global li dl{
  font-size: 14px; color: #333333;
  width: 88%;
  margin: 0 auto;
}
.Global li dl dt{
  float: left;
  padding: 15px 0;
  text-indent: 13px;
  width: 67px;
  background: url('/images/global_footprint/pot.png') no-repeat left center;
}
.Global li dl dd{
  float: left;
  padding: 15px 0;
}
.Global li dd:nth-child(odd) {
  width: 10%;background: #000;
}
.Global li dd:nth-child(even) {
  width: 50%;
}
.Global li span{
  display: block;
  margin-top: 22px;
  font-size: 16px; color: #999999; line-height: 24px;
}
.Global li:nth-child(odd) div {
  padding: 0 0px 0 30px;
}
.Global li:nth-child(odd) table {
  border-right: 1px solid #666;
  padding: 25px 30px 25px 0px;
}
.Global li:last-child table {
  border-right: 0px solid #666;
}
.Global li table td {
  vertical-align: top;
  width: auto; padding: 0; margin: 0;
  font-size: 13px; color: #333333;

}
.Global li table tr td:nth-child(odd){
  float: left;
  text-indent: 13px;
  width: 60px;
  background: url('/images/global_footprint/pot.png') no-repeat left center;
}
.Global li table tr td:nth-child(2){
  /*width: 65%;*/
  padding-right: 12px;
}
.Global li table tr td:nth-child(4){
  width: 130px!important;
}

/*Partners*/
.partners{
}
.partners li{
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
  margin-bottom: 55px;
  /*
  margin-right: 102px;
  width: 16%;*/
  border-bottom: 1px dashed #ddd;
}
.partners li div.title{
  float: left;
  width: 20%;
}
.partners li div.title i{
  display: block;
  width: 9px; height: 9px;
  background-color: #23337e;
}
.partners li div.title p{
  display: block;
  font-size: 16px; color: #333333; font-weight: bold; line-height: 44px;
}
.partners li div.imgs{
  float: right;
  width: 80%;
  text-align: left;
}
.partners li img{
  max-width: 199px; margin: 0 42px 55px 0;
}
/*.partners li:nth-child(1),.partners li:nth-child(2),.partners li:nth-child(3),.partners li:nth-child(4),.partners li:nth-child(5),.partners li:nth-child(6){
  border-top: 1px solid transparent;
}.partners li:nth-child(6),.partners li:nth-child(12),.partners li:nth-child(18),.partners li:nth-child(24),.partners li:nth-child(30){
  border-right: 1px solid transparent;
}
.partners li:nth-child(6n+6){
  border-right: 1px solid transparent;
}
.partners li div{
  display: table-cell;vertical-align: middle;
}*/

/*News*/
.News{
}
.News li{
  position: relative;
  /*padding: 0 30px 0 30px;*/
  float: left;
  text-align: left;
  padding: 50px 0;
  display: table;
  border-bottom: 1px solid #999999;
  /*width:639px;
  margin-right: 102px;*/
  width: 100%;
}
/*.News li:nth-child(1),.News li:nth-child(2){
  border-top: 1px solid #999999;
}*/
.News li:nth-child(even){
  /*float: right;*/
  margin-right: 0;
}
.News li div{
  width: 100%;
  /*display: table-cell;vertical-align: middle;*/
}
.News li img{
  float: left;
  width: 30%;
  font-size: 16px; color: #223172;
  text-align: center; line-height: 180px;
}
.News li h2 p{
  display: block;
  font-size: 60%; color: #223172;
 }
.News div.txt{
  width: 66%;
  float: right;
  font-size: 16px; color: #333333; line-height: 24px;
}
.News li a:link,News li a:visited{
  font-size: 16px; color: #333333; line-height: 24px;
}
.News li a:hover{
  color: #23337e;
}
.News li a:hover .txt p{
  color: #23337e;
  text-decoration: underline;
}
.News div.txt span.date{
  display: block;
  font-size: 14px; color: #666; font-weight: normal; line-height: 20px;
}
.News div.txt i{
  display: block;
  width: 9px; height: 9px;
  margin-bottom: 10px;
  background-color: #23337e;
}
.News div.txt div.info{
  display: block;
  margin-top: 2px;
  font-size: 14px; color: #999999; font-weight: normal; line-height: 24px;
}
.News_con div.txt{
  width: 100%;
  float: none;
  font-size: 16px; color: #333333; line-height: 24px;
}

.News2{
}
.News2 li{
  position: relative;
  /*padding: 0 30px 0 30px;*/
  float: left;
  text-align: left;
  padding: 30px 0;
  display: table;
 /* border-bottom: 1px solid #999999;*/
  /*width:639px;
  margin-right: 102px;*/
  width: 100%;
}
/*.News2 li:nth-child(1),.News2 li:nth-child(2){
  border-top: 1px solid #999999;
}*/
.News2 li:nth-child(even){
  /*float: right;*/
  margin-right: 0;
}
.News2 li div{
  width: 100%;
  /*display: table-cell;vertical-align: middle;*/
}
.News2 li img{
  margin-top: 22px;
  max-width: 100%;
  font-size: 16px; color: #223172;
  text-align: center; line-height: 180px;
}
.News2 li h2 p{
  display: block;
  font-size: 60%; color: #223172;
}
.News2 div.txt{
  width: 100%;
  font-size: 16px; color: #333333; line-height: 24px;
}
.News2 li a:link,News2 li a:visited{
  font-size: 16px; color: #333333; line-height: 24px;
}
.News2 li a:hover{
  color: #23337e;
}
.News2 li a:hover .txt p{
  font-size: 20px;
  color: #23337e;
  text-decoration: underline;
}
.News2 div.txt span.date{
  display: block;
  font-size: 14px; color: #fff; font-weight: normal; line-height: 20px;
}
.News2 div.txt i{
  display: block;
  width: 9px; height: 9px;
  margin-bottom: 10px;
  background-color: #23337e;
}
.News2 div.txt div.info{
  display: block;
  margin-top: 2px;
  font-size: 14px; color: #999999; font-weight: normal; line-height: 24px;
}
/*.News_con div.info img{
  width: 100%; max-width: 819px;
}*/
/*.News li img{
  position: absolute; right:30px; top:50%; margin-top: -62px; !*width: 20%;*!
}*/

/*Contactus*/
.Contactus{
}
.Contactus li{
  position: relative;
  /*padding: 0 30px 0 30px;*/
  display: block;
  text-align: left;
  width: 100%;
  margin-bottom: 55px;
  padding-bottom:40px; border-bottom: 1px dashed #999999;
}
.Contactus li:last-child{
  border-bottom: 0px dashed #999999;
}
.Contactus li.hide{
  display: none;
}
/*
.Contactus li:first-child{
  background-color: #f6f6f6;
}
.Contactus li:hover{
  background-color: #f6f6f6;
}
.Contactus li:nth-child(even){
  float: right;
  margin-right: 0;
}*/
.Contactus li div.title{
  float: left;
  width: 35%;
}
.Contactus li h2{
  font-size: 16px; color: #333333; font-weight: bold;
  margin: 12px 0;
}
.Contactus li div.txt{
  margin-top: 21px;
  float: right;
  width: 62%;
  font-size: 14px; color: #999999; line-height: 22px;
}
.Contactus .map_contact{
  display: block;
  margin-top: 32px;
  width: 100%; height: 314px;
}
.page-content .pro_info{
  position: relative;
  width: 100%; height: auto;
}
.page-content .intro{
   position: relative;
   width: 100%; height: auto; min-height: 263px;
   overflow: hidden;
 }
.page-content .pro_info .info{
  float: left;
  width: 48%;
  font-size: 14px; color: #666666; font-weight: normal; line-height: 24px; padding-bottom: 55px;
}
.page-content .pro_info .img{
  float: right;
  width: 48%;
}
.page-content .pro_info .img img{
  width: 100%;
}
.page-content .pro_info .pro_btn{
  position: absolute; left:0; bottom:0;
  width: 50%;
}
.page-content .pro_info .pro_btn a:first-child:link,.page-content .pro_info .pro_btn a:first-child:visited{
  float: left;
  display: block; /*padding-left: 42px; padding-right: 42px;*/
  width: 48%;
  border: 1px solid #000000;
  font-size: 12px; color: #666666; font-weight: normal; line-height: 43px; text-align: center;
}
.page-content .pro_info .pro_btn a:first-child span{
  padding-left: 22px;
  background: url('../../images/products/down_icon.png') left center no-repeat ;
}
.page-content .pro_info .pro_btn a:last-child:link,.page-content .pro_info .pro_btn a:last-child:visited{
  float: left;margin-left: 15px;
  display: block; /*padding-left: 55px; padding-right: 55px;*/
  width: 47%;
  border: 1px solid #000000;
  font-size: 12px; color: #666666; font-weight: normal; line-height: 43px; text-align: center;
}
.page-content .pro_info .pro_btn a:last-child span{
  padding-left: 22px;
  background: url('../../images/products/play_icon.png') left center no-repeat ;
}
.pro_tabs{
  height: 55px;
  border-bottom: 1px solid #cccccc;
}
.pro_tabs li{
  float: left;
  width: 50%;
  height: 55px;
  display: block;
  font-size: 22px; color: #cccccc; font-weight: normal; line-height: 28px;
  border-bottom: 10px solid transparent;
  cursor: pointer;
}
.pro_tabs li.act{
  float: left;
  width: 50%;
  font-size: 22px; color: #23337e; font-weight: normal; line-height: 28px;
  border-bottom: 10px solid #23337e;
}
.tabs{
}
.tabs .pro_list_topbg{
  margin-top: 72px;
}
.tabs label{
  float: left;
  margin: 0 12px;
  line-height: 46px;
  font-weight: bold;
  font-size: 18px;
}

.page-content .pro_list{
  /*width: 1501px; height: 462px;*/
  margin-top: 50px;
  overflow: visible;
}
.page-content .pro_list .swiper-slide{
 /* width: 368px; height: 418px;*/
  width: 100%;
  display: block;
  border-bottom: 1px dashed #cccccc;
  padding-bottom: 22px;
  margin-bottom: 68px;
}
.page-content .pro_list .pro{
  margin: 0; padding: 0;
  width: 100%;
  height: auto;
}
.page-content .pro_list .pro li{
  float: left;
  width: 30%;
  display: block;
  /*padding-right: 55px;*/
}
.page-content .pro_list .pro > li:first-child{
  width: 30%;
  text-align: left;
/*width: 88px; padding-right: 0;*/
}
.page-content .pro_list .pro > li:nth-child(2){
  width: 68%;
  float: right;
  /*padding-right: 55px;*/
}
/*.page-content .pro_list .pro > li:nth-child(3){
  width: 60%;
  !*padding-right: 55px;*!
}*/
.page-content .pro_list .pro_info{
  width: 100%;
  /*padding-right: 55px;*/
}
.page-content .pro_list .pro_info > li{
  /*padding-right: 55px;*/
  width: 37%;
}
.page-content .pro_list .pro_info > li:nth-child(1),.page-content .pro_list .pro_info > li:nth-child(4),.page-content .pro_list .pro_info > li:nth-child(7){
  width: 26%;
  /*width: 88px; padding-right: 0;*/
}
.page-content .pro_list .pro_info > li:nth-child(2){
  width: 37%;
  /*padding-right: 55px;*/
}
.page-content .pro_list .pro_info > li:nth-child(3){
  width: 37%;
  /*padding-right: 55px;*/
}
.page-content .pro_list .pro li:last-child{
  padding-right: 0;
}
.page-content .pro_list .pro img{
  width: 100%;/* max-width: 174px;*/
}
.page-content .pro_list .pro_tit .title{
  font-size:18px; color: #333333; font-weight: bold; line-height: 38px;
  margin-bottom: 22px;
}
.page-content .pro_list .title{
  font-size:16px; color: #333333; font-weight: normal; line-height: 28px;
  margin-bottom: 22px;
}
.page-content .pro_list .txt{
  font-size:14px; color: #333333; font-weight: normal; line-height: 24px;
  text-align: left;
}
.page-content .pro_list .txt *{
  font-size:14px; color: #333333; font-weight: normal; line-height: 24px;
}
.page-content .pro_list .txt b,.page-content .pro_list .txt strong{
  font-weight: bold;
}
.pro_list .swiper-slide table{
  font-size:14px; color: #999999; font-weight: normal; line-height: 24px;
}
.pro_list .swiper-slide table td{
  text-align: center;
}
.swiper-button-prev{position:absolute;top:0;left: 0;width:60px;height:100%;margin-top:0px;z-index:10;cursor:pointer; background-color: #f3f3f3; background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next{position:absolute;top:0; right: 0;width:60px;height:100%;margin-top:0px;z-index:10;cursor:pointer; background-color: #f3f3f3; background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}

.case_img .swiper-pagination-bullet{
  background-color: #fff;
}
.case_img .swiper-button-prev{
  background-color: transparent;
}
.case_img .swiper-button-next{
  background-color: transparent;
}
.pro_intro{
  width: 100%;
  border-top: 1px solid #cccccc;
  text-align: left;
  display: table;
}
.pro_intro >  li{
  min-height: 160px;
  padding: 50px 0 50px 0;
  float: left;
  border-bottom: 1px solid #cccccc;
}
.pro_intro >  li:nth-child(odd){
  width: 25%;
}
.pro_intro >  li:nth-child(even){
  width: 70%;
  float: right;
}
/*
.pro_intro >  li:nth-child(1){

}
.pro_intro >  li:nth-child(3){
  min-height: 666px;
}
.pro_intro > li:nth-child(5){
  min-height: 330px;
}.pro_intro >  li:nth-child(7){
  min-height: 250px;
}*/
.pro_intro >  li h4{
  display: table-cell;
  vertical-align: top;
  font-size: 24px; color: #223172; line-height: 22px;
}
.pro_intro >  li .txt{
  font-size: 14px; color: #333333;line-height: 28px;
}
.pro_v_con{
  position: absolute; left: 0; top: 0; z-index: 99;
  width: 100%; height: 100%;
  background: rgba(0,0,0,.5);
}
.Classic_Case{
  width: 100%;
}
.Classic_Case .swiper-slide{
  width: auto;
}
.Application_Field {
  width: 100%;
  max-width: 1100px;
  margin-top: 55px;
}
.pro_intro .Classic_Case{
  width: 100%;
  max-width: 1100px;
}
.Classic_Case .swiper-slide{
  width: auto;
}
.Application_Field .swiper-slide{
  width: 100%;
  display: block;
  border-bottom: 1px dashed #cccccc;
  padding-bottom: 42px;
  margin-bottom: 68px;
}
.Application_Field .swiper-slide li{
  float: left;
}
.Application_Field .swiper-slide li:first-child{
  width: 62%;
}
.Application_Field .swiper-slide li:last-child{
  float: right;
  width: 32%;
}
.Classic_Case .swiper-slide img, .Application_Field .swiper-slide img{
  width: 100%; overflow: hidden;
}
.Classic_Case .swiper-slide p{
  padding-top: 8px;
  color: #333333; font-size: 16px; font-weight: normal; line-height: 20px;
}
.Classic_Case li:nth-child(4n+4){
  /* margin: 16px 0px 0 0;*/
}
.Application_Field .swiper-slide p{
  padding: 8px 0 8px;
  color: #333333; font-size: 16px;
}
.Application_Field .swiper-slide span{
  display: block;
  color: #999999; font-size: 14px; font-weight: normal;
}
.Application_Field  .swiper-slide .title{
  font-size:16px; color: #333333; font-weight: normal; line-height: 28px;
}
.Application_Field .swiper-slide .txt{
  font-size:12px; color: #999999; font-weight: normal; line-height: 24px;
}
.interested li{
  margin: 16px 12px 0 0;
  float: left; border: 1px solid #999999; width: 178px; height: 33px; line-height: 33px;
  text-align: center; color: #666666; font-size: 16px; font-weight: normal;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.interested li a:link,
.interested li a:visited{
  text-align: center; color: #666666; font-size: 16px; font-weight: normal;
}
.interested li a:hover{
  color: #fff; text-decoration: none;
}
.interested li:hover{
  background-color: #23337e;
}
.interested li:hover a{
  color: #fff; text-decoration: none;
}
.interested li:nth-child(4n+4){
  /* margin: 16px 0px 0 0;*/
}
/*Solutions*/
.Solutions{

}
.Solutions .Application_Field .swiper-slide{
  border-bottom: 0;
  border-top: 1px dashed #cccccc;
  padding-top: 42px;
  padding-bottom: 0;
  margin-bottom: 42px;


}
.quality2_k{
  display: block;
  width: 100%; height: 543px;
  background: url("../images/Solutions/quality2.png") center no-repeat #f9f9f9;
  border: 1px solid #cccccc;
}
.diqiuzhanlue{
  width: 100%;
}
.diqiuzhanlue li:first-child{
  float: left;
  width: 50%;
}
.diqiuzhanlue li:last-child{
  float: right;
  width: 45%;
}
.diqiuzhanlue .title{
  margin: 50px 0 20px 0;
  font-size:24px; color: #333333; font-weight: normal;
}
.diqiuzhanlue .txt{
  font-size:12px; color: #999999; font-weight: normal; line-height: 24px;
}
.quality3{
  width: 100%;
}
.quality3 li:first-child{
  float: left;
  width: 18%;
}
.quality3 li:last-child{
  float: right;
  width: 80%;
}
.quality3 .title{
  font-size:16px; color: #333333; font-weight: normal; line-height: 50px;
}
.quality3 h2{
  margin-top: 18px;
  font-size:36px; color: #23337e; font-weight: normal;
}
.quality3 h3{
  font-size:24px; color: #333333; font-weight: normal; line-height: 40px;
}
.quality3 .txt{
  margin-top: 22px;
  font-size:12px; color: #666666; font-weight: normal; line-height: 24px;
}
.Solutions h4{
  font-size: 24px; color: #666666; font-weight: normal;
}
.Solutions .Solutions_img{
  display: block; max-width: 100%;
  padding: 18px 0 28px 0;
}
.Solutions .info{
  display: block; font-size: 14px; color: #666666; font-weight: normal; line-height: 28px;
}
.Related{
  width: 100%;
  border-top: 1px solid #cccccc;
  text-align: left;
}
.Related >  li{
  min-height: 160px;
  padding: 50px 0 50px 0;
  float: left;
  border-bottom: 1px solid #cccccc;
  width: 100%;
}
.Related >  li h4{
  font-size: 24px; color: #666666; font-weight: normal;
  margin-bottom: 22px;
}
.Related .pro_list2{
  /*width: 1501px; height: 462px;*/
  width: 100%;
  padding: 0 0px 0 0px;
  overflow: hidden;
}
.page-content .pro_list2 .swiper-slide{
  overflow: hidden;
  width: auto;
  /* width: 368px; height: 418px;*/ border: 1px solid transparent;
  text-align: center;
  display: table;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 20px;
  cursor: pointer;
}
.page-content .pro_list2 .pro{
  display: table-cell; vertical-align: middle;
  margin: 0; padding: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.page-content .pro_list2 .pro img{
  position: relative; z-index: -1;
  max-width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.page-content .pro_list2 .pro p{
  padding: 18px 0 15px;
  font-size: 16px; color: #333333; font-weight: normal; text-align: center;
  width: 90%;
  margin: 0 auto;
  border-top: 1px solid #cccccc;
}
.page-content .pro_list2 .pro span{
  display: block;
  font-size: 14px; color: #999999; font-weight: normal; text-align: center;
  text-decoration: underline;
}
.page-content .pro_list2 .swiper-slide:hover{
  border: 1px solid #666666;
}
.page-content .pro_list2 .swiper-slide:hover .pro p{
  color: #233547;/*0080cc*/
}
.page-content .pro_list2 .swiper-slide:hover .pro span{
  text-decoration: none;
}
.page-content .pro_list2 .swiper-slide:hover .pro img{
  transform: scale(1.1); /*box-shadow: 0px 0px 5px rgba(0,0,0,.2);*/
}
/*case*/
.case_tp_list{
  position: relative;
  width: 18%;margin-right: 65px; 
  display: block;
  padding-bottom: 65px;

}
.case_tp_list .img{
  float: left;
  width: 30%;

}
.case_tp_list .case_info{
  float: right;
  width: 60%;
}
.case_tp_list .case_info .case_tp_title{
  font-size: 16px; color: #333; font-weight: normal; line-height: 35px;
}
.case_tp_list .case_info .txt{
  font-size: 14px; color: #666; font-weight: normal;line-height: 22px;
}
.case_list{
  font-size: 14px; color: #666; font-weight: normal;line-height: 22px;
}
.case_list span{
  display: block;
  margin: 12px 0;
}
.Case .case_tp_list .case_tp_line{
  position: absolute; right: 0; bottom: 0;
  width: 60%; height: 1px;
  border-bottom: 1px dashed #333333;

}
.Case .case_tp_list:last-child {
  margin-bottom: 0px;
}
.Case .case_tp_list:last-child .case_tp_line{
  border-bottom: 0px dashed #333333;

}
.case_list .case{
  padding-bottom: 50px;
  margin-bottom: 50px;
}
.case_list .case a:link,.case_list .case a:visited{
  display: block;
  background: url("../../images/case/case_list_icon.jpg") left center no-repeat;
  padding-left: 18px;
  font-size: 12px; color: #666; font-weight: normal;
  line-height: 36px;
  text-decoration: underline;

}
.case_list .case a:hover{
  color: #23337e;
  text-decoration: none;

}
.case_tp_title{
  font-size: 36px; color: #333333; font-weight: bold;
}
.case_list .case_title{
  font-size: 20px; color: #333333;
}
.case_list .proimg{
  margin-top:22px;
}
.case_list .proimg li{
  display: inline-block;
  margin:0 18px 24px 0;
}
.case_imgs_con{
  position: fixed; left: 0; top: 0; z-index: 99;
  width: 100%; height: 100%;
  background: rgba(0,0,0,.5);
}
.case_imgs_con .close{
  position: absolute; right: 22px; top: 22px; z-index: 99;
  width: 76px; height: 76px;
  background: url("../../images/close.png") center /100% no-repeat;

  font-size: 55px; color: #fff; font-weight: normal;
  cursor: pointer;
}
.case_imgs_con .case_imgs{
  width: 100%; height: 100%;
}
.case_imgs_con .case_imgs .title{
  position: absolute;left: 0; top: 0;
  width: 100%;
  font-size: 24px; color: #fff; font-weight: normal;
  text-align: center;
  line-height: 110px;
  background-color: rgba(0,0,0,.2);
}
.case_imgs_con .case_img_con{
  display: table-cell; vertical-align: middle;
}
.case_imgs_con .case_img{
  width: 100%; height: 100%; overflow: hidden;

  text-align: center;
}
.case_imgs_con .case_img .swiper-slide{
  width: 100%; height: 100%;
}
.case_imgs_con .case_img .swiper-slide div{
  width: 100%; height: 100%;
  display: table;
}
.case_imgs_con .case_img .swiper-slide div p{
  display: table-cell;vertical-align: middle;text-align: center;
}
.case_imgs_con .case_img .swiper-slide div p img{
  max-width: 80%; max-height: 70%;
}
/*online*/

.online .message,.online.message{
  text-align: left;
}
.online form div{
  font-size: 16px;
  margin-top: 10px;
}
.online form input{
  border: 1px solid #ccc; margin-top: 5px;
  height: 47px; line-height: 47px;
  padding: 0 20px;
  width: 100%;
}
.online form .title{
  width: 100%;
}
.online form .input{
  width: 49%; float: left;
}
.online form .company{
}
.online form .nm{
  float: right;
}
.online form .tel{
}
.online form .fax{
  float: right;
}
.online form .addr{
}
.online form .email{
  float: right;
}
.online form textarea{
  width: 100%; height: 278px;
  padding: 20px; border: 1px solid #ccc;
  margin-top: 10px; resize: none;
}
.online form .form_btns{
  text-align: center;
  margin-top: 30px;
}
.online form .form_btn{
  width: 49%; height: 47px;
  background-color: #f1f1f1; cursor: pointer;color: #333333;
}
.online form .form_btn:hover{
  background-color: #23337e;color: #fff;
}
.online form .submit{
}
.online form .reset{
  margin-left: 10px;
}
.online form .form_btn:hover{
  color: #fff;
}
/*readme*/

#Readme{

}

#Readme .text1{

}
#Readme.text1 h2 {
  margin: 40px 0 25px 0;
  font-size: 24px;
  color: #0052a5;
  text-indent: 22px; font-weight: bold;
  background: url('/images/service/dian.png') no-repeat left center;
}

#Readme .word{
  font-size: 14px; color: #333;
  padding-left: 22px; line-height: 25px;
}
.footer .man{
  position: absolute; right: 0; top: 30px; z-index: -1;

  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.copyrights{
  padding:64px 0 0 0; margin: 0;
text-align: left;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.copyrights img{
  padding:0 22px 0 0;
  margin-top: 5px;
  vertical-align: bottom;
}
.copyrights li{
  padding:0; margin: 0;
  display: inline-block;
}
.copyrights li:first-child{
  padding:0; margin: 0;
  display: inline-block;
}
.copyrights li:last-child{
  display: block; padding-top: 12px;
}
.copyrights li:last-child p{
  display: block;
  font-size: 16px; color: #666666;
}
.copyrights li a:link,
.copyrights li a:visited{
  font-size: 16px; color: #666666;
}
.copyrights li a:hover{
  color: #0080cc;
}

@media screen and (min-width: 1403px) and (max-width: 1600px) {

  .page-content .con{
    /*padding: 50px 50px 50px 50px;*/
  }
  .page-content .need_con {
    width:90%;
  }
  .page-content .con .man{
    position:absolute;left:0; top: -125px;
    width:38%;
  }
  .page-content .need {
    margin: 50px 0;
    width:60%;
  }
  .page-content .need ul {
    padding-top: 52px;
  }
  .page-content .con.height357{
    height: 350px;
  }
  .footer {
    padding: 50px 50px 0px 50px;
  }
  .page-content .In_title_en{
    font-size: 50px;
  }

  .page-content .partner_con{
    width: 90%;
  }
  .page-content .partner_txt p{
    margin-top: 20px;
    font-size: 15px;  line-height: 30px;
  }
  .page-content .prolist .pro_con p{
    display: block;
    font-size: 18px; color: #333333;  line-height: 22px;

    /*padding: 38px 0 5px 20px;*/
  }
  .page-content .prolist .pro_con span{
    font-size: 14px; line-height: 20px;
    padding-left: 20px;
  }/*
  .Contactus li{
    padding: 12px 0;
    height: 260px;
  }
  .Contactus li div{
    width: 100%;padding: 0 15px 0 15px;
    display: table-cell;vertical-align: middle;
  }
  .Contactus li h2{
    float: left;
    font-size: 18px; color: #005ba0; font-weight: bold;
    margin-bottom: 22px;
  }
  .Contactus li p.txt{
    clear: both; display: block;
    font-size: 12px; color: #333333; line-height: 22px;
  }*/
  .footer .man{
    bottom:0; top: auto;
    width: 420px;
  }
  .page-content .menu2 dl dt{
    font-size: 22px;
    height: 42px;  margin-bottom: 20px;
  }
  .page-content .menu2 dl dd a{
    font-size: 14px;
  }
  .copyrights{
    padding:44px 0 22px 0;
  }

  .News li h2{
    font-size: 220%;
  }
  .News li h2 p{
    font-size: 70%;
  }
  .News li p.txt{
    font-size: 120%;line-height: 30px;
  }
  .News li p.txt span.info{
    font-size: 80%; line-height: 20px;
  }
  /*
  .page-content .text1 h3{
    font-size: 25px; line-height: 32px;
  }.page-content .con_left h2{
    font-size: 40px;line-height: 48px;
  }
  .page-content .member_form{
    !*margin-top: 20px;*!
  }
  .page-content .member_form li{
    line-height: 30px;
    margin-bottom: 32px;
  }
  .page-content .member_form li span{
    font-size: 16px;
  }
  .page-content .member_form li input{
    line-height: 30px;
  }
  .page-content .member_form li a{
    line-height: 30px;
  }*/
  .logined .down_list li{
    background: url('/images/service/down.png') no-repeat right 12px center;
    height: 55px; line-height: 55px;
    background-size: 20px;
  }
  .logined .down_list li a:link,
  .logined .down_list li a:visited{
    font-size: 16px;
    padding: 0 48px 0 0;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1402px) {

  .page-content .con{
    /*padding: 50px 50px 50px 50px;*/
  }
  .page-content .need_con {
    width:90%;
  }
  .page-content .con .man{
    position:absolute;left:0; top: -125px;
    width:38%;
  }
  .page-content .need {
    margin: 40px 0;
    width:60%;
  }
  .page-content .need ul {
    padding-top: 32px;
  }
  .page-content .con.height357{
    height: 300px;
  }
  .footer {
    padding: 50px 50px 0px 50px;
  }
  .page-content .In_title_en{
    font-size: 50px;
  }
  .page-content .partner_con{
    width: 90%;
  }
  .page-content .partner_txt p{
    margin-top: 20px;
    font-size: 14px;  line-height: 24px;
    font-weight: bold;
  }
  /*.page-content .partner_con{
    max-width: 1100px;
  }
  .page-content .partner{
    float: left;
    text-align: left;
    width: 500px;
  }
  .page-content .partner_txt{
    margin-top: 20px
  }
  .page-content .partner_txt p{
    font-size: 18px;  line-height: 30px;
  }
  .page-content .Industry_advantage{
    float: right;
    width: 480px;
  }
  .page-content .Industry_advantage ul li{
    margin: 0 20px 30px 0;
    width: 210px;height: auto;
  }
  .page-content .Industry_advantage ul li:nth-child(2n+2){
    margin: 0 0px 30px 0;
  }*/
  .page-content .prolist .pro_con p{
    font-size: 16px; color: #333333;  line-height: 22px;
    /*padding: 28px 0 5px 20px;*/
  }
  .page-content .prolist .pro_con span{
    font-size: 14px; line-height: 20px;
    padding-left: 20px;
  }
  .page-content .map ul {
    top:28%;
    /*padding-top: 15%;*/
  }
  .page-content .map li .number{
    font-size: 300%;
  }/*
  .Contactus li{
    padding: 12px 0;
    height: 260px;
  }
  .Contactus li div{
    padding: 0 15px 0 15px;
  }
  .Contactus li h2{
    font-size: 18px;
  }
  .Contactus li p.txt{
    font-size: 12px;
  }*/
  .copyrights{
    padding:12px 0 0 0;
  }
  .footer .man{
    width: 350px; bottom:0; top: auto;
  }

  .page-content .menu2 dl dt{
    font-size: 20px;
  }
  .page-content .menu2 dl dd a{

    font-size: 14px;
  }
  .News li h2{
    font-size: 200%;
  }
  .News li h2 p{
    font-size: 40%;
  }
  .News li p.txt{
    font-size: 100%;line-height: 30px;
  }
  .News li p.txt span.info{
    font-size: 80%; line-height: 20px;
  }
  /*
  .page-content .text1 h3{
    font-size: 20px; line-height: 30px;
  }
  .page-content .con_left h2{
    font-size: 28px; line-height: 38px;
  }.page-content .member_form{
    margin-top: 10px;
  }
  .page-content .member_form li{
    line-height: 25px;
    margin-bottom: 5px;
  }
  .page-content .member_form li span{
    font-size: 12px;
  }
  .page-content .member_form li input{
    line-height: 25px;
  }
  .page-content .member_form li a{
    line-height: 25px;
  }
  .page-content .logined{
    font-size: 18px;
  }
  .page-content .logined a:link,.page-content .logined a:visited{
    font-size: 16px;
  }*/
  .logined .down_list li{
    background: url('/images/service/down.png') no-repeat right 12px center;
    height: 55px; line-height: 55px;
    background-size: 20px;
  }
  .logined .down_list li a:link,
  .logined .down_list li a:visited{
    font-size: 14px;
    padding: 0 48px 0 0;
  }

}
@media screen and (min-width: 1005px) and (max-width: 1199px) {

  .page-content .con{
    padding: 50px 40px 50px 40px;
  }
  .page-content .need_con {
    width:90%;
  }
  .page-content .con .man{
    position:absolute;left:0; top: -77px;
    width:38%;
  }
  .page-content .need {
    margin: 30px 0;
    width:60%;
  }
  .page-content .need ul {
    padding-top: 32px;
  }
  .page-content .need li {
    height: 110px; padding-top: 10px;
  }
  .page-content .need li .title{
    padding-top: 2px;
  }
  .page-content .con.height357{
    height: 260px;
  }
  .page-content .In_title_en{
    font-size: 42px;
  }
/*  .page-content .pro_list .pro lipage-content .pro_list .pro li{
    padding-right: 25px;
  }*/
  .page-content .partner_con{
    width: 100%;
  }
  .page-content .partner_txt p{
    margin-top: 20px;
    font-size: 14px;  line-height: 24px;
    font-weight: bold;
  }
  .page-content .line2 {
    margin: 28px 0 38px 0;
  }
  .page-content .menu2{
    width: 92%;
  }
  .page-content .menu2 dl dt{
    font-size:15px;
    height: 42px;  margin-bottom: 20px;
  }
  .page-content .menu2 dl dd a{
    font-size: 13px!important;
  }
  .copyrights{
    padding:22px 0 22px 0; margin: 0;
    text-align: left;
  }
  .copyrights li a:link,
  .copyrights li a:visited{
    font-size: 13px;
  }
  .copyrights li:last-child p {
    font-size: 14px;
  }
  .page-content .prolist .pro_con p{
    display: block;
    font-size: 14px; color: #333333;  line-height: 22px;

    /*padding: 28px 0 5px 20px;*/
  }
  .page-content .prolist .pro_con span{
    font-size: 14px; line-height: 20px;
    padding-left: 20px;
  }/*
  .Contactus li{
    padding: 12px 0;
    height: 260px;
  }
  .Contactus li div{
    padding: 0 15px 0 15px;
  }
  .Contactus li h2{
    font-size: 14px;
  }
  .Contactus li p.txt{
    font-size: 12px;
  }*/
  .footer {
    padding: 50px 20px 0px 30px;
  }
  .footer .man{
    width: 220px; bottom:0; top: auto;
  }
  .page-content .map ul {
    top:20%;
    /*padding-top: 15%;*/
  }
  .page-content .map li .number{
    font-size: 250%;
  }
  .page-content .map li .title{
    font-size:100%;
  }

  /*.culture li{
    width:639px;
    margin-right: 102px;
  }
  .culture li:nth-child(2){
    border-top: 0px;
  }*/
  .News li h2{
    font-size: 150%;
  }
  .News li h2 p{
    font-size: 30%;
  }
  .News li p.txt{
    font-size: 80%;line-height: 22px;font-weight: bold;
  }
  .News li p.txt span.info{
    font-size: 80%; line-height: 20px;
  }
  /*
  .page-content .text1 h3{
    font-size: 16px; line-height: 25px;
  }
  .page-content .con_left h2{
    font-size: 22px; line-height: 28px;
  }.page-content .member_form{
    margin-top: 10px;
  }
  .page-content .member_form li{
    line-height: 20px;
    margin-bottom: 8px;
  }
  .page-content .member_form li span{
    font-size: 15px;
  }
  .page-content .member_form li input{
    line-height: 20px;
  }
  .page-content .member_form li a{
    line-height: 20px; font-size: 12px;
  }
  .page-content .logined{
    font-size: 16px;
  }
  .page-content .logined a:link,.page-content .logined a:visited{
    font-size: 14px;margin-left: 33px;
  }*/
  .logined .down_list li{
    background: url('/images/service/down.png') no-repeat right 12px center;
    height: 55px; line-height: 55px;
    background-size: 20px;
  }
  .logined .down_list li a:link,
  .logined .down_list li a:visited{
    font-size: 12px;
    padding: 0 32px 0 0;
  }
  .pro_intro > li h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1004px){

  .page-content .con{
    padding: 50px 40px 50px 40px;
  }
  .page-content .need_con {
    width:90%;
  }
  .page-content .con .man{
    position:absolute;left:0; top: -66px;
    width:38%;
  }
  .page-content .need {
    margin: 30px 0;
    width:60%;
  }
  .page-content .need ul {
    padding-top: 42px;
  }
  .page-content .need li {
    height: 100px; padding-top: 10px;
  }
  .page-content .need li .title{
    padding-top: 2px;
  }
  .page-content .con.height357{
    height: 260px;
  }
  .page-content .prolist .pro_con .arrow {
    right: 5px;
    bottom: 12px;
  }
  /*.page-content .need li .title {
    font-size: 80%;
  }*/
  .page-content .In_title_en{
    font-size: 32px;
  }
  .page-content .partner_con{
    width: 90%; max-width: 1200px;
  }
  .page-content .partner_txt p{
    margin-top: 20px;
    font-size: 14px;  line-height: 24px;
    font-weight: bold;
  }
  .page-content .line2 {
    margin: 28px 0 38px 0;
  }
  .page-content .menu2{
    width: 92%;
  }
  .page-content .menu2 dl dt{
    font-size:14px;
  }
  .page-content .menu2 dl dd a{

    font-size: 10px;
  }
 /* .page-content .pro_list .pro li{
    padding-right: 25px;
  }*/
  .page-content .prolist .pro_con p{
    display: block;
    font-size: 14px; color: #333333;  line-height: 22px;

    /*padding: 28px 0 5px 20px;*/
  }
  .page-content .prolist .pro_con span{
    font-size: 14px; line-height: 20px;
    padding-left: 20px;
  }/*
  .Contactus li{
    padding: 12px 0;
    height: 260px;
  }
  .Contactus li div{
    padding: 0 15px 0 15px;
  }
  .Contactus li h2{
    font-size: 14px;
  }
  .Contactus li p.txt{
    font-size: 12px;
  }*/
  .footer {
    padding: 50px 20px 0px 30px;
  }
  .footer .man{
    width: 200px; bottom:0; top: auto;
  }
  .copyrights{
    padding:22px 0 22px 0; margin: 0;
    text-align: left;
  }
  .copyrights li a:link,
  .copyrights li a:visited{
    font-size: 13px;
  }
  .copyrights li:last-child p {
    font-size: 14px;
  }
  .page-content .map ul {
    top:20%;
    /*padding-top: 15%;*/
  }
  .page-content .map li .number{
    font-size: 200%;
  }
  .page-content .map li .title{
    font-size:80%;
  }
  /*.culture li{
    width:100%;
    margin-right: 102px;
  }
  .culture li:nth-child(2){
    border-top: 0px;
  }*/
  .News li h2{
    font-size: 150%;
  }
  .News li h2 p{
    font-size: 20%;
  }
  .News li p.txt{
    font-size: 80%;line-height: 22px; font-weight: bold;
  }
  .News li p.txt span.info{
    font-size: 80%; line-height: 20px;
  }
  .page-content .text1 h3{
    font-size: 14px; line-height: 20px;
  }
  /*
  .page-content .con_left h2{
    font-size: 18px; line-height: 28px;
  }.page-content .member_form{
    margin-top: 10px;
  }
  .page-content .member_form li{
    line-height: 20px;
    margin-bottom: 8px;
  }
  .page-content .member_form li span{
    font-size: 13px;
  }
  .page-content .member_form li input{
    line-height: 20px;
  }
  .page-content .member_form li a{
    line-height: 20px; font-size: 12px;
  }
  .page-content .logined{
    font-size: 14px;
  }
  .page-content .logined a:link,.page-content .logined a:visited{
    font-size: 14px;margin-left: 22px;
  }*/
  .logined .down_list li{
    background: url('/images/service/down.png') no-repeat right 12px center;
    height: 55px; line-height: 55px;
    background-size: 20px;
  }
  .logined .down_list li a:link,
  .logined .down_list li a:visited{
    font-size: 12px;
    padding: 0 32px 0 0;
  }
  .pro_intro > li h4 {
    font-size: 18px;
  }
}
/*

@media screen and (min-width: 280px) and (max-width: 639px){
  #contentLeft{display: none}

  #contentRight {
    margin-left: 0;
  }
  .page-content .con{
    padding: 50px 30px 50px 30px;
  }
  .page-content .prolist .pro_con .arrow {
    right: 5px;
    bottom: 12px;
  }
  .page-content .need li .title {
    font-size: 80%;
  }
  .page-content .In_title_en{
    font-size: 32px;
  }
  .page-content .line2 {
    margin: 28px 0 38px 0;
  }
  .page-content .menu2{
    width: 92%;
  }
  .page-content .menu2 dl dt{
    font-size:14px;
  }
  .page-content .menu2 dl dd a{

    font-size: 10px;
  }
  .page-content .prolist .pro_con p{
    display: block;
    font-size: 14px; color: #333333;  line-height: 22px;

    padding: 28px 0 5px 20px;
  }
  .page-content .prolist .pro_con span{
    font-size: 12px; line-height: 20px;
    padding-left: 20px;
  }
  .Contactus li{
    padding: 12px 0;
    height: 260px;
  }
  .Contactus li div{
    padding: 0 15px 0 15px;
  }
  .Contactus li h2{
    font-size: 14px;
  }
  .Contactus li p.txt{
    font-size: 12px;
  }
  .footer {
    padding: 50px 20px 0px 30px;
  }
  .footer .man{
    width: 200px; bottom:0; top: auto;
  }
  .copyrights{
    padding:22px 0 22px 0; margin: 0;
    text-align: left;
  }
  .copyrights li a:link,
  .copyrights li a:visited{
    font-size: 13px;
  }
  .copyrights li:last-child p {
    font-size: 14px;
  }
  .page-content .map ul {
    top:20%;
    !*padding-top: 15%;*!
  }
  .page-content .map li .number{
    font-size: 200%;
  }
  .page-content .map li .title{
    font-size:80%;
  }
  .culture li{
    width:100%;
    margin-right: 102px;
  }
  .culture li:nth-child(2){
    border-top: 0px;
  }
  .News li h2{
    font-size: 150%;
  }
  .News li h2 p{
    font-size: 20%;
  }
  .News li p.txt{
    font-size: 80%;line-height: 22px; font-weight: bold;
  }
  .News li p.txt span.info{
    font-size: 80%; line-height: 20px;
  }
  .page-content .text1 h3{
    font-size: 14px; line-height: 20px;
  }
  .page-content .con_left h2{
    font-size: 18px; line-height: 28px;
  }
  .page-content .member_form{
    margin-top: 10px;
  }
  .page-content .member_form li{
    line-height: 20px;
    margin-bottom: 8px;
  }
  .page-content .member_form li span{
    font-size: 13px;
  }
  .page-content .member_form li input{
    line-height: 20px;
  }
  .page-content .member_form li a{
    line-height: 20px; font-size: 12px;
  }
  .page-content .logined{
    font-size: 14px;
  }
  .page-content .logined a:link,.page-content .logined a:visited{
    font-size: 14px;margin-left: 22px;
  }
  .logined .down_list li{
    background: url('/images/service/down.png') no-repeat right 12px center;
    height: 55px; line-height: 55px;
    background-size: 20px;
  }
  .logined .down_list li a:link,
  .logined .down_list li a:visited{
    font-size: 12px;
    padding: 0 32px 0 0;
  }
  .pro_intro > li h4 {
    font-size: 18px;
  }
}
*/

.scrollup {
  /*width: 54px;
  height: 54px;*/
  width: 32px;
  height: 59px;
  position: fixed; z-index: 99;
  bottom: 55px;
  /*right: 22px;*/
  left: 1198px;
  display: none;
  text-indent: -9999px;
  background: url('/images/top.jpg') no-repeat;

  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.home .scrollup {
  right: 22px;
  left: auto;
}
.scrollup:hover {
  background: url('/images/top_over.jpg') no-repeat;
}