@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#fff;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
.bg{background-color: #B0C4DE;}
.bg1{background-color: #CAFF70;}
.bg2{background-color: #FFC1C1;}
.bg3{background-color: #FFA07A;}
.bg4{background-color: white;}
.hj200 {line-height: 200%;}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.w0{width: 100%}
.w1340{width: 1340px;margin:0 auto;}
.w1200{width: 1200px;margin:0 auto;}
.w1100{width: 1100px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}

/*header start*/
.header{height: 120px;position: absolute;z-index: 99999;}
.header .nav .lan{width:200px;height: 40px;line-height: 40px;text-align: right;margin-left:690px;padding-top: 10px;}
.header .nav .lan a{color: #fff}
.header .nav .lan .en{margin-left: 30px;}
/*.header .nav ul{width: 900px;height: 50px;background: url(/Public/images/navbg1.png);}
.header .nav ul li{width: 128.5px;height: 50px;line-height: 42px;text-align: center;font-size: 16px;font-weight: bold;background: url(/Public/images/line1.jpg) no-repeat center right;}
.header .nav ul li:hover {background: url(/Public/images/line1.png) no-repeat center bottom;color: #0E6EB8}*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ width: 1000px; height:50px; line-height:50px; position:relative;z-index:1;margin: 0 auto}
.nav a{ color:#666;}
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; height:50px;line-height:42px;font-size:16px;font-weight: bold;text-align: center;padding: 0 17px}
.nav .sub {display:none; width:180px; left:-40px; top:50px;  position:absolute; background:url(/Public/images/hoverbg.png);  line-height:35px;}
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; padding:0 10px;text-align: center;color: #fff}
.nav .sub a:hover {background:#FE734A; color:#fff;}
.nav .on h3 a{background: url(/Public/images/line1.png) no-repeat center bottom; color:#0E6EB8;}

/*header end*/

/*banner start*/
.bannner{ position:relative; width:100%; height:750px; overflow:hidden;background: url(/Public/images/banner1.jpg) no-repeat center;}
.tel_line{height: 60px;background:#0C6FC4;}
.tel_line span{line-height: 60px;font-size: 24px;}
.tel_line span.fl{padding-left: 50px;background:url(/Public/images/tel1.png) no-repeat center left;}
.tel_line span.fr{padding-left: 50px;background:url(/Public/images/tel2.png) no-repeat center left;}
/*banner end*/

/*product start*/
.product{background: #fff;padding: 50px 0 32px 0;}
.pro_left{width: 260px;}
.pro_left ul li{width: 230px;height: 51.5px;line-height:51.5px;background: #efefef;border-bottom: 1px solid #ccc;font-size: 16px;font-weight: bold;color: #555;padding-left: 30px;}
.pro_left ul li:hover {background: #0E6EB8;color: #fff}
.pro_left ul li .jt{width: 40px;height: 51.5px;background: url(/Public/images/jt.png) no-repeat center;}
.pro_left ul li a{color: #666}
.pro_left ul li:hover .jt{width: 40px;height: 51.5px;background: url(/Public/images/jt2.png) no-repeat center;}
.pro_left ul li:hover a{color: #fff}
.pro_right{width: 940px;}
.pro_right ul li{width:268px;margin: 0 0 8px 45px;}
.pro_right ul li .proimg{width:260px;height:195px;border: 4px solid #ccc;overflow: hidden;}
.pro_right ul li .prozi{height:45px;line-height:45px;text-align:center;font-size: 16px;background: url(/Public/images/proname.png) no-repeat center; padding: 0px 35px; overflow: hidden;}
.pro_right ul li:hover .proimg{border: 4px solid #0E6EB8;}
.pro_right ul li:hover .prozi{background:url(/Public/images/proname1.png);color: #fff}
.pro_right li img{ width: 260px; height: 195px; display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}
.pro_right li img:hover { transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}



/*product end*/

/*ywfw start*/
.ywfw{padding:50px 0 35px 0;background:url(/Public/images/ywbg.jpg) no-repeat center #EAEAEA;}
.ywfw .title p{text-align: center;line-height: 160%;color: #999}

.ywfw .strengthMain{overflow:hidden;margin-top: 30px}
.ywfw .strengthMain li{float:left;width:380px;height:285px;overflow:hidden;background:#000;position:relative;margin:15px 0px 15px 30px;}
.ywfw .strengthMain li:nth-child(1) {margin:15px 0}
.ywfw .strengthMain li:nth-child(4) {margin:15px 0}
.ywfw .strengthMain li img{width:380px;height:285px;transition:all .5s;opacity:1;filter:alpha(opacity=100);}
.ywfw .strengthMain li .font{width:380px;height:260px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:25px;}
.ywfw .strengthMain li .font h3{font-size:16px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px;position: relative;top: 224px;}
.ywfw .strengthMain li:nth-child(1) .font h3{background: url(/Public/images/imghoverbg1.png);}
.ywfw .strengthMain li:nth-child(2) .font h3{background: url(/Public/images/imghoverbg2.png);}
.ywfw .strengthMain li:nth-child(3) .font h3{background: url(/Public/images/imghoverbg3.png);}
.ywfw .strengthMain li:nth-child(4) .font h3{background: url(/Public/images/imghoverbg4.png);}
.ywfw .strengthMain li:nth-child(5) .font h3{background: url(/Public/images/imghoverbg5.png);}
.ywfw .strengthMain > a {display: block;width:380px;height:285px;margin: 15px 0px 15px 30px;background:#0E6EB8;text-align: center;}
.ywfw .strengthMain > a img{padding-top: 80px;padding-bottom: 5px;}
.ywfw .strengthMain > a p{text-align: center;font-size: 18px;color: #fff;letter-spacing: 3px;line-height: 220%;}
.ywfw .strengthMain li:hover img{transform: scale(1.1, 1.1);opacity:0.4;filter:alpha(opacity=40);}
.ywfw .strengthMain li:hover .font h3{font-size:20px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:250px;background: none;position: relative;top: 0;display: block;}
.ywfw .strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.ywfw .strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.ywfw .strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.ywfw .strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}
/*ywfw end*/

/*company start*/
.company{padding: 50px 0;}
.company .com_body{background: url(/Public/images/title_c.png) no-repeat center;}
.company .com_body .video{margin-top: 50px;}
.company .com_nr{width: 650px;height:484px;}
.company .com_nr .com_zi{width: 440px;padding: 60px 0 0 40px}
.company .com_nr .com_zi b{font-size: 18px;line-height: 80px;color: #0F6FB8}
.company .com_nr .com_zi p{line-height: 180%;color: #666}
.company .com_nr .com_zi .more{width: 120px;height: 30px;border:1px solid #0F6FB8;text-align: center;line-height: 30px;color: #0F6FB8;font-size: 16px;transition: all 0.2s ease-in;margin-top:30px; }
.company .com_nr .com_zi .more:hover {background: #0F6FB8;color: #fff}
/*company end*/

/*case start*/
.case{padding: 50px 0;background:url(/Public/images/casebg.jpg) no-repeat center top}
.case .title{margin-bottom: 30px;}
.case .title p{text-align: center;line-height: 160%;color: #999}
/*case end*/

/*new start*/
.new{height:700px;padding:0px 0 50px 0;background:url(/Public/images/title_new.png) no-repeat center top}
.new .new_body{padding-top:215px;}
.new ul{width: 380px;margin-left: 30px;}
.new ul .new_1{box-shadow: 0 0 10px 0 #666}
.new ul:nth-child(1) {margin-left: 0}
.new ul .title{width: 380px;height: 70px;background:#0E6EB8;text-align: center;line-height: 70px;font-size: 20px;color: #fff;transition: all 0.2s ease-in;}
.new ul .new_con{width: 350px;height: 320px;padding: 15px;border-top: 0px;}
.new ul .new_con img{margin-bottom: 15px;}
.new ul .new_con li{width: 350px;height:25px;line-height: 25px;display:block;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;color: #666}
.new ul .more{height: 70px;}
.new ul .more .gd{width:140px; height: 35px;border-radius: 20px;border: 1px solid #0E6EB8;text-align: center;line-height: 35px;font-size: 16px;color: #0E6EB8;margin:30px auto 0px auto;transition: all 0.2s ease-in;}
.new ul:hover .gd{background: #0E6EB8;color: #fff}
/*new end*/

/*yeji start*/
.yeji{padding: 50px 0;background:url(/Public/images/yrjibg.jpg) no-repeat center #000}
.yeji .yeji_body{height: 511px;background: url(/Public/images/yejibody.png);}
.yeji .yeji_body .yeji_l{width: 516px;height:301px;padding: 30px;margin-top: 144px;}
.yeji .yeji_body .yeji_r{width: 600px;}
.yeji .txtScroll-top{ width:100%; overflow:hidden; position:relative;}
.yeji .txtScroll-top .infoList li{ height:30px; line-height:30px;}
.yeji .txtScroll-top .infoList li a{color: #999}
.yeji .txtScroll-top .infoList li .date{ float:right; color:#999;}
.yeji .title_gc{font-size: 16px;font-weight: bold;position: relative;top: -15px;color: #00C1F5}
.yeji .title_gc .li1{width: 170px;height: 20px;line-height: 20px;text-align: center;}
.yeji .title_gc .li2{width: 170px;height: 20px;line-height: 20px;text-align: center;}
.yeji .title_gc .li3{width: 98px;height: 20px;line-height: 20px;text-align: center;}
.yeji .title_gc .li4{width: 78px;height: 20px;line-height: 20px;text-align: center;}
.yeji .yeji_body .yeji_l .bd li .yj1{display: block;width: 150px;padding-right: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.yeji .yeji_body .yeji_l .bd li .yj2{display: block;width: 150px;padding-right: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.yeji .yeji_body .yeji_l .bd li .yj3{display: block;width: 98px;text-align: center}
.yeji .yeji_body .yeji_l .bd li .yj4{display: block;width: 78px;text-align: center}

.login-01 input{background: none;}
.login-01{
  width:100%;
  margin:144px 0 0 40px;
}
form {
   padding: 0% 1%;
}
form li.first,li.second{
  border:none;
  list-style:none;
  margin-bottom:10px;
  width:100%;
}
.icon,.icon2  {
  height:55px;
  width:55px;
  display: block;
  float: left;
  border-top-left-radius: 0.3em;
  -o-border-top-left-radius: 0.3em;
  -moz-border-top-left-radius: 0.3em;
  -webkit-border-top-left-radius: 0.3em;
  border-border-bottom-left-radius: 0.3em;
  -o-border-bottom-left-radius: 0.3em;
  -moz-border-bottom-left-radius: 0.3em;
  -webkit-border-bottom-left-radius: 0.3em;
}
.user {
    background: url(/Public/images/icons.png) no-repeat 14px 15px #3EB2FF;
}
.email{
  background:url(/Public/images/icons.png) no-repeat 15px -39px #3EB2FF;
}
.phone{
  background: url(/Public/images/icons.png) no-repeat 15px -93px #3EB2FF;
}
.msg{
  background: url(/Public/images/msg.png) no-repeat 16px 16px #3EB2FF;
}
li.first:hover .user{
     background: url(/Public/images/icons.png) no-repeat 14px 15px #1ACB95;
}
li.first:hover .email{
  background:url(/Public/images/icons.png) no-repeat 15px -39px #1ACB95;
}
li.first:hover .phone{
  background: url(/Public/images/icons.png) no-repeat 15px -93px #1ACB95;
}
li.second:hover .msg {
  background: url(/Public/images/msg.png) no-repeat 16px 16px #1ACB95;
}
/*-----*/
input[type="text"],form textarea {
  width: 77%;
  padding: 1em 1em 1em 1em;
  color: #858282;
  font-size: 16px;
  outline: none;
  font-weight: 500;
  border: none;
  background: none!important;
  font-family: "Microsoft YaHei";
  border-top-right-radius: 0.3em;
  -o-border-top-right-radius: 0.3em;
  -moz-border-top-right-radius: 0.3em;
  -webkit-border-top-right-radius: 0.3em;
  border-border-bottom-right-radius: 0.3em;
  -o-border-bottom-right-radius: 0.3em;
  -moz-border-bottom-right-radius: 0.3em;
  -webkit-border-bottom-right-radius: 0.3em;
  box-shadow: 0 0 1px 0 #fff;
  }
form textarea {resize: none;height: 140px;}
.login-01 input[type="submit"]{
  font-size: 17px;
  font-weight: 300;
  color: #fff;
  cursor: pointer;
  outline: none;
  padding: 5px 5px;
  width: 35%;
  border: 2px solid #1ACB95;
  float: right;
  font-family:"Microsoft YaHei"; 
  background: #1ACB95;
  margin-right:2.85em;
  margin-top: 12px;
}
input[type="submit"]:hover{
-webkit-transform: rotate(4deg);
  transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
}
li.lost {margin-bottom: 21px;}
/*---------------*/
.copy-right {
  text-align: center;
  margin: 2em 0;
}
.copy-right p {
	color: #fff;
	font-size: 1em;
	font-weight:400;
}
.copy-right p a {
	color:#fff;
}
.copy-right p a:hover {
	text-decoration: underline;
}
/*-----start-responsive-design------*/
@media (max-width:1440px){
  .login-01 input[type="submit"]{
  margin-right:1.85em;
  }
	
}
@media (max-width:1366px){
  .login-01 input[type="submit"]{
  margin-right: 1.6em;
  }
  	
}
@media (max-width:1280px){
   .login-01 {
    width: 40%;
    margin:5% auto 5%;
  }
  body h1 {
  font-size: 2.7em;
}
 
}
@media (max-width:1024px){
  .login-01 {
  width: 45%;
}
 body h1 {
  font-size: 2.5em;
}
 
}
@media (max-width:768px){
  .login-01 {
  width: 63%;
}
 body h1 {
  font-size: 2.3em;
}
}
@media (max-width:640px){
  .login-01 {
  width: 73%;
  }
  body h1 {
  font-size: 2.1em;
}
}
@media (max-width:480px){
   .login-01 {
    width: 85%;
  }
  .copy-right p {
    font-size: 0.9em;
  }
input[type="text"], form textarea {
width: 77%;
padding: 1em 1em 1em 1em;
font-size: 15px;
}
.icon, .icon2 {
height: 48px;
width: 48px;
}
.user {
background: url(/Public/images/icons.png) no-repeat 11px 12px #f79d29;
  background-size: 45%;
}
.phone{
  background:url(/Public/images/icons.png) no-repeat 12px -87px #f79d29;
    background-size: 45%;
}
.msg{
  background: url(/Public/images/msg.png) no-repeat 14px 11px #f79d29;
    background-size: 45%;
}
li.first:hover .user{
     background: url(/Public/images/icons.png) no-repeat 11px 9px #DB2048;
      background-size: 45%;
}
li.first:hover .phone{
  background:url(/Public/images/icons.png) no-repeat 12px -87px #DB2048;
   background-size: 45%;
}
li.second:hover .msg {
  background: url(/Public/images/msg.png) no-repeat 14px 11px #DB2048;
   background-size: 45%;
}
body h1 {
  font-size:2em;
  padding-top: 1em;
}
form li.first, li.second {
  margin-bottom: 5px;
  }

}
@media (max-width:320px){
  input[type="text"], form textarea {
 width: 71%;
  padding: 1em 1em 1em 0.8em;
  font-size: 14px;
  }
  .login-01 {
    width:96%;
  }
  .icon, .icon2 {
  height: 45px;
  width: 45px;
  }
  .user {
    background: url(/Public/images/icons.png) no-repeat 11px 13px #f79d29;
     background-size: 40%;
}
.phone{
  background:url(/Public/images/icons.png) no-repeat 12px -72px #f79d29;
   background-size: 40%;
}
.msg{
  background: url(/Public/images/msg.png) no-repeat 14px 13px #f79d29;
   background-size: 40%;
}
li.first:hover .user{
     background: url(/Public/images/icons.png) no-repeat 11px 13px #DB2048;
      background-size: 40%;
}
li.first:hover .phone{
  background:url(/Public/images/icons.png) no-repeat 12px -72px #DB2048;
   background-size: 40%;
}
li.second:hover .msg {
  background: url(/Public/images/msg.png) no-repeat 14px 13px #DB2048;
   background-size: 40%;
}
.copy-right p {
  line-height: 1.6em;
}
.login-01 input[type="submit"] {
  font-size: 17px;
  padding: 8px 8px;
  width: 36%;
  margin-right: 0.7em;
}
body h1 {
  font-size:1.6em;
}
}
/*yeji end*/

/*footer start*/
.footer{padding: 0px 0;background: url(/Public/images/footline.jpg) repeat-x center top #505050;}
.footer .foot_top{padding: 15px 0;}
.footer .foot_top ul li{padding:0 28px;color: #fff;font-size: 16px;text-align: center;background: url(/Public/images/line1.jpg) no-repeat center right;}
.footer .foot_top ul li:nth-child(9){background: none;}
.footer .foot_top ul li a{color: #fff}
.footer .foot_body{padding:15px 0;background: #606060}
.footer .foot_body p{text-align: center}
.footer .foot_body a{ color: #fff;}
.footer .link{height: 50px;line-height: 50px;background: #505050;}
.footer .link li{color: #fff;margin-right: 20px;}
/*footer end*/

/*solve_ny*/
.solve_ny{width: 840px;}
.solve_ny ul li{width: 380px;margin:20px 20px 0;float: left;}
.solve_ny ul li p{height: 50px;background: #0E6EB8;line-height: 50px;color: #fff;text-align: center;font-size: 20px}
.solve_ny ul li a.licon{display: inline-block;width: 98%;padding: 0 1%;border-bottom: 1px dashed #dfdfdf;}
.solve_ny ul li a.licon span{float: right;}
.solve_ny ul li a.licon:after {clear: both;}
.solve_ny ul li a.more{display: block;width: 100%;height: 35px;line-height: 35px;background: #dfdfdf;margin-top: 10px;text-align: center;}