@charset "UTF-8";
html { overflow-y:scroll; }
*{margin:0px; padding:0px; word-wrap:break-word;}
img,input,select{vertical-align:middle;}
ul,li{list-style:none;}
a{text-decoration:none;	color: #555555;}
a:hover{color:#555555; -webkit-transition: color ease 0.6s; }
img{border:none;}
.clear{ clear:both; height:0px;	 margin:0; padding:0;width:0; border:none; overflow:hidden;}
body{font-size:14px;font-family: "Microsoft YaHei"; color: #555555; background:#fff;}
.fl { float:left}
.fr { float:right}

header {width: 100%; height: 91px;  border-top: 3px solid #ea7724}
header .con {width: 1200px; height: 91px; margin: 0 auto; position: relative;}
.tel {width: 190px; height: 91px; position: relative;}

.bus{ position: absolute; z-index: 12; top: 0; right: 0px; margin-right: 0px; height: 91px; width: 190px; }
.bus{ display: block;  animation-name: busAnia; -webkit-animation: busAnia 2s cubic-bezier(0,1.19,.99,.99) 0s normal none; -moz-animation: busAnia 2s cubic-bezier(0,1.19,.99,.99) 0s normal none; -ms-animation: busAnia 2s cubic-bezier(0,1.19,.99,.99) 0s normal none; }
@-webkit-keyframes busAnia { from { right:-40%; opacity: 0 } to { right:0%; opacity: 1} }
@-moz-keyframes busAnia { from { right:-40%; opacity: 0} to { right:0%; opacity: 1} }
@keyframes busAnia { from { right:-40%;opacity: 0 } to { right:0%;opacity: 1 } }




#line {width:100%;
    height:9px;
    position:relative;
    overflow:hidden;}
.line {width:1920px;
    height:9px;
    position:absolute;
    left:50%;
    margin-left:-960px; background: url(../images/line.jpg); } 

.news {width: 1200px; margin: 40px auto 0 auto; overflow: hidden;}    


#personal{color:white;text-decoration:none;position:absolute;bottom:15px;right:2%}
.spot{position:absolute;width:100%;height:100%;top:0;left:0}
.svg-wrapper{position:relative;width:200px;height:50px;
  /*display:inline-block;
  left: 50%; margin-left: -100px;*/
  border-radius:3px;
}
#shape{stroke-width:6px;fill:transparent;stroke:#ea7724;stroke-dasharray:180 400;stroke-dashoffset:-262;transition:1s all ease}
#text{margin-top:-45px;text-align:center}
#text a{text-decoration:none;font-weight:100;font-size:24px; color: #0d5ba5; font-weight: bold;}
#text a span {font-size: 16px; color: #999999; padding-left: 10px;text-transform: uppercase;}
.svg-wrapper:hover #shape{stroke-dasharray:50 0;stroke-width:4px;stroke-dashoffset:0;stroke:#0d5ba5}

/*.bus1,.bus3,.bus5{ position: absolute; z-index: 12; top: 0; margin-left: 0px; height: 64px; width: 485px; }
.bus1,.bus3,.bus5{ display: block;  animation-name: busAnia; -webkit-animation: busAnia 2s cubic-bezier(0,1.19,.99,.99) 0s normal none; -moz-animation: busAnia 2s cubic-bezier(0,1.19,.99,.99) 0s normal none; -ms-animation: busAnia 2s cubic-bezier(0,1.19,.99,.99) 0s normal none; }
@-webkit-keyframes busAnia { from { left:-40%; opacity: 0 } to { left:0%; opacity: 1} }
@-moz-keyframes busAnia { from { left:-40%; opacity: 0} to { left:0%; opacity: 1} }
@keyframes busAnia { from { left:-40%;opacity: 0 } to { left:0%;opacity: 1 } }

.bus2,.bus4,.bus6{ position: absolute; z-index: 12; top: 0; margin-left: 0px; height: 64px; width: 485px; }
.bus2,.bus4,.bus6{ display: block;  animation-name: busAnia; -webkit-animation: busAnia 2s cubic-bezier(0,1.19,.99,.99) 0s normal none; -moz-animation: busAnia 2s cubic-bezier(0,1.19,.99,.99) 0s normal none; -ms-animation: busAnia 2s cubic-bezier(0,1.19,.99,.99) 0s normal none; }

*/


.news .list {margin:30px auto 0 auto; position: relative; overflow: hidden;}
.news .list li a .date1 { width: 82px; height: 80px;  line-height: 40px; text-align: center; background: url(../images/bg1.jpg); color: #fff;-webkit-transition: all 0.8s; }
.news .list li a:hover .date1 { width: 82px; height: 80px;  line-height: 40px; text-align: center; background: url(../images/bg1h.jpg); color: #fff }
.news .list li .date1 span {  display: block; width: 82px; height: 40px; font-size: 26px;  color: #fff;  font-weight: bold; line-height: 44px; margin-top: 5px;}
.news .list li .date1 p{font-size: 16px; line-height: 35px; }
.news .list li .text {margin-left: 20px; width:446px;}
.news .list li .text h2{  font-size: 16px;  padding-bottom: 5px; margin-bottom: 5px; margin-top: 5px; color: #165d9b }
.news .list li .text p { color: #979898 }
.news .list li  {  overflow: hidden;/* width:580px; */position: relative; height: 111px;  }
/*.news .list li.li1{float: left;}
.news .list li.li2{float:right;}
.news .list li.li3{float: left; }
.news .list li.li4{float:right;}
.news .list li.li5{float: left;}
.news .list li.li6{float:right;}*/
/*.news .list li.li2 .date1,.news .list li.li4 .date1,.news .list li.li6 .date1 {float: right;}*/
/*.news .list li.li2 .text,.news .list li.li4 .text,.news .list li.li6 .text  {margin-right: 20px;margin-left: 0px;}*/
.new_con_left .list li .date1{float: left;}
.new_con_right .list li .date1{float: right;}
.new_con_right .list li .text{margin-right: 20px;margin-left: 0px;}
.news .list li a {display: block; /*width: 478px;*/ height:94px; padding: 15px 15px 0px 15px; background: #fff; border: 1px solid #fff;  -webkit-transition: all 0.8s; }
.news .list li a:hover { background:#f8f8f8; border: 1px solid #d6d6d6;  }
.news .list li a:hover .text  h2 {color: #ea7724;-webkit-transition: all 0.8s; }

.product {background: #0177d7; overflow: hidden; width: 100%; min-height: 100px; margin-top: 40px; padding-bottom: 30px;}
.product .con {width: 1300px; margin: 0 auto; overflow: hidden; min-height: 100px;}
.zzsc-container { text-align: center; }

button { display: block;
  margin: 30px  auto 0px auto; 
  padding: 10px 20px ;
  border-radius: 0px;
  border: 0px solid;
  font-size: 24px ;
  text-transform: uppercase;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 1s;
  transition: all 1s;
}

/* btn-2 */
.btn-2 { color: #ea7724;
  font-family: "Microsoft YaHei"; font-weight: bold;
  border-color: #E4F68F;
  background: -webkit-linear-gradient(left, #ea7724, #ea7724) no-repeat;
  background: linear-gradient(to right, #ea7724, #ea7724) no-repeat;
  background-size: 100% 0%;
}
.btn-2:hover {
  background-size: 100% 100%;
  color: #fff;
}

.btn-21 { color: #ea7724;
  font-family: "Microsoft YaHei"; font-weight: bold;
  border-color: #E4F68F;
  background: -webkit-linear-gradient(left, #0177d7, #0177d7) no-repeat;
  background: linear-gradient(to right, #0177d7, #0177d7) no-repeat;
  background-size: 100% 0%;
}
.btn-21:hover {
  background-size: 100% 100%;
  color: #fff;
}

.product .tit h2 {text-align: center; font-weight: normal;  line-height:40px; font-size: 22px;  margin:0px 0px 0px 0; }
/*.product .tit h2 a {color: #ea7724;}  
.product .tit h2 a:hover {color: #fff}*/
.product .tit p {text-align: center; font-size: 18px; color: #fff; }




.ixyzp{
	width:1300px;
	height:350px;
	margin:30px 0 0 0; 
	
	
	overflow:hidden;
	clear:both;
}

.rollBox {
	
 
}
.rollBox .Cont {
width:1200px;
overflow:hidden;
float:left;
}
.rollBox .LeftBotton {-webkit-transition: color ease 3s;
height:287px;
width:50px;
background:url(../images/ibg_l.jpg) center center no-repeat ;
overflow:hidden;
float:left;
display:inline;
margin:0px;
cursor:pointer;
}
.rollBox .LeftBotton:hover {
height:287px;
width:50px;
background:url(../images/ibg_lh.jpg) center center no-repeat ;
overflow:hidden;
float:left;
display:inline;
margin:0px;
cursor:pointer;
}
.rollBox .RightBotton {-webkit-transition: color ease 3s;
height:287px;
width:50px;
background:url(../images/ibg_r.jpg) left center no-repeat;
overflow:hidden;
float:right;
display:inline;
margin:0px;
cursor:pointer;
}

.rollBox .RightBotton:hover {
height:287px;
width:50px;
background:url(../images/ibg_rh.jpg) left center no-repeat;
overflow:hidden;
float:right;
display:inline;
margin:0px;
cursor:pointer;
}
 
.rollBox .ScrCont {
width:10000000px;
}

.rollBox #List1, .rollBox #List2 {
float:left;
}


.izplist{}
.izplist li{ 
	width:287px;
	float:left;
	text-align:center;
	 margin: 0 6px 0 7px;
}
.izplist li a img{
	width:267px;
	height:277px;
	
}
.izplist li a:hover  img { }
.izplist li a p {color: #fff;width: 267px;height: 49px; line-height: 49px; font-size: 18px; background: #ef9554;-webkit-transition: all ease 0.6s}
.izplist li a:hover  p{background: #0177d7; color: #fff; }
.izplist li a {display: block;width:267px; 	text-align:center;  border: 10px solid #0177d7;	 -webkit-transition: all ease 1s}
.izplist li a:hover {  border: 10px solid #ef9554; width:267px; border-radius: 3px; text-decoration: none;}


.case {width: 1226px; margin: 0px auto 0 auto; overflow: hidden;}    
.case .tit h2 {text-align: center; font-weight: normal;  line-height:40px; font-size: 22px;  margin:0px 0px 0px 0; }

.case .list { width: 100%; overflow: hidden; }
.case li {    float: left; margin: 15px; position: relative;width: 581px; height: 165px; }
.case li img {width: 249px; height: 165px;}
.case .list li .text { width:310px; padding-right: 10px;}
.case .list li .text h2{  font-size: 18px; font-weight: normal; margin: 15px 0; color: #000 }
.case .list li .text p { color: #979898; line-height: 24px;  }
.case li a {display: block;border: 1px solid #7e7e7e;width: 581px; height: 165px; 
  transition: all 0.3s; position: absolute; left: 0px; top: 0px;}
.case li a:hover {border: 1px solid #0177d7; position: absolute; }
.case li a.li2 img,.case li a.li4 img{ float: right; }
.case li a.li2 .text,.case li a.li4 .text {float: left; padding-left: 10px;}
.case .list {width: 100%; overflow: hidden; margin-top: 20px;position: relative;}
.case li a.li3 img,.case li a.li1 img{float: left;  }
.case li a.li3 .text,.case li a.li1 .text {float: right; padding-left: 10px;}

footer{width: 100%;overflow: hidden; background: #363636; padding-top: 25px; color: #fff; margin-top: 40px; }
footer .fnav {width: 1200px; margin: 0 auto; padding-bottom: 25px;overflow: hidden;min-height: 190px;}
footer .fnav a {color: #ccc; transition: all 0.3s;}
footer .fnav dt { font-size: 14px; margin:5px 0 10px 0 }
footer .fnav dd { line-height: 32px; }
footer .fnav dl {float: left; padding-right: 60px;}
footer .fnav dl.ewm {text-align: center; padding: 0px; float: right;}
.copy {width: 100%; background: #171717; height: 36px; line-height: 36px;}
.copy p {width: 1200px; margin: 0 auto; color: #fff; }
footer .fnav .contact {float: left; padding:0 36px; border-left: 1px solid #4a4a4a}
footer .fnav dt {font-size: 16px;}
footer .fnav a:hover { color: #fff;  }
.main {width: 100%;overflow: hidden;}
.main .con{width: 1200px; margin: 0 auto; overflow: hidden; min-height: 500px;}
.position {margin: 20px auto; height: 30px; line-height: 30px; font-size: 16px; width: 1200px;}
.position a {color: #444; padding-right: 8px;}
.position p {float: left; width: 53px; height: 30px;}
.nnav { float: left; position: relative;
	
	height: 30px;
	display: inline-block;
}

.nnav li { 
	float: left;
	list-style-type: none;
	position: relative;
}

.nnav li a {
	font-size: 16px; 
	color: #444; z-index: 999;
	display: block;
	line-height: 30px; padding: 0px 25px 0 15px;
	border: 1px solid #fff;border-radius-top: 8px; border-bottom: none; 
	text-decoration: none;
	

}
.nnav li a:hover,#options:hover >a{ border: 1px solid #e8e8e8; border-radius: 8px 8px 0px  0; border-bottom: 1px solid #fff;z-index: 999;
	
}




#options>a {
	background: url(../images/triangle.png) no-repeat right  center; 
	
}
.subnav {z-index: 0;
	visibility: hidden; 
	position: absolute; background: #fff; border: 1px solid #e8e8e8;
	top: 100%;
	
	width: 300px;
	height: auto;
	opacity: 0;
	transition: all 0.5s;
	
}
.subnav li {  margin: 10px 0; padding: 0px;
	float: left;
}
.subnav li a { text-align: center; border: none; 
	
}

.subnav li a:hover {border: none; color: #417edb}
#options:hover .subnav {
	visibility: visible; 
	top: 100%;
	opacity: 1;
}
.subnav:hover {margin-top: 0px;}

.main h2 {text-align: center; border-bottom: 1px solid #e8e8e8; padding: 20px 0px 15px 0; margin-bottom: 30px;}
.main .con p {line-height:28px; margin-bottom: 25px;}
.main .con p img { margin: 0 0px 0 15px;}
.main .con li h2{ font-size: 18px;font-weight: normal; text-align: left; padding: 0px;  border: none; margin: 15px 0px 10px 0;-webkit-transition: all 1s;  }
.main .con li a:hover h2{color: #155b9d;  }
.main .con li span {display: block; margin-bottom: 10px;}
.main .con li {border-bottom: 1px solid #e8e8e8; margin-top: 8px; width: 100%; overflow: hidden;}
.main .con .newslist {margin-top: -20px;}
.main .con .page {float: right; margin-top: 30px;}
.main .con .page span {display: block; float: left; padding: 3px 8px; border-radius: 3px; border: 1px solid #d1d1d1; color: #2664af;-webkit-transition: all 0.6s; margin-right: 10px; cursor: pointer;}
.main .con .page b {background: #2664af ;padding: 3px 8px; border-radius: 3px; margin-right: 10px; float: left; color:#fff; border: 1px solid #2664af; cursor: pointer;}
.main .con .page span:hover {border: 1px solid #2664af;}
.main .con {padding-bottom: 50px;}

.box-163css{ width:1200px; }
#result{ height:666px; overflow:hidden; width:1200px; margin:0 auto; text-align:left;}
#result li{width:269px; margin:0 15px 15px 16px; float:left; }
#result li img{ width:267px; height:276px; border: 1px solid #b5b5b5;}
#result li strong{ font-weight:normal;  height:40px; line-height: 40px;text-align: center; overflow:hidden; display:block; border: none}
#loader{ opacity:0; margin:10px 0;}
#btnTest{ cursor:pointer; border:1px solid #ccc; margin:0 auto; background:#f2f2f2; height:34px; line-height:34px; display:block; width:90px;}


.hidden{ display: none;}
.lanren{width: 1200px;height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;}
.lanren ul.list{overflow: hidden;}
.lanren ul.list li{width: 269px;height: 330px;margin:15px 15px 0px 16px;float: left;overflow: hidden;}
.lanren ul.list li img:hover {box-shadow: 2px 3px 20px 0px #404040; }
.lanren ul.list li img{width: 267px;height: 276px; border: 1px solid #b5b5b5;-webkit-transition: all ease 0.6s;}
.lanren ul.list p{text-align: center;padding: 10px; margin: 0px}
.lanren .more{overflow: hidden;padding:30px 0 0 0;text-align: center;}
.lanren .more a{display: block;width: 110px; height: 31px; margin:0 auto;background:url(../images/more.png);}

.main .con .lanren ul.list li  {overflow: visible;}
.main .con .lanren ul li  {border: none}

.new_con{float: left;width: 600px;}
.new_con_left{}
.new_con_right{}

.menu_wrap{
  position: relative;z-index: 1000;
  -webkit-box-shadow: 0 2px 5px 0 #333;
  box-shadow: 0 2px 5px 0 #333;
}


.izl-rmenu{position:fixed; left:50%;margin-left:600px; bottom:80px; z-index:999;}
.izl-rmenu .btn{ width: 50px;height: 50px; margin-bottom:1px; cursor:pointer; position:relative;display: block;white-space:normal;margin-bottom: 10px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.izl-rmenu .btn:hover{opacity: 0.9;}
.izl-rmenu .btn-qq{background:url(../images/pf_icon_06.png) no-repeat center;
-webkit-background-size: 100%;
background-size: 100%;
}
.izl-rmenu .btn-wx{background:url(../images/pf_icon_03.png) no-repeat center;
-webkit-background-size: 100%;
background-size: 100%;
}
.izl-rmenu .btn-phone{background:url(../images/pf_icon_08.png) no-repeat center;
-webkit-background-size: 100%;
background-size: 100%;
}
.izl-rmenu .btn-top{height: 0;background:url(../images/pf_icon_10.png) no-repeat center;
-webkit-background-size: 100%;
background-size: 100%;
}
.izl-rmenu .btn-wx .pic{position:absolute; left:-120px; top:0px; display:none;width:120px;height:120px;background:url(../images/f_wxewm.jpg) no-repeat top center;
-webkit-background-size: 100%;
background-size: 100%;
}
.izl-rmenu .btn-phone:hover{}
.izl-rmenu .btn-phone .phone{ position:absolute;width:160px; left:-160px; top:0px; line-height:40px; color:#FFF;background:#eb6153; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top:hover{}