*{ margin: 0; padding: 0; font-family: 'Microsoft Yahei'}
li{ list-style: none; }
a{ text-decoration: none; }
img{ border:none; }
.web_c{ clear: both; }


/*header*/
.header{ height: 80px; background: #58747f; position: relative; }
#scroll_nav{ width: 100%; background: #58747f;}
.banner{ height: 799px; background: url(images/banner.jpg) center top no-repeat; }
.header_top{ width: 1150px; margin: 0 auto; height: 80px; }
.header_logo{ float: left; height: 80px;}
.header_logo span{ display: inline-block; height: 100%; vertical-align: middle; }
.header_logo img{ vertical-align: middle; width: 240px; height: 60px;}
.header_nav{ height: 80px; padding-left: 20px; float: left;}
.header_nav ul{ height: 80px; }
.header_nav ul li{ height: 80px; float: left;}
.header_nav ul li a{ height: 80px; line-height: 80px; color: #fff; font-weight: bold; padding: 0 20px; display: block; }


/*main1*/
.main1{ height: 661px; background: #58747f; }
.m1_content{ width: 1150px; margin: 0 auto; position: relative;}
.m1_c1{ padding: 32px; background: #fff;position:  absolute; top: -101px;}
.m1_left{ background: url(images/m1_l.jpg) left top no-repeat; width: 530px; height: 386px; float: left;}
.m1_right{ padding-left: 32px; float: left; height: 386px; overflow-y :auto; width: 524px; position: relative; }
.m1_c1 .tttttt{position: absolute;background: url(images/lishi.png) center no-repeat; width: 189px; height: 31px; top: -17px; left: 586px;}
.m1_right .title{ font-size: 18px; line-height: 24px; color: #333; font-weight: bold;}
.m1_right .des{ font-size: 14px; line-height: 24px; color: #666; padding-top: 15px; }

.m1_c2{ height: 202px; padding-top: 383px;}



.m1_line{ width: 223px; height: 6px; background: #8b9fa6; margin: 0 auto; margin-top: 48px; }

/*main2*/
.main2{ height: 705px; background: url(images/m2_bg.jpg) center top no-repeat; }
.m2_content{ width: 1200px; margin: 0 auto; height: 706px; }
.m2_1{ width: 100%; height: 706px; position: relative;}
.m2_1 p{ 
	position: absolute;  
	width:218px;
   height:218px;
   -webkit-transform-origin:0 100%;
   -moz-transform-origin:0 100%;
   -o-transform-origin:0 100%;
   -ms-transform-origin:0 100%;
   transform-origin:0 100%;
   -webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
   -o-transform:rotate(-45deg);
   -ms-transform:rotate(-45deg);
   transform:rotate(-45deg);
   background: #000;
   filter:alpha(opacity=50);  
  -moz-opacity:0.5;  
  -khtml-opacity: 0.5;  
  opacity: 0.5; 
}
.m2_1 p a{ display: block; width: 100%; height: 100%; }
.m2_1 .p1{ left: 165px; top: 166px; }
.m2_1 .p2{ left: 320px; top: 322px; }
.m2_1 .p3{ left: 475px; top: 167px; }
.m2_1 .p4{ left: 631px; top: 321px; }
.m2_1 .p5{ left: 787px; top: 166px; }
.m2_1 .p6{ left: 788px; top: 476px; }
.m2_1 .p7{ left: 943px; top: 321px; }

.main3{ background: #58747f; padding-top: 53px; padding-bottom: 63px; }
.m3_content{ width: 1200px; margin: 0 auto; }
.m3_n{ width: 100%; height: 431px; }
.m3_1_d{ width: 300px; float: left; height: 431px; overflow: hidden; }
.m3_2{ margin-top: 40px; }
.m3_1_d1{ background: #8b9fa6; color: #fff; position: relative; }
.m3_1_d1 p{position: absolute;}
.m3_1_d1 a{ color: #fff; }
.m3_1_d1 .p1{ font-size: 24px; font-weight: bold; width: 238px; text-align: left; margin: 0 auto; top: 36px; left: 31px; }
.m3_1_d1 .p2{ font-size: 14px; line-height: 26px; width: 248px; left: 31px; top: 82px;}
.m3_1_d1 .p3{ font-size: 14px; width: 262px; text-align: right;  right: 17px; bottom: 10px;}
.m3_3{ margin-top: 80px; }
.m3_3_d{ width: 275px; height: 387px; border:2px solid #a6b1b6; border-radius: 20px; float: left; margin-left: 28px; position: relative; }
.m3_3_d p{ position: absolute; }
.m3_3_1{ margin-left: 0; }

.m3_3_d .p1{ font-size: 18px; line-height: 26px; font-weight: bold;; text-align: center; color: #fff; top: 52px; left: 0; width: 100%;}
.m3_3_d .p2{ width: 245px; margin:0 auto; color: #8b9fa6; font-size: 14px; line-height: 26px; top: 84px; right: 15px;}

.m3_3_d .p3{ font-size: 14px; line-height: 26px; text-align: right; width: 242px; margin: 0 auto; padding-top: 8px; right: 10px; bottom: 10px;}
.m3_3_d .p3 a{ color: #fff;  }
.m3_3_d .p4{ border-radius: 50%; border: 3px solid #8b9fa6; width: 75px; height: 75px; left: 95px; top: -35px;}
.m3_3_1 .p4{ background: url(http://f2.wstx.com/uc_server/data/avatar/000/30/96/23_avatar_middle.jpg) center top no-repeat; }
.m3_3_2 .p4{ background: url(http://f2.wstx.com/uc_server/data/avatar/000/26/62/78_avatar_middle.jpg) center top no-repeat; }
.m3_3_3 .p4{ background: url(http://f2.wstx.com/uc_server/data/avatar/000/21/65/47_avatar_big.jpg) center top no-repeat; }
.m3_3_4 .p4{ background: url(https://f2.wstx.com/uc_server/data/avatar/000/17/71/22_avatar_middle.jpg) center top no-repeat; }


/*main4*/
.main4{ background: #f5f9fc; padding-top: 12px; padding-bottom: 62px; border-bottom: 3px solid #58747f; }
.m4_c{ width: 1200px; margin:0 auto; }
.m4_t{ width: 158px; height: 60px; line-height: 60px; font-size: 24px; font-weight: bold; color: #58747f; margin: 0 auto; border-bottom: 1px solid #8b9fa6; text-align: center; }
.m4_d{ margin-top: 34px; }
.m4_d ul li{ width: 220px; height: 97px; float: left; padding-left: 25px;}
.m4_d ul li a img{ width: 100%; }
.m4_d ul .ttt{ padding-top: 20px; }

@media screen and (max-width: 1200px) {

  .header,#scroll_nav,.banner,.main1,.main2,.main3,.main4{ width: 1200px; margin: 0 auto; }
  
}



/* image-slider */
.image-slider{width:1150px;height:162px;margin:0 auto;position:relative; margin-top: 40px; background: #666;}
.image-slider-back, .image-slider-forward{float:left;width:35px;height:162px;color:White;position:relative;top:0px;cursor:pointer;}
.image-slider-back{background-image:url(images/arrow-left.png);background-repeat:no-repeat;background-position:9px center;}
.image-slider-forward{background-image:url(images/arrow-right.png);background-repeat:no-repeat;background-position:9px center;}
.image-slider-contents{width:1080px;height:160px;float:left;position:relative;overflow:hidden; background: #fff; border: 1px solid #dcdcdc; border-left: none; border-right: none;}

.image-slider-contents .contents-wrapper{position:absolute;left:0;}
.image-slider-contents .outer{background-color:#fff;float:left;width:270px;height:160px;cursor:pointer; position:relative;}
.spic{width:254px;height:144px; text-align:center; color:#333; float:left; padding: 8px;}
.image-slider-contents img{width:252px;height:142px; margin:0 auto; border: 1px solid #dcdcdc;}
.spic a{ display:block; text-align:center;}

.hidden{display:none;}
.visible{display:block;}
.thumbnail-active{filter:alpha(opacity=100);opacity:1.0;cursor:pointer;}
.thumbnail-inactive{filter:alpha(opacity=20);opacity:0.2;cursor:pointer;}

.preview_c{ position: fixed; width: 100%; height: 100%; background: #000; opacity: 0.9; left: 0; top: 0; z-index: 999;}
.preview{position:fixed;width:590px;height:335px;background-color:White;padding:2px;border:solid 1px black; z-index: 1000;}
.preview .img-large{width:578px;z-index:1000; margin:0 auto; padding-top: 5px;}
.preview .img-large .left{position:absolute;left:13px;top:159px;width:16px;height:24px;z-index:1000;background:url(images/arrow-left.png);cursor:pointer;}
.preview .img-large .right{position:absolute;right:13px;top:159px;z-index:1000;width:16px;height:24px;background:url(images/arrow-right.png);cursor:pointer;}
.preview .close{position:absolute;left:563px;top:-2px;width:34px;height:34px;background:url(images/close.png);float:right;cursor:pointer;z-index:2000;}
.preview .img-large img{width:578px;height:325px;}
.outer{}