/* CSS Document */

.section{box-shadow:0 3px 15px #666;}
.loading{width:100%; height:100%; background:#000; position:fixed; top:0;left:0;z-index:999}
.loading span{display:block; text-align:center; color:#fff; height:100%; }

.spnwitting{ width:200px;height:25px; position:absolute;margin:auto;top:0;left:0;bottom:0;right:0; color:#fff; text-align:center}

.spinner {
  width:250px;
  height: 250px;
  border-radius: 100%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}


.model-6 .spinner {
  border: 2px solid #19A5DF;
  border-radius: 0;
  -webkit-animation: rotate 3s infinite;
  animation: rotate 3s infinite;
  color:#fff;
  line-height:250px; text-align:center;
}
.model-6 .spinner:after, .model-6 .spinner:before {
  content: '';
  position: absolute;
  left: 26px;
  top: 26px;
  width: 196px;
  height: 196px;
  border: 2px solid #FEB825;
  -webkit-animation: rotate 3s infinite reverse;
  animation: rotate 3s infinite reverse;
}
.model-6 .spinner:before {
  border-color: #fff;
  left: 41px;
  top: 41px;
  width: 166px;
  height: 166px;
  -webkit-animation: rotate 2s infinite;
  animation: rotate 2s infinite;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


@-webkit-keyframes shadowSize {
  0% {
    box-shadow: 15px 0 0 0, 30px 0 0 0, 45px 0 0 0, 60px 0 0 0, 75px 0 0 0;
  }
  20% {
    box-shadow: 15px 0 0 5px, 30px 0 0 0, 45px 0 0 0, 60px 0 0 0, 75px 0 0 0;
  }
  40% {
    box-shadow: 15px 0 0 0, 30px 0 0 5px, 45px 0 0 0, 60px 0 0 0, 75px 0 0 0;
  }
  60% {
    box-shadow: 15px 0 0 0, 30px 0 0 0, 45px 0 0 5px, 60px 0 0 0, 75px 0 0 0;
  }
  80% {
    box-shadow: 15px 0 0 0, 30px 0 0 0, 45px 0 0 0, 60px 0 0 5px, 75px 0 0 0;
  }
  100% {
    box-shadow: 15px 0 0 0, 30px 0 0 0, 45px 0 0 0, 60px 0 0 0, 75px 0 0 5px;
  }
}
@keyframes shadowSize {
  0% {
    box-shadow: 15px 0 0 0, 30px 0 0 0, 45px 0 0 0, 60px 0 0 0, 75px 0 0 0;
  }
  20% {
    box-shadow: 15px 0 0 5px, 30px 0 0 0, 45px 0 0 0, 60px 0 0 0, 75px 0 0 0;
  }
  40% {
    box-shadow: 15px 0 0 0, 30px 0 0 5px, 45px 0 0 0, 60px 0 0 0, 75px 0 0 0;
  }
  60% {
    box-shadow: 15px 0 0 0, 30px 0 0 0, 45px 0 0 5px, 60px 0 0 0, 75px 0 0 0;
  }
  80% {
    box-shadow: 15px 0 0 0, 30px 0 0 0, 45px 0 0 0, 60px 0 0 5px, 75px 0 0 0;
  }
  100% {
    box-shadow: 15px 0 0 0, 30px 0 0 0, 45px 0 0 0, 60px 0 0 0, 75px 0 0 5px;
  }
}

/*等待结束*/



.page2{ width:1250px; margin:auto}

.page2title{ text-align:center;}

.khlist ul li a{ display:block; position:relative;width:234px; height:258px;}
.khlist ul li a img{ width:189px; height:189px;}
.khlist ul li a p.spn_duihua{ filter:alpha(opacity=0);-moz-opacity:0; opacity:0;  background:url(../images/dhbg.png) no-repeat; width:325px; height:176px; position:absolute; top:-130px; left:-62px; z-index:1;-webkit-transform: translateY(110px); transform: translateY(110px);-webkit-transition:0.5s all ease;transition:0.5s all ease;}
.khlist ul li a:hover p.spn_duihua{ display:inline-block;-webkit-transform: translateY(0); transform: translateY(0);-webkit-transition:0.5s all ease;transition:0.5s all ease;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.khlist ul li a p .spn_dhin{ display:block; padding:25px 30px 0 20px}
.khlist ul li a .spn_duihua b{ font-size:16px; color:#0a8fe1; display:block; text-indent:5px}
.khlist ul li a .spn_duihua .i_yh img{ width:auto; height:auto;}
.khlist ul li a .spn_duihua .spn_khtext{ color:#000000; font-size:14px; text-indent:5px; display:block; padding-left:3px}




	.khlist ul{ padding:50px 0 0 75px}
   .khlist ul li{ float:left; width:234px; height:235px;  margin-bottom:15px}
   .khlist ul li a span.span_yuan{ display:block; position:absolute;width:234px; height:258px; top:0; left:0; background:url(../images/yk.png) no-repeat}
   .page2title span{ display:block; color:#6b6b6b;font-size:12px; margin-top:10px}
   .box4{ width:1250px; height:280px; position:relative; margin:80px auto 0 auto;}
   .morecase{ text-align:center; position:absolute; bottom:0; left:0; width:100%; }
   .morecase a{ display:block; width:163px; height:76px; margin:0 auto; }
   .newsboxout{ width:1250px; margin:0 auto; margin-top:25px}
   .boxmarg{ margin:0 93px}
   .boxs .news_jj{ display:block; color:#68696c; height:60px; overflow:hidden;}
   .newsbox h1.h1_title{ margin:0; border:none; overflow:hidden}
   .boxs .a_newtitle{ font-weight:bold; font-size:14px; color:#0456a5; display:block; overflow:hidden; height:18px; margin:23px 0 15px 0}
   .ul_hnewslist{ margin:23px 0}
   .qmsys{ text-align:center; margin:30px auto}
   #dituContent{ height:100%;}
   .map_Mask{ position:absolute; width:100%; height:100%; left:0; top:0;filter:alpha(opacity=10);-moz-opacity:0.1; opacity:0.1; background:#000; cursor:pointer;}


/*@media only screen and (max-height:630px) {
	.khlist ul{ padding:0 0 0 75px}
   .khlist ul li{ float:left; width:234px; height:210px;  margin-bottom:0px}
    .khlist ul li a span.span_yuan{ display:block; position:absolute;width:234px; height:210px; top:0; left:0; background:url(../images/yk.png) no-repeat}
	.page2title span{ display:block; color:#6b6b6b;font-size:12px; margin:0px 0 5px 0}
	.box4{ width:1250px; height:280px;  margin:0 auto; position:relative; margin-top:20px}
	.morecase{ text-align:center; position:absolute; bottom:0px; left:0; width:100%; }
	.newsboxout{ width:1160px; margin:0 auto; margin-top:15px}
	.boxmarg{ margin:0 53px}
	.boxs .news_jj{ display:block; color:#68696c;height:40px; overflow:hidden;}
	 .newsbox h1.h1_title{ margin:0; border:none; height:30px; overflow:hidden;}
	 .boxs .a_newtitle{ font-weight:bold; font-size:14px; color:#0456a5; display:block; overflow:hidden; height:18px; margin:10px 0 15px 0}
	 .ul_hnewslist{ margin:10px 0}
	 .qmsys{ text-align:center; margin-top:0px}
	 #dituContent{ height:325px;}
	 .map_Mask{ position:absolute; width:100%; height:325px; left:0; top:0;filter:alpha(opacity=10);-moz-opacity:0.1; opacity:0.1; background:#000; cursor:pointer;}

}*/
.page2title .spn_page3{ color:#fff;filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}
	.left2{width:56px; height:103px; position:absolute; top:90px; right:-8%; z-index:3}
	.left4{ position:absolute; top:90px; left:-8%; width:56px; height:103px;z-index:3}
	@media only screen and (max-width:1440px) {
.left2{width:56px; height:103px; position:absolute; top:90px; right:10px; z-index:3}
.left4{ position:absolute; top:90px; left:10px; width:56px; height:103px;z-index:3}
}
	
	.left3 {margin:50px auto 0 auto; width:1910px; max-height:352px; overflow:hidden}
	@media screen and (max-width:1725px) {
		 .left3 {width:1719px;}
	}
	
	@media screen and (max-width:1615px) {
		 .left3 {width:1340px;}
	}
	
	@media screen and (max-width:1552px) {
		 .left3 {width:1340px;}
	}
	
	@media screen and (max-width:1330px) {
		.left3 { width:1150px;}
	}
	
	@media screen and (max-height:800px){
		.left3 { height:176px; }
		
	}
	
	
	.left3 ul li { float:left; width:190px; height:175px; position:relative; margin:0 1px 1px 0; overflow:hidden;}
.left3 ul li a{ display:block; width:190px; height:175px; }
	.left3 ul li img{width:190px; height:175px; 
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
	.left3 ul li img:hover{
	 -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
	}

.newsbox{ float:left; width:345px;}
.newsbox h1{ border-bottom:1px solid #c7c7c7; padding:0 0 5px 0}


.boxs{ padding:15px 0 0 10px; font:12px/20px '宋体'}
.boxs .spn_imgn img{ width:325px; height:90px}
.boxs .a_newtitle:hover{ color:#0c6ac4}
.boxs .news_jj:hover{ color:#818183}



.spn_ba{ display:block; margin-top:10px; margin-left:20px;}
.spn_ba a{ text-decoration:underline; color:#d80000; font:14px/1em '宋体'; font-weight:bold }

.ul_hnewslist li { height:20px; overflow:hidden;}
.ul_hnewslist li a{ color:#0456a5}
.ul_hnewslist li a:hover{ color:#086ed0}

.Mapout{ width:100%; position:absolute; top:0; left:0; height:100%;}

.map_cont{ width:1250px; margin:0 auto; position:relative; z-index:2}
.map_cont .map_contin{ background:url(../images/contactbg.png) bottom center no-repeat; width:293px; height:490px; position:absolute; top:0; right:80px;}
.conttext{ padding:145px 34px 0 25px; color:#fff; font-size:16px; line-height:30px}

.erweima{ text-align:center; padding:5px 0; position:relative; padding-top:20px}
.mapld{ background:url(../images/ld.png) top center no-repeat #fff; position:absolute; width:100%; left:0; top:-5px; height:19px;}

/*服务*/
.serbox1{ background:url(../images/fooler.jpg) bottom center no-repeat; min-height:825px; padding-top:130px;}
.serbox1 ul{ display:block; margin:0 auto; width:1110px; padding-top:78px}
.serbox1 ul li{ width:245px; float:left; text-align:center}
.serbox1 ul li.hasmargin{ margin:0 185px;}
.serbox1 ul li span{display:block; font-size:9px; line-height:10px;}
.serbox1 ul li h2{ font-weight:100; font-size:24px; display:block; line-height:29px}
.serbox1 ul li.wd h2,.serbox1 ul li.yx h2,.serbox1 ul li.wx h2{ margin-top:20px}

.serbox1 ul li.wd h2{ color:#6e9aa0;}
.serbox1 ul li.yx h2{ color:#c37d0e}
.serbox1 ul li.wx h2{ color:#15977d}
.serbox1 ul li span.box1img{ display:block; min-height:213px;}
.serbox1 ul li img{ display:none; min-height:213px;}

.contcss3{ position:relative;  width:100%; left:0; top:0;}
.contcss3 span{ display:block; float:left; color:#fff;}
.contcss3 span.setUp{ font-size:30px; margin:10px 5px 0}
.contcss3 span.spn_upright{ font-size:18px;}
.contcss3 span.spn_upright b{ font-size:12px; font-weight:100; display:block}
.contcss3 .conts1,.contcss3 .conts2,.contcss3 .conts3,.contcss3 .conts4,.contcss3 .conts5{ position:absolute; display:none; padding:10px;}
.contcss3 .conts1{left:110px; top:130px;  background:#6e9aa0; width:200px}
.contcss3 .conts2{left:285px; top:50px; background:#6e9aa0; width:255px}
.contcss3 .conts3{left:435px; top:198px;  background:#158697; width:271px;width:280px\9}
.contcss3 .conts4{ right:350px; top:90px; background:#6e9715; width:240px;}
.contcss3 .conts5{ right:115px; top:198px; background:#15977d; width:315px}

.serbox2out{ background:#e80000;}
.serbox2{ width:1250px; margin:0 auto;}
.foolerd{ width:100%; background:url(../images/foolerd.jpg) top center no-repeat; height:14px;}

.serboxtitle { text-align:center; font-size:36px; color:#930000; margin-top:10px; font-weight:bold}
.serboxtitle img{ margin:15px 0;}
.serboxtitle span{ display:block; height:30px; line-height:30px}
.serboxtitle .serspn_t{ color:#fff; font-size:12px; line-height:20px; margin-top:10px; color:#ccc}

.ser_so{ background:url(../images/so.jpg) top center no-repeat; padding-top:268px;  width:1250px; margin:35px auto 0 auto}
.ser_so ul li{ font-size:14px; color:#fff; font-weight:bold; min-width:260px; max-width:280px; float:left; line-height:18px}
.ser_so ul li b{ font-size:48px; color:#86fff5}
.ser_so ul li span{ display:block; font-size:9px; line-height:9px; color:#f4a3a3; font-weight:normal}

.ser_contact{ text-align:center; margin:60px auto 0 auto; text-align:center;color:#eca6a6; line-height:13px; padding-bottom:50px; width:262px; height:203px;}
.ser_contact a{ display:block; width:262px; height:85px; background:url(../images/conimg.jpg) top center no-repeat}
.ser_contact a:hover{ background:url(../images/conimg.jpg) bottom center no-repeat}
.ser_contact p{ font-size:12px; margin-top:5px}
.ser_contact span{ display:block; font-size:9px; }
.ser_contact .spn_thank{ font-size:34px; color:#eee7e7; height:40px; line-height:40px}

.lbetop{ width:100%; background:url(../images/lblbg.jpg) bottom center no-repeat; text-align:center; padding:110px 0 200px; border-bottom:14px solid #ffbb00}
.lbetop span{ color:#ffbb00; font-size:47px; display:block; height:47px; line-height:47px}
.lbetop .sy_span{ font-size:12px; height:30px;}
.lbetop .sy_span img{ vertical-align:-20px; margin:0 5px}
.lbetop .sy_span2 img{ margin:0 5px}
.lbelist{ margin-top:20px}
.lbelist ul li{ float:left; width:290px; height:360px; margin-right:30px; margin-bottom:80px}
.lbelist ul li.noMright{ margin-right:0;}
.lbelist ul li a{ display:block;}
.lbelist ul li a:hover span{ color:#cd9806}
.lbelist ul li span{ display:block; color:#ffbb00; margin-top:5px}
.lbelist ul li span.lbems{ color:#5a5a5a; font-family:'Adobe 宋体 '; line-height:16px}

.lbeload{ text-align:center;}

.case{ width:1145px; margin:0 auto; padding-top:80px}
.caseTab{ height:100px; padding-top:17px}
.tabcase{  font-size:36px; font-weight:bold; color:#c3c3c3; float:left; margin-top:6px}
.tabcase li{ height:74px; line-height:74px; width:120px; text-align:center; float:left; cursor:pointer; border-bottom:4px solid #e4e4e4;}
.tabcase li.caseclick{ border-bottom:4px solid #0e98e4;color:#0e98e4;}
.tabcase li.case_web .spn_web{ background:url(../images/TabWeb.jpg) top no-repeat; height:49px; width:55px; margin:20px auto 0 auto; display:block}
.tabcase li.case_app .spn_app{ background:url(../images/phoneapp.jpg) top no-repeat; width:40px; height:58px; margin:10px auto 0 auto; display:block}
.tabcase li.caseclick .spn_web{background:url(../images/TabWeb.jpg) bottom no-repeat; }
.tabcase li.caseclick .spn_app{background:url(../images/phoneapp.jpg) bottom no-repeat; }
.ulright { float:left; border-bottom:4px solid #e4e4e4; padding-right:20px}
.ulright li { height:80px; float:left; margin-left:30px;}
.ulright li.QQkf{ width:455px; background:url(../images/baojia.jpg) right no-repeat; position:relative}
.ulright li.QQkf span{ float:right;color:#9e9e9e; line-height:36px; margin:50px 80px 0 0}
.ulright li.QQkf a{ display:block;  width:180px; height:65px; position:absolute; right:0;}
.ulright li a img{ margin-top:15px}

.caselist ul li{ width:355px; height:325px; float:left; margin:10px 35px 20px 0;box-shadow: 0;-webkit-transition: all .3s ease;transition: all .3s ease;}
.caselist ul li.casenomag{ margin-right:0;}
.caselist ul li a{ width:355px; height:325px; display:block; overflow:hidden}
.caselist ul li img{width:355px; height:325px; display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease; 
    }
.caselist ul li:hover {
    box-shadow: 0 15px 30px rgba(0,0,0,.5);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
}
    
.caselist ul li a:hover img{
 -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}



.caselist ul li p{ position:relative; display:block; }
.caselist ul li .p_head span{ width:50px; height:50px; border:5px solid #fff;border-radius:50%; overflow:hidden; position:absolute; top:-20px; right:-10px; background:#fff;box-shadow:5px 5px 10px #CCCCCC; z-index:2;}
.caselist ul li .p_head i{ display:block; width:17px; height:16px; position:absolute; top:-15px; right:-9px; z-index:3;}
.caselist ul li .p_head i img{width:17px; height:16px; }
.caselist ul li .p_head span img{ width:50px; height:50px;}
.caselist ul li .p_down .spn_name{ display:block; position:absolute; left:0; bottom:0; height:30px; line-height:30px; color:#fff; background:#0456a5; width:100%; text-indent:90px; font-weight:bold; font-size:14px;}
.caselist ul li .p_down .spn_name b{ color:#5a82b9; float:right; margin-right:10px; text-indent:0}
.caselist ul li .p_down .spn_webimg{ position:absolute; left:15px; border:3px solid #0456a5; bottom:10px; z-index:1}
.caselist ul li .p_down .spn_webimg img{ width:55px; height:55px;}

.caseinfobg{ background-image:url(../images/bg_img.jpg); background-color:#f9f9f9; background-repeat:no-repeat; background-position:center top; background-attachment:fixed; padding-bottom:100px}
.caseimgtop{ padding:145px 0 0 250px; position:relative;z-index:2}

.caseinfocont{ width:1160px; margin:0 auto; background:#fff; padding:16px 30px 10px 30px; margin-top:-43px; position:relative}
.infotitle{ display:block; color:#414141}
.infotitle b{ font-size:14px; padding-right:15px}
.casetitlebox{ border-bottom:4px solid #e4e4e4; height:50px; margin-top:10px; position:relative}
.casetitlebox h1{ float:left}
.casetitlebox .h_casetitle{ font-size:24px; font-weight:100; color:#0456a5; display:inline-block; padding-right:5px; line-height:50px}
.casetitlebox .h1_js{ color:#b8c7de; font-size:12px; font-weight:100; line-height:65px}

.caseQQ{ width:675px; float:right; background:url(../images/caseQQ.jpg) top right no-repeat; height:82px; top:-35px; position:absolute; right:0; bottom:10px; z-index:2}
.caseQQ a{ display:block; width:145px; height:70px; position:absolute; right:0;}
.caseQQ span{ display:block; float:right; height:15px; line-height:15px; margin:15px 85px 0 0; color:#9e9e9e; margin-top:65px}

.casedown{ padding-top:15px;}
.casecontleft{ width:886px; float:left; min-height:980px; padding-bottom:30px}
.casecontleft img{ max-width:100%;}
.casecontright{ float:right; width:250px; min-height:200px; background:#fff }
.rightFixed{ position:fixed}
.webadd{ background:#ffbb00; color:#fff; text-align:center; padding:10px}
.webadd h1{ font-size:14px}
.webadd a{ color:#fff; display:block}
.webadd a span{ display:block;overflow: hidden;}


.caseshare .sharebox2S a{  width:24px; height:24px;)}
.caseshare .sharebox2S a.s1{ background:url(../images/CS1.jpg) no-repeat}
.caseshare .sharebox2S a.s2{ background:url(../images/CS2.jpg) no-repeat}
.caseshare .sharebox2S a.s3{ background:url(../images/CS3.jpg) no-repeat}
.caseshare .sharebox2S a.s4{ background:url(../images/CS4.jpg) no-repeat}
.caseshare .sharebox2S a.s5{ background:url(../images/CS5.jpg) no-repeat}
.caseshare .sharebox2S a.s6{ background:url(../images/CS6.jpg) no-repeat}


.casecontright .h1_gsname{ font-weight:100; font-size:18px; color:#0456a5; display:block; overflow:hidden; height:23px; margin:10px 0}
.casecontright .p_gstext{ font-size:12px; color:#767676; line-height:18px; display:block; padding-bottom:40px; border-bottom:4px solid #ffbb00}
.casecontright .casekhtx{ position:relative;}
.casecontright .casetxzw{ padding:10px 0 5px 95px;}
.casecontright .casetxzw span{ font-size:14px; color:#109ce5; line-height:18px; margin-top:5px ; display:block}
.casecontright .casetxzw p{ color:#ffbb00; font-size:18px; display:block}
.casecontright .spn_tx{ width:70px; height:70px; border:5px solid #fff;border-radius:50%; overflow:hidden; position:absolute; top:10px; left:0px; background:#fff;box-shadow:5px 5px 10px #CCCCCC}
.casecontright .spn_tx img{ width:70px; height:70px;}
.casecontright .txt_gsjs{ background:#e3e3e3; padding:20px 10px 10px 10px}
.casecontright .txt_gsjs span{ display:block; float:left;}
.casecontright .txt_gsjs span.span_center{ width:150px; padding:0 19px; color:#3f3f3f}
.casecontright .txt_gsjs span.spn_yh4{ width:100%; position:relative}
.casecontright .txt_gsjs span.spn_yh4 img{ position:absolute; top:-30px; right:20px}
.casecontright .p_tag{ display:block; font-size:14px; color:#3f3f3f; margin:10px 0}
.caseshare{ background:#1f1e26; padding:10px 0 6px 10px}
.caseshare a{ padding-right:8px}

.fy { height:55px; padding:20px 0; margin:0 auto; border-top:2px solid #515151; width:1155px}
.fy a{ display:block; float:left; color:#414141;}
.fy a.O_caseleft,.fy a.O_caseright{ height:31px; font-size:14px; line-height:31px; width:110px;}
.fy a.O_Ran{ width:45px; display:block; text-align:center; margin:0 445px}
.fy a.O_caseleft{ background:url(../images/N_P.jpg) top left no-repeat; text-indent:25px}
.fy a.O_caseright{ background:url(../images/N_P.jpg) bottom right no-repeat}

.aboutbox1{ background:#e5e5e5; padding-top:80px;background: url(../images/12345.jpg) center top no-repeat;background-attachment: fixed;}

.box1in{ width:1250px; margin:0 auto;}
.aboutEn{ padding:28px 0 0 54px; color:#fff; line-height:25px;font-size: 14px;}

.aboutCh{ padding:27px 0 50px 65px } 
.aboutCh h1{ display:block; float:left;}
.aboutCh p{ display:block; width:850px; float:right;  color:#fff; line-height:25px; padding-top:10px;font-size: 14px;}
.aboutCh .a_fzzt{ display:block; float:left; background:#898989; color:#fff; margin:10px 0 40px 310px; padding:3px 10px; }

.aboutbox2{ background:#fff; height:auto !important; overflow:hidden; margin-bottom:70px}
.box2inner{ width:1250px; margin:0 auto}
.box2title{ margin:35px 0 0 70px; padding-bottom:20px; border-bottom:1px solid #e5e5e5; width:1090px }

.p_num{ display:block; text-align:center; margin:25px 0}
.ul_ab2 li{ float:left; text-align:center; margin-right:54px}
.ul_ab2 li span ,.ul_ab2 li b,.ul_ab2 li p{ display:block;}
.ul_ab2 li p.hasf_num{width:73px; height:125px; overflow:hidden; position:relative; padding-left:5px; float:left;}
.ul_ab2 li span.spn_num{ float:left; width:73px; height:125px; font-size:120px; background:#cccccc; line-height:125px;border-radius:5px; position:relative}
.ul_ab2 li p.hasf_num .b_numbor{ display:block; position:absolute; left:0; top:0; border-bottom:5px solid #fff; height:63px; width:100%; -moz-opacity:0.2;filter:alpha(opacity=20);opacity:0.2;}
.ul_ab2 li .spn_about_ms{ font-size:14px; margin-top:20px}
.ul_ab2 li .spn_about_ms b{ font-weight:100; font-size:9px; color:#b8b8b8; line-height:15px; margin-top:5px}

.aboutbox3{ background:#0098dd; position:relative;}
.box3inner{ width:1250px; margin:0 auto;}

.downbox1,.downbox2,.downbox3{ position:relative; text-align:center; cursor:pointer; width:144px; height:27px; margin:0 auto;margin-top:-7px; }
.downbox1{ background:url(../images/ab1.jpg) top center no-repeat}
.downbox2{ background:url(../images/ab2.jpg) top center no-repeat}
.downbox3{ background:url(../images/ab3.jpg) top center no-repeat}
.downbox1:hover{ background:url(../images/ab1.jpg) bottom center no-repeat}
.downbox2:hover{ background:url(../images/ab2.jpg) bottom center no-repeat}
.downbox3:hover{ background:url(../images/ab3.jpg) bottom center no-repeat}

.p_box3title{ display:block; text-align:center; padding:20px 0;}

.aboutbox4{ background:#fff7c9}
.p_abT4{ text-align:center; display:block; padding:50px 0 25px 0}
.p_abT4 .spn_1{ display:block; font-weight:bolder; font-size:40px; height:30px}
.p_abT4 .spn_2{ font-size:13px}

.teemyepic{ width:520px; height:260px; background:#CCC; float:left;}
.teemyepic img{width:520px; height:260px;}

.teemyestory{ width:1140px; margin:0 auto; padding-bottom:120px}
.teemyestory ul{ float:left; width:610px; margin-left:2px}
.teemyestory ul li{ float:left;width:85px; height:85px; overflow:hidden; margin:0 2px 2px 0}
.teemyestory ul li img{ width:85px; height:85px;}


.timez{ width:1250px; margin:0 auto; overflow:hidden; height:270px; position:relative; padding-bottom:100px}
.timez div{ cursor:pointer}
.outDiv{width:1250px;height:270px;}
.innerDiv{width:1250px;height:270px;position:relative;overflow:hidden; }
.linestory{ display:block; position:absolute; left:0; top:302px; height:2px; width:100%; background:#f6d70c; z-index:1}

.newsnav{ width:100%; height:75px; background:url(../images/newsnavbg.jpg) top center repeat-x; position:fixed; top:70px; box-shadow: inset 3px 3px 3px #aeaeae; z-index:2;}
.Tabnews{ width:1240px; margin:0 auto;}      
.Tabnews ul li{ float:left; height:75px; line-height:75px; text-align:center; font-weight:bold; font-size:18px; color:#fff; position:relative; cursor:pointer}
.Tabnews ul li a{ display:block; width:100%; height:100%; width:125px; z-index:1; position:relative; color:#fff}
.Tabnews ul li b{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;}
.Tabnews ul li b.gsnews{ background:#4b84ff;}
.Tabnews ul li b.hynews{ background:#01b3ff;}
.Tabnews ul li b.qmlife{ background:#ffa200;}
.Tabnews ul li b.news_hdyx{ background:#29c169}

.h_ba{ height:85px; line-height:85px; font-size:18px; width:1240px; margin:0 auto; font-weight:100}
.h_ba a{color:#ff0000; }

.aboutbox5{width: 100%;height: auto;background: white;}
.sec-list{padding-top: 60px;width: 1140px;margin: 0 auto;padding-bottom: 114px;}
.tit-box {padding-bottom: 68px;}
.tit-box h4 {font-size: 24px;line-height: 36px;color: #333;}
.tit-box .line {display: block;width: 10px;height: 2px;background-color: #9a9a9a;margin-top: 8px;}
.num-list{width: 49.85%;height: 336px;}
.fl{float: left;}
.fr{float: right;}
.f-cb:after,.num-list ul:after{display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;content: ".";}
.num-list ul{width: 100%;height: 100%;}
.num-list li {width: 50%;text-align: center;height: 100%;float: left;}
.num-list li.gray {background-color: #f5f5f5;}
.num-list li.black {
    background-color: #333;
}
.num-box {height: 120px;padding-top: 60px;}
.num-box .num {display: inline-block;position: relative;font-size: 114px;line-height: 120px;vertical-align: top;color: #333;font-family: "Base-font";}
.num-box .stt {
    font-size: 16px;
    line-height: 44px;
    color: #333;
    position: absolute;
    bottom: 6px;
    right: 0px;
    display: inline-block;
    width: 66px;
    text-align: center;
    background-color: #fff;
    font-family: "黑体";
}
li.gray .num-box .stt{background-color: #f5f5f5;}
li.black .num-box .stt{background-color: #333;color: white;}
.num-list .word {
    display: block;
    width: 66%;
    margin: 14px auto 0;
    color: #666;
    line-height: 22px;
}
li.black .num-box .num {
    color: #fff;
}
li.black .word {
    color: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.imgbox {
    width: 49.85%;
    height: 336px;
}

/*新闻列表*/
.newscontent{ width:1240px; margin:0 auto; position:relative; padding-top:155px;}
.newsboxList ul li{ width:390px; height:500px; overflow:hidden; float:left; margin-bottom:60px}
.newsboxList ul li.newsmarg{ margin-right:35px; margin-left:35px;}
.newsboxList ul li p{ display:block;}
.newsboxList ul li p.newsimg{ display:block; position:relative; width:390px; height:305px; line-height:30px}
.newsboxList ul li p.newsimg img{ width:390px; height:305px;}
.newsboxList ul li p.newsimg span{ display:block; width:80px; height:70px; padding-top:10px; position:absolute; left:25px; bottom:25px; background:url(../images/newstimebg.png); color:#fff; font-size:14px;text-align:center;}
.newsboxList ul li p.newsimg b{ display:block; font-size:30px; }
.newsboxList ul li .a_newstitle{ color:#000; font-size:16px; line-height:30px; height:35px; overflow:hidden; display:block; color:#101010}
.newsboxList ul li .a_newstitle:hover{ color:#464646}

.p_fbz { display:block; height:17px; margin:10px 0 10px 0}
.p_fbz span{ display:block; float:left; color:#}
.p_fbz span.spn_fbz b{ color:#2680d7;  font-weight:100;}
.p_fbz span.zan{ color:#2680d7; margin-left:65px;}
.p_fbz span img{ margin-right:5px;}
.newsboxList ul li .newsxqS{ display:block; color:#8f8f8f; height:60px; overflow:hidden; line-height:21px; clear:both}
.newsboxList ul li .newsxqS:hover{ color:#706c6c}
.newsboxList ul li .newsxqmore{ display:block; width:105px; height:33px; line-height:33px; color:#fff; text-align:center; background:#0456a5; border-radius:5px; margin-top:15px; font-size:14px; border:1px solid #0456a5;}

.newsboxList ul li .newsxqmore:hover{ border:1px solid #044788; color:#49a0f3}

.p_wz{ display:block; border-bottom:1px solid #cccccc; padding:200px 0 20px 20px; font-weight:bold; color:#424242; font-family:'simsun';}
.p_wz a{ color:#424242; font-weight:bold}
.p_wz span{ color:#019de0; font-weight:bold}

.newsContleft{ width:815px; float:left; border-right:1px solid #ccc; padding:0 22px; min-height:1100px}
.newstitle span,.newstitle p{ display:block; text-align:center;}
.newstitle p{ border-bottom:1px solid #cccccc; font-weight:bold; color:#121212; font-size:24px; line-height:36px; padding:25px 0}
.newstitle span{ color:#0456a5; height:50px; line-height:50px}

.cont_text{ line-height:36px; font-size:16px; color:#2d2d2d; padding:20px 0 50px 0}
.cont_text img{max-width:100%;}
.btn_conZ{ display:block; background:url(../images/centZ.jpg) no-repeat; width:145px; height:60px; border:none; cursor:pointer;  color:#b91113; font-size:16px; margin:20px auto}
.btn_conZ b{ display:block; font-weight:100; text-indent:80px; padding:12px 0;}
.btn_conZ span{ color:#a9a9a9; font-size:12px; display:block; line-height:0px; text-align:center; float:left; width:100%}
.bdshare{ width:240px; margin:0 auto}

.newscontright{ float:right; width:365px; padding-top:15px}

.newsQH{ display:none}
/*#flash{ width:365px; height:285px; overflow:hidden; position:relative;}
#flash a{ display:none;width:365px; height:285px; position:absolute;}
#flash a span{ width:295px; height:35px; line-height:35px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:1; padding:0 35px; text-align:center; font-size:14px; color:#0c0c0c; background:url(../images/textbg.png);}
#flash a img{ width:365px; height:285px}
#flash .qhleft,#flash .qhRight{ position:absolute; width:38px; height:72px;z-index:1; cursor:pointer}
#flash .qhRight{ top:100px; right:0;}
#flash .qhleft{ top:100px; left:0;}*/

.newsbox1{ margin-top:15px}
.newsbox1 span{ display:block; width:100%; font-size:18px; color:#0c0c0c; height:45px; line-height:45px;}
.newsbox1 span img{ margin-right:10px; vertical-align:-5px}
.newsbox1 .border{ background:#9f9f9f; height:8px; display:block}
.newsbox1 .border span{ display:block; width:35px; height:8px; background:#00a1ff}

.ul_bobao{ margin-top:10px}
.ul_bobao li{ border-bottom:1px solid #dedede; padding:20px 0}
.ul_bobao li .a_bobaoimg{ display:block; width:80px; height:70px; float:left;}
.ul_bobao li .a_bobaoimg img{width:80px; height:70px;}
.ul_bobao li .h_bobaotitle{ display:block; width:260px; float:left; margin-left:10px;}
.ul_bobao li .h_bobaotitle p{ display:block; overflow:hidden; height:17px; font-size:14px; font-weight:100}
.ul_bobao li .h_bobaotitle p a{color:#00a1ff; }
.ul_bobao li .h_bobaotitle p a:hover{ color:#048ddd}
.ul_bobao li .h_bobaotitle span{ display:block; height:35px; overflow:hidden; font-size:12px; line-height:18px; font-weight:100; margin-top:10px}
.ul_bobao li .h_bobaotitle span a{ color:#9c9c9c;}
.ul_bobao li .h_bobaotitle span a:hover{color:#7e7c7c}

.ul_newsabout{ margin:10px 0 30px 0}
.ul_newsabout li{ border-bottom:1px dashed #b0b0b0; padding:5px 3px; height:30px; overflow:hidden; line-height:30px}
.ul_newsabout li a{ display:block; max-width:250px; float:left; font-size:14px; margin-right:5px; color:#0c0c0c}
.ul_newsabout li a:hover{ color:#099bd3}
.ul_newsabout li span{ height:auto; font-size:12px; font-weight:100; color:#949494; float:left; width:auto; line-height:30px}

.contN_L{ display:block; border-top:1px solid #c6c6c6; padding:15px 0; height:30px; font-size:14px; margin:20px 0 40px 0}
.contN_L a{ display:block; color:#2d2d2d}
.contN_L a:hover{ color:#717171}
.contN_L .newsL{ float:left;}
.contN_L .newsN{ float:right;}

.contactbox1{ background:#f8bc00; padding:80px 0 45px 0}

.conbox1in{ width:1205px; margin:0 auto; padding-top:40px}

.h1_qm{ display:block; background:url(../images/contacttop.gif) no-repeat; height:85px; border-bottom:6px dotted  #fff; font-size:14px; font-weight:100; line-height:70px; text-indent:413px;}
.h1_qmweb{ color:#fce6ba; font-size:16px; font-family:'Arial'; padding-top:10px}
.h1_logo{ margin-top:25px;}

.box1left{ width:800px; float:left;}

.tab_cont{ display:block; padding-top:10px;}
.tab_cont tr td{font-size:18px;color:#4C2300; font-weight:bold; padding:15px 0; border-bottom:2px dotted #000; padding-right:10px}
.tab_cont tr td .spn_tel{ font-size:34px; font-weight:bold}
.tab_cont tr td .span_zx{ font-size:16px; font-family:'Microsoft YaHei'}
.tab_cont tr td .quanguo{color:#ff0000; font-size:18px;font-family:'Microsoft YaHei';}
.tab_cont tr td h1{ display:inline-block}
.tab_cont tr td h1 a{ font-size:20px; font-weight:bold; color:#000;}
.tab_cont tr td h1 a:hover{ color:#0940a4}
.tab_cont tr td .seemap{ display:block; float:right; background:url(../images/chakanditu.jpg) no-repeat; width:174px; height:26px; font:14px/26px 'Microsoft YaHei' }
.tab_cont tr td .seemap a{color:#fff; display:block; float:left; margin-left:18px }

.conboxright{ width:280px; float:right;padding:35px 40px 0 0}
.conboxright .p_QQbg{ width:260px; height:37px; line-height:37px; color:#fff; font-size:18px; padding:0 10px; background:#000;border-radius:3px; margin:30px 0}

.p_QQbg  span,.p_QQbg .a{ display:block; float:left;}
.p_QQbg .qq2{ display:block; float:left; background:url(../images/habg.gif) no-repeat; width:44px; height:45px; margin-top:-5px; box-shadow:0px 3px 5px #666; border-radius:10px; margin-left:10px}
.p_QQbg .online2{ background:url(../images/bg.gif) no-repeat;}
.zfzh{ display:block; height:33px ; text-align:right; line-height:33px; font-size:18px; color:#fff; font-weight:bold; border-radius:10px; background:#0082ff; cursor:pointer}
.zfzh span{ padding-right:15px}
.zfzh span img{ vertical-align:-10px}
.contmap{ position:relative}


.joinOut{ height:135px; overflow:hidden;}
.joinus{ background:#2a2a2a; padding-bottom:45px; height:auto !important;overflow:hidden}

.joinzd{ width:1205px; margin:0 auto}
.jointop{ border-bottom:8px dotted #fff; height:85px; padding:25px 0}
.jointop span{ display:block; float:left;}
.jointop .joinTitle{ font:60px/85px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold}
.jointop .titlecen{ color:#f8bc00; font-size:14px; display:block; width:726px; margin:20px 0 0 20px; line-height:25px}
.jointop .titlecen b{ display:block; color:#fff; font-size:24px; font-weight:100}
.jointop .btn_zk{ background:url(../images/joinJtd.gif) no-repeat; width:82px; height:82px; cursor:pointer; margin-left:110px}
.jointop .btn_zk_K{ background:url(../images/joinJtu.gif) no-repeat}

.joinimg ul{ display:block; padding:55px 0; height:205px}
.joinimg ul li{ float:left; width:205px; height:205px; margin-left:28px}

.jobsleft{ float:left; width:191px; font-size:16px;}
.jobsleft ul li{ height:42px; line-height:42px; position:relative;}
.jobsleft ul li a{ color:#fff; position:absolute; top:0; left:0; width:207px; height:42px; text-indent:10px; overflow:hidden}
.jobsleft ul li a.thisjob{ background:url(../images/sub_20.gif) no-repeat}
.jobsleft ul li .ypfs{ color:#f8bc00}
.jobsleft ul li .ms_sx{ color:#49d71e}

.jobsright{ border-left:3px solid #246cc6; float:left;}
.jobsRin{ width:930px; border-radius:10px; background:#232323; padding:15px 25px 40px 40px; float:left; min-height:210px}

.rzyq{ color:#fff; font-size:14px; line-height:30px;}

.lybox{ background:#0456a5; height:auto !important; overflow:hidden; padding-bottom:30px}

.feedtop {border-bottom:8px dotted #fff;padding:60px 0 35px 0;  height:44px;  }
.feedtop span{ display:block; float:left}
.feedtop .spn_FEED{ color:#fff; font-size:60px;line-height:44px}
.feedtop .spn_feeds{ margin-left:25px; font-size:14px; color:#fcff00; font-weight:100;}
.feedtop .spn_feeds b{ display:block; color:#fff; font-size:24px; margin-bottom:5px}

.feedbook{ width:1205px; margin:0 auto; position:relative; height:auto !important; overflow:hidden;}
.feedbook table { width:600px; float:left;}
.feedbook table span{ display:block; font-size:16px; color:#fff}
.feedbook table span.spn_en{ font-family:'Arial'; color:#69bbf9}
.feedbook table tr td { padding-top:25px}
.feedbook table tr td input[type=text]{ width:290px; height:30px; text-indent:3px; background:#fff; border:none; margin-top:5px; float:left; padding:5px;border-radius:5px;line-height:30px\9;}
.feedbook table tr td .fg{ box-shadow:0px 0px 8px #f2a001}
.feedbook table tr td input[type=button]{ width:205px; height:40px; font-weight:bold; font-family:'Microsoft YaHei'; font-size:24px; background:#febf01; border:none; cursor:pointer}
.feedbook table tr td .text_yoursly{ width:540px; height:110px; margin-top:3px; resize:none; border:none; padding:5px; border-radius:5px}
.feedbook .Tably{ width:600px; float:left; height:1px}

.feedbook table tr td .selectly { width:85px; position:relative; float:left; height:38px; line-height:40px; background:#fff; margin:5px 0 0 5px
; border-radius:5px}
.feedbook table tr td .selectly span{ display:block}
.feedbook table tr td .selectly span a{ display:block; height:30px; line-height:30px; text-indent:5px; color:#787575; }
.feedbook table tr td .selectly span a:hover{ background:#ebebe9}
.feedbook table tr td .selectly input.xs_Box{ width:85px; height:38px; border:1px solid #abadb3; background:url(../images/selboxbg.jpg) right center no-repeat #fff;  text-indent:10px; color:#494848; cursor:pointer; color:#4e4e4e; font:18px/38px 'Microsoft YaHei'; border-radius:5px;padding:0px\9; margin-top:-0px\9}
.feedbook table tr td .selectly span.xz_box{ width:85px; border:1px solid #abadb3; height:60px; overflow:auto; position:absolute; left:0; top:38px; border-top:none; background:#fff; display:none}
.feedbook table tr td .selectly span.spn_txt{ color:#e9dacf; font-size:12px; float:left; display:block; margin:13px 0 0 40px}

.question { float:left; margin-left:85px; width:520px}
.question li{ background:url(../images/qubg.gif) no-repeat; padding:8px 0 0 45px; margin-top:35px}
.question li span{ display:block; font-size:14px; color:#47e1ff}
.question li span.qutime{ font-size:12px; color:#ffcc00}
.question li span.question_T{ color:#fff}

.black_overlay{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: black;z-index:9;-moz-opacity: 0.5;opacity:0.5;filter: alpha(opacity=50); display:none}

.model{ position: absolute; z-index: 10;  font-size:14px; background:#000; padding:10px; width:535px; display:none }  
.model .p_close{ display:block;  height:0px; cursor:pointer;  text-align:right}
.zh{ background:#fff; padding:90px 20px; height:auto !important; overflow:hidden }
.zh span{ display:block; font-weight:bold}
.zh span.txtblack{ font-size:16px; margin-bottom:20px;}
.zh span.txtred{ font-size:24px; color:#bc0a0a; margin-bottom:5px}
.zh .zhmess{ width:100; float:left}
.zh .zhmess .p_knum{display:block; float:left; margin-left:10px}

.fs_fz{ width:120px; float:left; margin:0 0 0 160px}
.fs_fz a{ display:block; color:#fff; height:30px; line-height:30px; text-align:center; }
.fs_fz .a_fssj{ background:#ff0000}
.fs_fz .a_fz{ background:#0456a5}

.leftFixed a,.rightFixed a{ display:block; width:107px; height:107px;}
.leftFixed,.rightFixed{ position:fixed; top:50%}
.leftFixed { left:50%; margin-left:-800px}
.leftFixed a { background:url(../images/pageFbg.gif) top left no-repeat}
.rightFixed{ left:50%; margin-left:693px}
.rightFixed a { background:url(../images/pageFbg.gif) right top no-repeat}


.banner{ width:100%; height:100%; overflow:hidden; }
#flash{width: 100%;height: 100%;margin: 0 auto;clear: both;position:relative;}
#flash div.qhbox {width: 100%;height: 100%;display: none; position:relative }
/*#flash #flash1{background:url(../images/banner1bg.jpg) top center no-repeat;}
#flash #flash2{ background:url(../images/banner2bg.jpg) top center no-repeat}
*/
#flash #flash1{ background:url(../images/banner1bg.jpg) top center no-repeat #109ce5}
#flash #flash2{ background:url(../images/1d.jpg) bottom center no-repeat #393f4f}
#flash #flash3{ background:url(../images/banner2bg.jpg) top center no-repeat #ce0809}
#flash #flash4{ background:url(../images/banner4bg.gif) top center no-repeat #099d45}
#flash #flash5{background:url(../images/banner3bg.jpg) top center no-repeat #dda80e}



.boxcont4,.boxcont3,.boxcont2,.boxcont1{ width:1250px; margin:0 auto; position:relative}
.banner1text{ margin:0 auto; width:746px; padding:70px 0 0 0}
.boxcont3 span,.boxcont4 span,.boxcont2 span,.boxcont1 span{ position:absolute; display:none }

.boxcont3 .gn1{ left:425px ; top:289px;}
.boxcont3 .gn2{ left:321px ; top:450px;}
.boxcont3 .gn3{ left:255px ; top:512px;}
.boxcont3 .gn4{ right:304px ; top:255px;}
.boxcont3 .gn5{ right:245px ; top:458px;}
.boxcont3 .gn6{ right:62px ; top:295px;}
.boxcont3 .gn7{ right:0 ; top:455px;}
.boxcont3 .bu{left:430px;top:163px;}
.boxcont3 .ming{left:557px;top:377px;}
.boxcont3 .que{left:610px;top:264px;}
.boxcont3 .li{left:675px;top:335px;}

.boxcont4 span{ font-size:14px; font-weight:bold;}
.boxcont4 span b{ display:block; font-size:18px}
.boxcont4 .s201212{ color:#7a5a12; left:208px; top:49px; text-align:right}
.boxcont4 .s2011{ color:#997415; left:279px; top:121px; text-align:right}
.boxcont4 .s2011 b{ font-size:22px}
.boxcont4 .s2012{ color:#a07918; left:52px; top:227px; text-align:right}
.boxcont4 .s2012 b{ font-size:25px}
.boxcont4 .s201306 b,.boxcont4 .s201107 b,.boxcont4 .s201209 b,.boxcont4 .s201406 b{ color:#fff}
.boxcont4 .s201306{color:#856404; top:110px; left:525px; }
.boxcont4 .s201306 b{ color:#eed4a1; text-indent:30px; font-size:22px}
.boxcont4 .s201107{color:#856404; left:388px; top:244px;}
.boxcont4 .s201107 b{ color:#f7ecd8; font-size:25px; text-align:right}
.boxcont4 .s201209{color:#856404; right:200px; top:40px}
.boxcont4 .s201209 b{ color:#eccf94}
.boxcont4 .s201406{color:#856404; right:457px; top:205px; width:167px;}
.boxcont4 .s201406 b{ color:#f4e3c5}
.boxcont4 .spn_ygsd{ top:500px; left:460px;}

.box2text{ text-align:center; padding-top:39px; display:none}
.boxcont2 .icon1{ left:280px; top:390px }
.boxcont2 .icon2{ left:280px; top:305px}
.boxcont2 .icon3{left:192px; top:352px}
.boxcont2 .icon4{left:365px; top:265px }
.boxcont2 .icon5{ left:390px; top:333px}
.boxcont2 .icon6{ left:370px; top:400px}
.boxcont2 .icon7{ left:470px; top:244px}
.boxcont2 .icon8{ left:485px; top:336px}
.boxcont2 .icon9{ left:475px; top:420px}
.boxcont2 .icon10 { right:471px; top:258px}
.boxcont2 .icon11{ right:470px; top:335px}
.boxcont2 .icon12{ right:455px; top:425px}
.boxcont2 .icon13{ right:400px; top:270px}
.boxcont2 .icon14{ right:405px; top:360px}
.boxcont2 .icon15{ right:375px; top:425px}
.boxcont2 .icon16{ right:345px; top:330px}
.boxcont2 .icon17{ right:285px; top:415px}
.boxcont2 .icon18{ right:264px; top:318px}
.boxcont2 .icon19{ right:190px; top:360px;}

.boxcont1 .box1text{ position:absolute; top:90px; left:0; display:none}

.boxcont1 .computer{ right:27px; top:115px}
.boxcont1 .zp1{ right:238px; top:143px}
.boxcont1 .zp2{ right:175px; top:150px}
.boxcont1 .zp3{ right:12px; top:127px}
.boxcont1 .star1{ right:560px; top:238px}
.boxcont1 .star2{ top:155px; right:533px}
.boxcont1 .star3{ top:46px; right:87px}
.boxcont1 .star4{ top:298px; right:25px}


.box5text{text-align:center; padding-top:160px;display:none;}

.barout{ position:absolute; margin:0 auto;z-index:4; bottom:6%; left:50%; margin-left:0px;    margin-left: -85px;    width: 170px;}
.barout span{ display:block; width:20px; height:20px;border-radius: 100%; overflow:hidden; float:left; margin:0 7px 15px 7px; position:relative; top:0 ; left:0; cursor:pointer; background:#fff;}
.barout span.barart{ background:#f16529}

.barout .imgdown{ width:38px; height:25px; position: relative; margin:0 auto}
.barout .imgdown i{ display:block; text-align:center; width:38px; height:25px; position: absolute;left: 0;top: 0; background:url(../images/down.png);
-webkit-animation: translate 1s infinite;
	-moz-transition: translate 1s infinite;
	-o-transition: translate 1s infinite;
 	 animation: translate 1s infinite;
}

@-webkit-keyframes translate {
 0% {
 -ms-transform: translate(0,0);
 -webkit-transform: translate(0,0);
 transform: translate(0,0);
}
50% {
-ms-transform: translate(0,30px);
 -webkit-transform: translate(0,30px);
 transform: translate(0,30px);
}
100% {
-ms-transform: translate(0,0);
 -webkit-transform: translate(0,0);
 transform: translate(0,0);
}
}
@keyframes translate {
 0% {
 -ms-transform: translate(0,0);
 -webkit-transform: translate(0,0);
 transform: translate(0,0);
}
50% {
-ms-transform: translate(0,30px);
 -webkit-transform: translate(0,30px);
 transform: translate(0,30px);
}
100% {
-ms-transform: translate(0,0);
 -webkit-transform: translate(0,0);
 transform: translate(0,0);
}
}


.imgT { text-align:center}
.ser_img ul li{ float:left; width:255px; height:230px; border:3px solid #fff; margin:30px 0 0 30px; min-width:0px}
.ser_img ul li img{width:255px; height:230px}

.saoerweima{ width:189px;height:127px;text-align:center; position:relative;margin:0 auto;}
.erweimaShow img {width:189px;height:127px;clip:rect(0px,189px,0px,0); }
.erweimaShow img{clip:rect(0px,189px,127px,0); position:absolute; top:10px; left:0;}
/*.flash_bar {width:auto;height: 30px;overflow: hidden;position: absolute;padding-top: 13px!important;padding-top: 12px;
bottom:0px;text-align: center;left:45%;z-index:69}
.flash_bar .dq {display: block;float: left;width: 15px;height: 15px;margin:2px 4px;cursor: pointer;overflow:hidden;background:#f5d5a5}
.flash_bar .no {display: block;float: left;width: 15px;height: 15px;margin:2px 4px;cursor: pointer;overflow:hidden;  background:#bc8637}*/


.bgser{ background:url(../images/bg-ser.jpg) top center no-repeat #c30000}
.bganminate{ background-position:center -100px}
.page2title .spn_pageadd{ color:#fff;filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5; display:block; width:500px; margin:0 auto; margin-top:15px}
.Ptitle{ width:493px; margin:0 auto; position:relative;}
.Ptitle span,.Ptitle em{ display:block; cursor:pointer;-webkit-transition:all 2s ease-in-out 0s;-moz-transition:all 2s ease-in-out 0s;-ms-transition:all 2s ease-in-out 0s;-o-transition:all 2s ease-in-out 0s;transition:all 2s ease-in-out 0s; background:#fff;}
.Ptitle span.t-line,.Ptitle span.t-line2{  width:890px; height:1px; background:#fff; position:absolute; top:52px;}
.Ptitle span.t-line{ right:310px;clip:rect(0px,890px,1px,0px)}
.Ptitle span.t-line2{ left:310px;clip:rect(0px,890px,1px,0px)}

.Ptitle span.lineLeft{clip:rect(0px,890px,1px,805px)}
.Ptitle span.lineRight{clip:rect(0px,85px,1px,0px)}

.Ptitle em{position:absolute;top:62px; height:1px; width:170px;-webkit-transition:all 1.5s ease-in-out 1.5s;-moz-transition:all 1.5s ease-in-out 1.5s;-ms-transition:all 1.5s ease-in-out 1.5s;-o-transition:all 1.5s ease-in-out 1.5s;transition:all 1.5s ease-in-out 1.5s;}
.Ptitle em.em1{ right:310px;clip:rect(0px,170px,1px,170px)}
.Ptitle em.em2{ left:310px;clip:rect(0px,0px,1px,0px)}

.Ptitle em.em1Lon{clip:rect(0px,170px,1px,0);}
.Ptitle em.em2Lon{clip:rect(0px,170px,1px,0px);}

.Ptitle span#page5-span1,.Ptitle span#page3-span1{background:#3c3c3c}
.Ptitle span#page5-span2,.Ptitle span#page3-span2{background:#3c3c3c}
.Ptitle em#page5-em1,.Ptitle em#page3-em1{background:#3c3c3c}
.Ptitle em#page5-em2,.Ptitle em#page3-em2{background:#3c3c3c}

.i-serbox{ width:1175px; margin:50px auto 50px}
.i-serbox li { position:relative; width:216px; height:250px; float:left; margin:0 9px; cursor:pointer; overflow:hidden;}
.i-serbox li span{ display:block; background:url(../images/quan1.png) center center no-repeat; width:161px; height:161px; position:absolute; left:28px; top:0; cursor:pointer;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.i-serbox li i{ display:block; width:103px; height:67px; margin:20px 0 0 58px;}
.i-serbox li b.i-sertext{ text-align:center; font-size:20px; color:#fff; padding-top:6px; display:block; font-weight:normal;line-height:22px}
.i-serbox li span.s1{clip:rect(0px,161px,161px,0);}
.i-serbox li span.s2{clip:rect(0px,0,161px,0px);}
.i-serbox li:hover span.s1{clip:rect(0px,161px,0px,0)}
.i-serbox li:hover span.s2{clip:rect(161px,0,161px,0px);}
.i-serbox li p{ display:block; margin-top:128px; font-size:14px; color:#fff; text-align:center;-webkit-transform: translateY(0); transform: translateY(0);-webkit-transition:0.5s all ease;transition:0.5s all ease;}
.i-serbox li:hover p{-webkit-transform: translateY(-110px); transform: translateY(-110px);-webkit-transition:0.5s all ease;transition:0.5s all ease;}
.i-serbox li em{ display:block; background:#fff; width:216px; height:1px;margin-bottom:10px;-webkit-transition:all .5s ease-in-out 0.4s;-moz-transition:all .5s ease-in-out 0.4s;-ms-transition:all .5s ease-in-out 0.4s;-o-transition:all .5s ease-in-out 0.4s;transition:all .5s ease-in-out 0.4s;clip:rect(0px,0px,1px,108px);position:absolute; left:0; top:0; }
.i-serbox li:hover em{clip:rect(0px,216px,1px,0);}

.page2title{margin-top:200px; text-align:center; margin-top:0px\9;}
.i-serbox{ width:1175px; margin:50px auto;}
.anTime{-webkit-transition:all 1.5s ease-in-out 0s;-moz-transition:all 1s ease-in-out 0s;-ms-transition:all 1.5s ease-in-out 0s;-o-transition:all 1s ease-in-out 0s;transition:all 1.5s ease-in-out 0s}/*动画设置时间*/
.anTime2{-webkit-transition:all 1.5s ease-in-out .1s;-moz-transition:all 1.5s ease-in-out .1s;-ms-transition:all 1.5s ease-in-out .1s;-o-transition:all 1.5s ease-in-out .1s;transition:all 1.5s ease-in-out .1s}
.i-seran,.pageTitlean{-webkit-transform: translateY(-100px); transform: translateY(-100px); }


@-webkit-keyframes flip2 {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}

100% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 0);
transform:perspective(400px) rotate3d(0, 1, 0, 0);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip2 {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}


100% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 0deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 0deg);
transform:perspective(400px) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}

}
.animated.flip2 {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip2;
	animation-name: flip2
}

/*2015-12-05 index-->case*/
.boxCaselist{ overflow: hidden; height: 871px; width: 1920px; margin: 0 auto ;}

.boxC1{ width: 576px; float: left;}
.boxC2{ width: 768px;  float: left;}
.boxCaselist ul { float: left; }

.boxCaselist ul li{  float: left;
    width: 190px;
   
    margin: 0 2px 2px 0;
    overflow: hidden;}

.boxCaselist ul li a {
    display: block;
    width: 100%;
     position: relative;
}
.boxCaselist ul li a .spn_casehover{
	background: url(../images/btnsearch.png) center center no-repeat; width: 100%; height: 100%;border-radius: 100%; overflow: hidden; position: absolute; margin: auto; left:0; top: 0;right: 0;bottom: 0; 	 -webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;opacity:0; filter:alpha(opacity=0);-moz-opacity:0;
}
.boxCaselist ul li a img {
    width: 100%;
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;   
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.boxCaselist ul li a:hover img{
	 filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter:grayscale(0);
	opacity:1; filter:alpha(opacity=100);-moz-opacity:1;
}
.boxCaselist ul li a:hover .spn_casehover{ border-radius: 100%;opacity:1; filter:alpha(opacity=100);-moz-opacity:1; width: 50px; height: 50px; }
.boxCaselist ul li.bigbox{ width: 99.7%;}
.boxCaselist ul li img{ width:100%; display:block}



	@media only screen and (max-width:1600px) {
	.boxC1{ width:1536px ;}
	.boxC2{ width:768px ;}
	.boxCaselist{ width: 1536px; height: 698px;}
}

	@media only screen and (max-width:1400px) {
	.boxC1{ width:100% ;}
	.boxC2{ width:700px ;}
	.boxCaselist ul li{ width: 160px;}
	.boxCaselist{ width: 100%; height: 790px;}
}
	
		@media only screen and (max-width:1366px) {
	.boxC1{ width:1190px ;}
	.boxC2{ width:680px ;}
	.boxCaselist ul li{ width: 168px;}
	.boxCaselist{ width: 1190px; height: 615px;}
	
}

@media screen and (min-width:1280px) and (max-height: 960px){
	.boxC1{ width:1257px;}
	.boxC2{ width:628px ;}
	.boxCaselist ul li{ width: 155px;}
	.boxCaselist{ width: 1257px; height: 710px;}
}

@media only screen and (min-width:1600px) and (max-width:1920px) {
	.boxC1{ width: 1800px;;}
	.boxC2{ width:720px ;}
	.boxCaselist ul li{ width: 178px;}
	.boxCaselist{  width: 1800px;; height: 656px;}
}


@media screen and (min-width:1920px) and (max-height: 1080px){
	.boxC1{ width: 2000px;;}
	.boxC2{ width:768px ;}
	.boxCaselist ul li{ width: 190px;}
	.boxCaselist{  width: 1920px;; height: 871px;}
}


@media screen and (min-width:1280px) and (max-height: 768px) {
	.boxC1{ width:1562px ;}
	.boxC2{ width:568px ;}
	.boxCaselist ul li{ width: 154px;}
	.boxCaselist{ width: 1562px; height: 692px;}
}


	@media only screen and (max-width:1024px) {
	.boxC1{ width:1000px ;}
	.boxC2{ width:500px ;}
	.boxCaselist ul li{ width: 123px;}
	.boxCaselist{ width: 1000px; height: 681px;}
	
}
.boxCaselist ul li .pageTitlean{-webkit-transform: translateY(-5px); transform: translateY(-5px); }
.boxCaselist ul li div.morecase{ position: absolute; bottom: 15%; left:0; width: 100%;}
.boxCaselist ul li div.morecase a{ border: 1px solid #ccc; display:inline-block; width: auto; height: auto; color: #ccc; padding: 0 10px;}
.boxCaselist ul li div.morecase a:hover{ color: #fff; border-color: #fff;}

	.weixinbox{ width: 805px; margin: 0 auto; font-weight: bold; color: #2d3134; padding-top: 40px;}
	.weixinbox a{ display: block; color: #2d3134; font-size: 30px;}
	.link-index,.weixincopy{ padding:25px 0 0 15px; text-shadow: 1px 1px 0px #545c64;}
	.weixincopy{ text-align: center;}
.fixed{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;z-index: 100;}
.tongzhi{width: 800px;background: white;border-radius: 3px;padding: 20px;margin: 100px auto;position: relative;}
.tongzhi i{display: block;width: 30px;height: 30px;cursor: pointer;position: absolute;right: 0;top: 0;background: url(../images/tz.png) no-repeat center center;}
.tongzhi h2{text-align: center;color: #333;line-height: 30px;}
.tongzhi p{line-heihgt: 25px;color: #555;text-indent: 2em;margin-top: 10px;padding-left: 2em;font-size: 15px;}