@charset "utf-8";

blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,legend,li,menu,ol,p,pre,textarea,ul {margin: 0;padding: 0;border: 0}

address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;margin: auto}

body {font-family: "Microsoft Yahei", }

li,ol,ul {list-style-type: none}

img {border: 0;vertical-align: middle}

h1,h2,h3,h4,h5,h6 {font-weight: 400}

b {display: block}

samp {font-family:"Microsoft Yahei"}

a:link {text-decoration: none; }

a:visited {text-decoration: none; }

a:hover {text-decoration: none; }

a:active {text-decoration: none; }

.clearfix:before,.clearfix:after {content: "";display: table; }

.clearfix:after {clear: both; }

.fix:after {clear: both;content: "";display: table} 





html{overflow-y: scroll;height:100%;}

html,body{min-width:1340px;}

.w1200{ width: 1200px; margin:0 auto; }

.w1180{ width: 1180px; margin:0 auto; }

.w920{ width: 920px; margin:0 auto; }

.w1280{ width: 1280px; margin:0 auto; position: relative; overflow: hidden; }



@font-face {

  font-family: 'iconfont';

  src: url('font2/iconfont.eot');

  src: url('font2/iconfont.eot?#iefix') format('embedded-opentype'),

      url('font2/iconfont.woff2') format('woff2'),

      url('font2/iconfont.woff') format('woff'),

      url('font2/iconfont.ttf') format('truetype'),

      url('font2/iconfont.svg#iconfont') format('svg');

}



.iconfont {

  font-family: "iconfont" !important; 

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.fl{float:left;display:inline}

.fr{float:right;display:inline}

.clear{ clear: both; }



/* .layout{ width: 1200px; display: block; padding: 40px 0; margin:0 auto ; position: relative; overflow: hidden; } */

/* .layout2{ width: 1200px; margin:0 auto;position: relative; overflow: hidden; } */

/* .layout3{ width: 1200px; margin:0 auto;position: relative; overflow: hidden; padding: 40px 0;  } */





.banner{width: 100%; display: block; position: relative; } 

/* .header{ width:1200px; margin-left: -600px; left: 50%; top: 0; position: absolute; display: block; height: 30px; padding: 15px 0; z-index: 22}    */

/* .nav {  height:60px;  width: 100%; position: absolute; top: 0; z-index: 2;}
.logo { float: left; padding-top: 15px;} 
.logo img{ max-height: 30px; }
.nav_fix {    position: fixed;    top: 0;    left: 0;    width: 100%;    z-index: 9999;    height: 60px;  background: rgba(44,107,208,0.6); } 
.menu{ float: right; width: 1000px; padding-top: 15px; }
.navame{ float: left; }
.navame li{color: #fff;  float: left; padding: 0 40px 0 0; display: block; position: relative;} 
.navame li a{ color: #fff;font-size:14px;height: 30px; line-height: 30px; display: block;} 
.navame li a:hover { font-weight: bold; }   
.navame li a.current{font-weight: bold; }  
.navame li ul {display: none;}
.navame li:hover ul {display:block; position:absolute; top:75px; padding:10px 30px ;  background:#fff; left:-30px; width:200px; z-index:999;-moz-box-shadow:0px 0px 10px #ccc; -webkit-box-shadow:0px 0px 10px #ccc; box-shadow:0px 0px 10px #ccc; }
.navame li:hover ul li a{display:block; color:#999; text-align:left; height:40px; line-height:40px; width:200px; font-size:13px; overflow:hidden; padding: 0; }
.navame li:hover ul li {height:40px; color:#999; padding: 0; } 
.navame li:hover ul li a:hover {color:#2c6bf8; text-decoration: none; border-bottom: none; }  
.navame li:last-child:hover ul{ left: -210px; }
.fhNav{position:relative;box-sizing:border-box;width:100%;height:100%;background-color:rgba(103,87,87,.85);padding:0 10px}
.bottomLine{position:absolute;left:0;bottom:0;height:2px;background-color:#fff;transition:all .3s ease}

 
.nava{ float: right; padding-left: 20px; }

.nava li{color: #fff;  float: left; display: block; position: relative;height: 30px; margin-left:30px; } 

.nava li a{ color: #fff;font-size:14px;height: 30px; line-height: 30px; display: block;} 

.nava li a:hover { color: #fff; }

.nava li.dl a{ height: 30px;background: #fff; font-size: 14px; color:#2c6bf8;  border-radius: 3px; display: block; line-height: 30px; padding: 0 10px;  }

.nava li.ty a{ height: 30px; border: 1px solid #fff; box-sizing: border-box;  font-size: 14px; color:#fff;  border-radius: 3px; display: block; line-height:28px; padding: 0 10px;  }

.nava li.dl a:hover{background: #f2f2f2; color:#2c6bf8; }

.nava li.ty a:hover{background: #fff; color:#2c6bf8; } */





.slides-box{width:100%;height:630px;margin:auto;overflow:hidden; position: relative;}

.slides{position:relative;height:100%;width:100%;margin:auto;float:left}

.slides li{position:absolute;width:100%;height:100%}

.slides li img{display:block;width:100%;margin:auto;z-index:99;} 

.slides-box h2{font-size:34px; width: 100%; position: absolute; left:22%; top:50%;margin-top:-40px; line-height: 70px; text-align: left;  color: #5f5f5f}  

.prev,.next{position:absolute;z-index:99;top:50%;margin-top:-24px;height:48px;width:48px;color:#fff;cursor:pointer; background-image: url(../images/side_icon.png); display: none; }

.prev{left: 5%;background-position-x:0;background-position-y: 48px;}

.next{right:5%;background-position-x:48px;background-position-y: 48px;}

.prev:hover,.next:hover{opacity:.6}  

.pagination{position:absolute;bottom:40px;z-index:99}

.pagination li{padding:0 6px;float:left}

.pagination li a{display:block;width:40px;height:6px; background: rgba(255,255,255,.4); filter: Alpha(opacity=40); }

.pagination .active{background:#fff; }





.footer{ width: 100%; background: #141621; padding:60px 0 30px; display: block; position: relative; overflow: hidden;  }

.fottle{ width: 200px; float: left; background-image:url(../images/ft_imgkf.png); background-repeat: no-repeat; background-position: left top; background-size:80px;  padding-left: 100px; position: relative;}

.fottle .T1{ font-size: 14px; line-height: 20px; display: block; color: #fff; position: relative; }

.fottle .T2{ font-size: 20px; font-weight: bold; line-height: 20px; display: block; color: #fff; position: relative; padding: 15px 0 10px; }

.fottle .T3 a{ padding: 4px 9px; float: left; text-align: center;  font-size: 12px; color: #fff; border: 1px solid #4c4e59; display: block; }

.fottle .T3 a:hover{ background: #fff; color: #333;  }

.fottle:before{width: 1px; height: 180px; position: absolute; right: 0; top: 5px;  content: ""; display: block; background: #4c4e59;  }



.fotrig{ width: 820px; float: right; }

.fotnav{ float: left; }

.fotnav dl{ float: left; display: block; padding-left: 40px; position: relative; width: 90px;  }

.fotnav dl:last-child{ padding-right: 0;}

.fotnav dl dt{ width: 100%; text-align: left; font-size: 14px; line-height: 20px; display: block; color: #fff;  margin-bottom: 12px; padding-bottom: 12px;}

.fotnav dl dd{ float: left; width: 100%; text-align: left; height: 30px; line-height: 30px; font-size: 12px; } 

.fotnav dl dd a{ color: #999; }

.fotnav dl dd a:hover{ color: #fff;}

.fotwx{ width: 100px; text-align: center; float: right;}

.fotwx img{ max-width: 100px; text-align: center; }

.fotwx span{ font-size: 14px; color: #fff; text-align: center; line-height: 40px; height: 40px; display: block; position: relative; }

.foot{ width: 1200px; margin: 20px auto 0; position:  relative; text-align: center; border-top: 1px solid #4c4e59; padding-top: 20px; font-size: 12px; line-height: 30px; color: #999; }



.ljsq{ width: 100%; background: #1e3fe6; padding: 50px 0; display: block; position: relative; text-align: center; font-size: 30px; line-height:40px; display: block; color: #fff;}

.ljsq a{ border:1px solid #fff; padding:0 50px; margin-left:50px; color: #fff; font-size:18px; height: 40px; line-height: 40px; display: inline-block; }

.ljsq a:hover{ background: #fff; color: #1e3fe6; }





 



.spotlightWrapper{width:20%; position: absolute; bottom:5%;right:40%; z-index: 111;}

.spotlightWrapper ul {  text-align: center; }

.spotlightWrapper ul li { display: inline-block; margin:0 15px;  position: relative;}

.spotlightWrapper ul li a img { 

width:30px; /* you don't need this, i just rescaled the images they are bigger then i want them to be ' */

position:relative; /* so we can use top and left positioning */

border:none; /* remove the default blue border */

}

.spotlightWrapper ul li a img.active { 

z-index:1; /* show it on top of the other images (they have z-index 0) */ 

}



.spotlightWrapper ul li.ewm span{ width: 200px; height: 212px; display: none; position: absolute; top: -215px; left: -90px; }

.spotlightWrapper ul li:hover.ewm span{ display: block; }















.theme-popover-mask{z-index:99;position:fixed;top:0;left:0;width:100%;height:100%;background:#000; opacity:0.8; filter:alpha(opacity=80); display: none;}

.theme-popover{background: url(../images/pic.png) 370px 110px no-repeat #fff; z-index:999;position:fixed;top:50%;left:50%;width:660px;height:480px; margin-left:-330px; margin-top: -240px; display: none; }

.theme-poptit{ width: 100%; height:40px; position: relative; }

.theme-poptit .close{width:19px; height:18px; position: absolute; top:20px; right: 20px; display: block;background: url(../images/close.jpg) no-repeat right top; }  

.theme-popbod{float: left; padding-left: 50px;}

.modal-title {border-bottom: 1px solid #2c6bf8;padding: 0 20px;text-align: center;}

.modal-title span {font-size: 20px;color: #2c6bf8;font-weight: bold;padding: 0 10px;background: white;position: relative;top: 13px;}

.modal-form {margin-top: 40px;}

.modal-form .modal-form-item {margin-top:15px;overflow: hidden;}

.modal-input {width: 270px;height: 46px;border: 1px solid #dddddd;border-radius: 2px;padding: 0 10px;font-size: 14px;}

.modal-textarea{width: 270px;height:50px;border: 1px solid #dddddd;border-radius: 2px;padding:10px;font-size: 14px;}

.modal-submit-btn {width: 292px; height: 52px;line-height: 52px;background: #2c6bf8;text-align: center;font-size: 18px;color: white;border-radius: 2px;margin-top: 15px;display: block;}

.modal-submit-btn:hover {background: #ee7700;}