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: #505050;}
a:hover{color:#505050; -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: #505050; }
.fl { float:left}
.fr { float:right}

.top {width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #53534d; background: #5d5d58;}
.top .con {width: 1200px; height: 35px; line-height: 35px; margin: 0 auto; color: #cecece; font-size: 16px;}
.top .con p span {height: 36px; line-height: 36px; background: #fff; display:block; width: 65px; color: #323232; text-align: center; float: left;margin-right: 15px;}
.logo {width: 1200px; height: 76px; margin: 0 auto;}

nav {width: 781px; height: 89px;  }


.siderNav {width: 100%; margin: 0 auto; height: 89px; line-height: 89px;}
/*.topmenu li,.topmenu strong.icon_arr,.topmenu li.weibo strong,.topmenu li.weixin strong,.topmenu .focusht,.topmenu .wxht{background:url(../images/topmenu.gif) no-repeat;}

.topmenu{line-height:22px;color:#333;}
.topmenu li{float:left;position:relative;background-position:right top; width: 120px; height: 16px;margin: 22px 0}
.topmenu strong{display:block;position:relative;height:16px;font-weight:normal;cursor:default;z-index:20; line-height: 16px; }
.topmenu .jq_hidebox{display:none;position:absolute;left:0;top:89px; background:#fff;z-index:10;}
.topmenu li.hover strong{}
.topmenu li.hover{}
.topmenu li.htphone{_width:83px;}
.topmenu li.htphone .jq_hidebox{width:120px;}
.topmenu .htphonebox{padding:5px;border-top:1px solid #f3f3f3;}
.topmenu strong.icon_arr{padding-right:23px;background-position:right 0px;}
.topmenu li.hover strong.icon_arr{background-position:right 20px;}
*/
.topmenu strong.icon_arr,.topmenu li.weibo strong,.topmenu li.weixin strong,.topmenu .focusht,.topmenu .wxht{background:url(../images/topmenu.gif) no-repeat;}

.topmenu{line-height:22px;color:#000; font-size: 18px;  float: left;}
.topmenu li{float:left;position:relative;background-position:right top; height: 89px; line-height: 89px; padding: 0px 3px;   }
.topmenu li:hover {color:#2879cc;}
.topmenu strong{display:block;position:relative;height:89px;padding:0 10px;font-weight:normal;cursor:default;z-index:20;}
.topmenu .jq_hidebox{display:none;position:absolute;left:0;top:89px; background-color:rgba(251,141,67,0.8);  z-index:10; width: 110px; text-align: center; }
.topmenu .jq_hidebox a {color: #fff}
.topmenu .jq_hidebox a:hover { text-decoration: underline; }
.topmenu li.hover strong{border-bottom:none;}
.topmenu li.now{ color: #2879cc;}
.topmenu li.htphone{_width:83px;}
.topmenu li.htphone .jq_hidebox{width:71px;}
.topmenu .htphonebox{padding:5px;}
.topmenu strong.icon_arr{padding-right:23px;background-position:right 0px;}
.topmenu strong.none{width: 78px; text-align: center; }
.topmenu li.hover strong.icon_arr{background-position:right -89px;}
.topmenu a {color: #000}
.topmenu a:hover {color:#d27310;}
.topmenu .jq_hidebox dt {height: 50px; line-height: 50px; font-size: 16px;border: 1px  solid rgba(255,255,255,.3);}
.topmenu .jq_hidebox dt a:hover {color: #fff}
@import url(http://fonts.useso.com/css?family=Roboto:400,100,900);
* {
  box-sizing: inherit;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}


.btn {
  color: #020202;
  cursor: pointer;
  display: block;
  font-size: 26px;
  line-height: 45px;
 
  max-width: 160px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100%;
}
@media (min-width: 400px) {
  .btn {
    display: inline-block;
  
  }
  .btn:nth-of-type(even) {
    margin-right: 0;
  }
}
@media (min-width: 600px) {
  .btn:nth-of-type(even) {
   
  }
  .btn:nth-of-type(5) {
    margin-right: 0;
  }
}
.btn:hover {
  text-decoration: none;
}

.btn-2 {
  letter-spacing: 0;
}

.btn-2:hover,
.btn-2:active {
 
}
.btn-2 {  }
.btn:hover {color: #020202}
.btn-2:after,
.btn-2:before {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-top: 2px solid rgba(0, 0, 0, 0);
  bottom: 0px;
  content: " ";
  display: block;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 280ms ease-in-out;
          transition: all 280ms ease-in-out;
  width: 0;
}

.btn-2:hover:after,
.btn-2:hover:before {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-color: #1482ff; 
  -webkit-transition: width 350ms ease-in-out;
          transition: width 350ms ease-in-out;
  width: 100%;
}

.btn-2:hover:before {
  bottom: auto;
  top: 0;
  width: 100%;
}

.about {width: 100%; margin: 30px auto 0 auto; overflow: hidden; min-height: 100px;}
.about .tit {width: 100%;  border-bottom: 1px solid #d8d8d8 }
.about .tit h2 {width: 1200px;height: 50px;margin: 0 auto;   font-weight: normal;}
.about .tit h2 div {width: 104px; border-bottom: 2px solid #1482ff;height: 50px;line-height: 50px;}
.about .con {width: 1200px; overflow: hidden; margin: 0 auto;}
.about .con .text {width: 640px; font-size: 18px; line-height: 33px; padding-top: 35px;}
.about .con .text p {margin-bottom: 15px; text-indent: 36px; line-height: 33px;}
.about .con .text span { display: block;margin-top: 15px; width: 160px; height: 35px;}
.about .con .text span.more {width: 120px; height: 35px;  line-height: 35px;}
.about .con .text span.more a { background: #2879cc; border: 1px solid #2664af;display: block; text-align: center; text-indent: 0px; color: #fff; border-radius: 5px; -webkit-transition: all ease 0.6s;}
.about .con .text span.more a:hover {background: #fff; color: #2664af}
.about .con .text img {margin-left: 3px; }
.hdp_container{width:509px;height:313px;position:relative;font-size:0px;overflow:hidden;  border: 5px solid #d4d4d4; border-radius: 5px; margin-top: 25px;}
.hdp_container li {border-radius: 50%; border: 3px solid #cacaca;}

.news {width: 100%; margin: 30px auto 0 auto; overflow: hidden; min-height: 100px; background: #2879cc;margin-top: 30px; padding-top: 30px;}
.news .tit {width: 100%;   }
.news .tit h2 {width: 104px;height: 50px;margin: 0 auto;   font-weight: normal;border-bottom: 2px solid #1482ff; line-height: 50px;}

.effects { width: 277px; height: 208px;
  
}
.effects .img {
  position: relative;
  float: left;
  margin-bottom: 5px;
  width: 277px; height: 208px;
  overflow: hidden;
}

.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 30px;
  height: 30px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 30px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 45px;
  height: 45px;
  border: solid 3px #fff;
  text-align: center;
  color: #fff;
  line-height: 45px;
  font-weight: 700;
  font-size: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

/* ============================================================
  EFFECT 5 - ICON BORDER ANIMATE
============================================================ */
#effect-5 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
#effect-5 .overlay a.expand {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#effect-5 .img.hover .overlay {
  opacity: 1;
}
#effect-5 .img.hover .overlay a.expand {
  width: 45px;
  height: 45px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.news .con {width: 1230px; margin: 0 auto;}
.news .con li {width: 277px; float: left; margin: 25px 15px}
.news .con li h2 {font-size: 18px; font-weight: normal; margin: 10px 0px 5px ;}
.news .con li h2 a:hover,.menu .con li  a:hover h2{ color: #0278ff }
.news .con li p {font-size: 16px; line-height: 32px;}
.news .con li p span {float: right;}



.product {width: 100%; margin: 30px auto 0 auto; overflow: hidden; min-height: 100px;margin-top: 30px; padding-top: 30px;}
.product .tit {width: 100%;   }
.product .tit h2 {width: 116px;height: 50px;margin: 0 auto;   font-weight: normal; line-height: 50px; color: #fff;text-align: center;}
.zzsc{ width:1200px; height:770px;  margin:30px auto 0 auto; position:relative; overflow:hidden;}
.zzsc:hover li{ background:#000;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.zzsc:hover img{ opacity:0.5;filter:alpha(opacity=50);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.zzsc li:hover img{ opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.zzsc01{ width:386px; height:375px; position:absolute; left:0; top:0;}
.zzsc02{ width:386px; height:375px; position:absolute; left:408px; top:0;}
.zzsc03{ width:386px; height:375px; position:absolute; right:0; top:0;}
.zzsc04{ width:796px; height:375px; position:absolute; left:0px; bottom:0;}
.zzsc05{ width:386px; height:375px; position:absolute; right:0px; bottom:0;}


.menu {width: 100%; margin: 30px auto 0 auto; overflow: hidden; min-height: 100px; margin-top: 30px; padding-top: 30px;}
.menu .tit {width: 100%;   }
.menu .tit h2 {width: 104px;height: 50px;margin: 0 auto;   font-weight: normal; line-height: 50px;}

.menu .con {width: 1200px; margin: 0 auto; overflow: hidden;}
.menu .con li {float: left;  margin-top: 30px; width: 600px;}
.menu .con li h2  {width: 100%; height: 30px; line-height: 30px; background: #fff; margin: -5px 0 0 0; padding: 15px 0 0 0; color: #000; font-weight: normal; font-size: 21px; text-align: left;}
.menu .con li img {width: 226px; height: 168px;}

.menu .text {width: 330px; margin-right: 20px;}
.menu .text p {line-height: 30px;}

footer{width: 100%;overflow: hidden; background: #212121;  color: #fff; margin-top: 40px; }
footer .fnav {width: 1200px; margin: 0 auto; overflow: hidden;min-height: 190px;}
footer .fnav a {color: #fff}
footer .fnav dt { font-size: 18px; margin:5px 0 10px 0 }
footer .fnav dd {color: #505050}
footer .fnav dd a{color: #505050}
footer .fnav dd { line-height: 32px; }
footer .fnav dl {float: left; padding-right: 56px; padding-top: 25px;}
footer .fnav dl.ewm {text-align: center;  width: 110px; padding: 0px; margin: 30px 0 0 0; }
footer .fnav dl.ewm dt {text-align: right;}
footer .fnav dl.ewm img {}
.copy {width: 100%; background: #012b5c; height: 36px; line-height: 36px;}
.copy p {width: 1200px; margin: 0 auto; color: #fff; }
footer .fnav .contact {float: left; padding:0 37px; border-left: 1px solid #4a4a4a}
footer .copy a {color: #fff}
footer p {font-size: 18px; margin-top: 30px; color: #666}
.search {width: 246px; height: 60px; float: right; position: relative;}
.search input.text {width: 246px; height: 35px; background: #fff; border: none; position: relative;}
.search input.sub {background: url(../images/sesrch.png) no-repeat; text-indent: -999px; border: none; position: absolute; top: 15px; right: 0px; z-index: 999; width: 28px; height: 35px; cursor: pointer;}

.qq {position: fixed; right: 10px; top: 230px; width: 69px; height: 139px; background:url(/Templates/cn2014.utf/images/qq.png); }
.qq a{ width: 69px; height:69px; /*border: 1px solid blue ;*/ display: block; position: relative; z-index: 9}


.main {width: 1200px; margin:30px auto; overflow: hidden;}
.left {width: 283px; float: left; overflow: hidden; min-height: 500px;}
.left li { height: 59px; line-height: 59px; border-bottom: 1px solid #d2d2d2; font-size: 16px; background: url(../images/icon5.png) no-repeat left center; padding-left: 30px; position: relative;  }
.left li a {color: #040404;}
.left li a:hover,.left li a.now { color: #34caef }
.left li.position {background: none; padding-left: 0px; font-size: 18px;}
.right {float: right;  width: 886px; overflow: hidden;}
.right  h2 {text-align: center; color: #333; margin: 30px 0px 25px;}
.right .plist li { float: left; width: 277px; overflow: hidden;background: url(../images/icon6.png) no-repeat; margin: 9px}
.right .plist li h2 {font-size: 16px; font-weight: normal; color: #020202; text-align: left; padding: 15px 0px 5px; margin: 0px;}
.right .plist li p {line-height: 24px; }
.right .plist li  a:hover h2{color: #34caef}
.right .plist li a img {width: 277px; height: 263px;display: block;}
.right .plist li a:hover img{  opacity: 0.2 }
.right .about p{line-height:30px; margin-bottom: 15px;}
.right .nlist li {width: 856px; padding: 0px 15px; border-bottom: 1px dotted #d2d2d2}
.right .nlist li h2 { font-weight: normal; font-size: 20px; text-align: left; margin: 15px 0px 10px; }
.right .nlist li a h2  {color: #444; }
.right .nlist li a:hover h2  {color: #0278ff}
.right .nlist li p {line-height: 30px;}
.right .nlist li p.date { color: #aaa }

.pagelink {float: right; margin-top: 30px;}
.pagelink span {padding: 3px 5px; background: #fff; border: 1px solid #ccc; border-radius: 3px;  float: left; margin-left: 5px;}
.pagelink b {padding: 3px 5px; background: #0278ff; border: 1px solid #ccc; border-radius: 3px;  float: left; margin-left: 5px; 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;}

.product .con {
    width: 1300px;
    margin: 0 auto;
    overflow: hidden;
    min-height: 100px;
}
.product {
    background: #0177d7;
    overflow: hidden;
    width: 100%;
    min-height: 100px;
    margin-top: 40px;
    padding-bottom: 30px;
}
.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 { 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: 210px;
  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; color: #000  }
.main .con li a:hover h2{color: #155b9d;  }
.main .con li span {display: block; margin-bottom: 10px;}
.main .con li { margin-top: 8px; width: 100%; overflow: hidden;}
.main .con li img {width: 229px; height: 170px;}
.main .con li .text {width: 955px; margin-left: 15px;}
.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}

.con-banner{position: relative;width: 100%;overflow: hidden;min-width: 1200px;max-height: 330px;}
.con-img{position: relative;width: 1920px;left: 50%;margin-left:-960px;text-align: center;}
.con-img img{}

.pro_more{width: 1200px;margin:0 auto;}
.pro_more ul{overflow: hidden;}
.pro_more li{float: left;margin-bottom: 5px;margin-right: 5px;}
.pro_more li a{display: block;line-height: 30px;text-align: center;padding:0 15px;}
.pro_more li a:hover{background: rgb(251,141,67);color:#fff;}