#background{position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;}
#background img{ width:100%; height:100%;}
 
 
#bodyPage{ width:100%; min-height:100%; height:auto !important; height:100%; position:fixed; top:0; left:0; }
img.bg { position:absolute; top: 0px; left: 0px; z-index:1; display:none; min-width:1300px;}
 
.myLongDiv {top:100%;position:absolute;width:100%;min-width:1300px; background:#fff;}  
   
.indg1{ width:100%; background:url(../images/bag1.jpg) no-repeat center; display:block; clear:both; position:relative; }
.ing1t1{ text-align:center; line-height:80px; height:80px; display:block; font-size:46px; color:#000; letter-spacing:6px; padding-top:100px;}
.ing1t1 b{ color:#02baff; margin-left:30px;}

.ing1t2{ width:100%; text-align:center; line-height:140px; height:140px; display:block; position:relative; font-size:40px; color:#005fbf; font-family:"造字工房力黑（非商用）常规体"; letter-spacing:1px;}
.ing1t2 dl{ margin:0 20px; display:inline-block;}
.ing1t2 dl span{ color:#ff9231;  }

.ing1t3{ width:1330px; margin:0 auto; position:relative;}
.ing1t3 ul li{ width:250px; float:left; margin-right:20px; display:block; }
.ing1t3 ul li:nth-child(5){ margin-right:0;} 
.ing1t3 ul li h2{font-size:40px; text-align:center; color:#fcbc00; line-height:120px; display:block; height:120px; font-weight:bold;font-family:  "方正兰亭准黑_GBK";}
.ing1t3 ul li span{ width:126px; height:171px; padding:0 55px; display:block;}
.ing1t3 ul li span img{ width:126px; height:171px; } 
.ing1t3 ul li p{ font-size:20px; line-height:40px; margin-top:50px; color:#12254b; font-weight:bold; text-align:center;}
.ing1t3 ul li:hover{transition: all 0.3s;  transform: translateY(-10px);}

.indg2{ width:100%; background: url(../images/indg2.jpg) no-repeat center top; display:block; clear:both; position:relative; }
.ing2t1{ text-align:center; line-height:80px; height:80px; display:block; font-size:46px; color:#fff; letter-spacing:6px; padding-top:100px;}
.ing2t1 b{ color:#fff; margin-left:30px;}
.ing2t2{ text-align:center; font-size:16px; color:#fff; display:block; letter-spacing:2px; line-height:50px;}
.ing2t3{ width:1080px; margin:0 auto; padding:80px 0 50px;}

#circle{ float:left;
    width:450px;
    height: 450px;
    z-index: 5;
	visibility:visible;
	opacity: 1; margin-top:20px;
	}
#circle .circleOut{
	position:relative;
	width:100%;
	height:100%;
	border-radius:100%;  
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:2px dashed #dcffff;
	}
#circle .circleIn{
	position:relative;
	width:70%;
	height:70%;
	top:15%; 
	left:15%;
	border-radius:100%;  
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 border:2px dashed #dcffff;
	}
#circle .circleOut .cOR{ 
   position:absolute;
   z-index:9;
   width:0px;
   height:50%; 
   left:50%; 
   top:0;
  animation:circle 10s linear infinite;
  -webkit-animation:circle 10s linear infinite;
  transform-origin: 0 100%;
  -webkit-transform-origin:0 100%;
}
#circle .circleOut .cOR:before{ content:''; display:block; width:20px; height:20px;border-radius:100%; background:#e0e9f3; position:absolute; top:0; margin-top:-10px;left:100%; margin-left:-10px; z-index:0;
 }
#circle .circleOut .cOR:after{ content:''; display:block; width:10px; height:10px;border-radius:100%; background:#e0e9f3; position:absolute; top:0; margin-top:-5px;left:100%;margin-left:-5px; z-index:1; }
#circle .circleOut .cIR{ 
	position:absolute; 
	z-index:9;
	width:50%; 
	height:5px; 
	left:50%; 
	top:50%;
	animation:circle 13s linear infinite;
	-webkit-animation:circle 13s linear infinite;
	transform-origin: 0 0;
	-webkit-transform-origin:0 0;
}

#circle .circleIn .cIR:before{ content:''; display:block; width:14px; height:14px;border-radius:100%; background:#e0e9f3; position:absolute; top:0; margin-top:-7px;left:100%; margin-left:-7px; z-index:0;
 }
#circle .circleIn .cIR:after{ content:''; display:block; width:5px; height:5px;border-radius:100%; background:#e0e9f3; position:absolute; top:0; margin-top:-2.5px;left:100%; z-index:1;margin-left:-2.5px; }
/*----------@keyframes circle--------------*/
@keyframes circle
{
to {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}

@-moz-keyframes circle
{
to {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}

@-webkit-keyframes circle 
{
to {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}

@-o-keyframes circle 
{
to {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}

#circle .circleIn .circleCont{ 
	width:260px;
	height:260px;  
	background: url(../images/xianquzhe.png) no-repeat center;  
	border-radius:110%;
	overflow:auto; padding:26px;
    }
.time5{transition:0.5s;-webkit-transition:0.5s;} 

.ing2t3rg{ width:520px; float:right;}
.ing2t3rg dl{ width:100%; margin:20px auto; display:block; float:left;}
.ing2t3rg dl dt{ width:80px; float:left;}
.ing2t3rg dl dt img{ width:80px;}
.ing2t3rg dl dd{ color:#fff; width:380px; float:right;}
.ing2t3rg dl dd h2{ font-size:20px; line-height:25px; display:block; font-weight:bold;}
.ing2t3rg dl dd p{ font-size:15px; line-height:22px; height:44px; display:block; overflow:hidden; margin-top:11px;}


.indg3{ width:100%; background:url(../images/bag2.jpg) no-repeat center; display:block; clear:both; position:relative; padding-bottom: 30px}
.ing3t1{ text-align:center;  display:block; font-size:30px; color:#000; line-height:60px; padding-top:50px;padding-bottom: 20px;}
.ing3t1 b{ color:#0669ce; font-size:40px; letter-spacing:3px; line-height:80px;}

.ing3t2{ width:1200px; margin:20px auto 40px; display:block; position:relative;}
.ing3t2 dl{ width:215px; float:left; margin-right:20px; padding-right:5px;}
.ing3t2 dl:nth-child(5){ margin-right:0;}
.ing3t2 dl dt{ width:140px; height:50px; border:5px solid #559fff; text-align:center; color:#09b5ff; margin:0 auto; font-size:30px; line-height:50px; font-weight:bold;}
.ing3t2 dl dd{ width:155px; height:200px; background:url(../images/ingc1.png) no-repeat left top; display:block; margin-top:20px; padding:27px 35px 33px 30px; font-size:19px; color:#000; text-align:center; line-height:40px; vertical-align:middle;} 
.ing3t2 dl dd em{ font-style:normal; color:#fe0000;}
.ing3t2 dl dd:hover{transition: all 0.3s;  transform: translateY(-10px);}
.h2g{ width:100%; height:20px; display:block; position:relative;}
.h6g{ width:100%; height:60px; display:block; position:relative;}

.ing3t3{ width:100%; text-align:center; line-height:80px; height:80px; display: block; position:relative; font-size: 40px;color: #0865b8;font-family: "造字工房力黑（非商用）常规体";letter-spacing: 1px;}
.ing3t3 span{ color:#ff7200;}

.fullSlide {width:100%;position: relative; height:600px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:600px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:600px;} 
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:40px;height:10px;margin:0 2px;overflow:hidden; border-radius:2px;background:#fff;line-height:999px;}
.fullSlide .hd ul .on {background:#e32a44;}
.fullSlide .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-40px;left:5%;;width:40px;height:80px;background:url(../images/pre.png) no-repeat center rgba(0,0,0,0.6) ;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;display:none;border-radius:5px 0 0 5px;}
.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-40px;left:auto;right:5%;width:40px;height:80px;background:url(../images/next.png) center no-repeat rgba(0,0,0,0.6) ;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;display:none;border-radius:0 5px 5px 0;}  


   
.bag1{ width:100%; display:block; height:888px; background:url(../images/bag1.jpg) no-repeat center;}
.bag2{ width:100%; display:block; height:958px; background:url(../images/bag2.jpg) no-repeat center;}
.bag3{ width:100%; display:block; height:1006px; background:url(../images/bag3.jpg) no-repeat center;}

.green{ color:#009c3b;}
.red{ color:#e80000;}
.offer-list{padding:50px; width:1260px; margin:0px auto 0;  background:rgba(255,255,255,0.8);}
.casty{ width:100%; margin:0 auto; text-align:center;}
.casty ul li{ display:inline-block;}
.casty ul li a{ width:166px; height:60px; padding-right:4px; padding-bottom:4px; display:block; text-align:center; line-height:60px; color:#0127d0; font-size:30px; background: url(../images/catye.png) no-repeat center top;}


.offer-ul{ width: 100%; margin-top:30px;} 
.offer-li { width: 840px; padding:30px 0; margin:0 auto;}
.offer-li td {    border: 1px solid #aeaeae;  height: 50px;    text-align: center;    font-size: 14px; list-style: 50px;}
.offsear{ overflow: hidden; width:840px; margin:0 auto; position:relative; height:56px; }
.offsear label {    display: inline-block;    width: 140px;    border-left: 1px solid #d9d9d9;    border-top: 1px solid #d9d9d9;    border-bottom: 1px solid #d9d9d9;    line-height: 50px;    text-align: center; font-size:18px;color: #fe9900; float: left; height: 50px;}
.offsear .keyword {    width:580px; font-size:18px;   border: 1px solid #d9d9d9; background:none;   text-indent: 20px; height: 50px; float: left; }
.offsear .sub_btn {    width:155px; background:url(../images/search.png) no-repeat left top; color: #fff; border: none;  height:56px; float: right; position:absolute; right:0; top:0;}

.offtel{ width: 100%; display: block; position: relative; }
.offtel span{line-height: 60px; font-size:20px; height: 60px; overflow: hidden; display: block; text-align:center;}
.offtel a{ width:140px;background-color: #259add; height:46px; line-height:46px; border-radius:5px; margin:0 auto;text-align:center; color: #fff; display: block; font-size: 18px; }
.offtel a:hover{ font-weight:500;}
.case-box{}

.bag4{ width:100%;background:url(../images/bag4.jpg) no-repeat center; margin: 0 auto; position: relative;}
.case-list{padding:50px; width:1260px; margin:80px auto 0;  background:rgba(255,255,255,0.8);}
.case-ul{ width: 100%;  margin-top:30px;}
.casesear{    overflow: hidden;    margin: 0 auto;    width: 900px;}
.case-li { width: 900px; margin: 0 auto; padding: 0;}
.case-li td {    border: 1px solid #aeaeae;  height: 50px;    text-align: center;    font-size: 14px; list-style: 50px;}
.casesear .keyword {    width: 380px;    border: 1px solid #d9d9d9; border-right: none;    text-indent: 20px; height: 50px; float: left;;}
.casesear .sub_btn {    width: 140px;    background-color: #259add;    color: #fff;    border: none;    height: 50px;    float: right;}

.picture-title{text-align:center;} 
.picture-title h3{color:#3695ff; font-weight:bold; font-size:40px; letter-spacing:1px;padding-bottom: 35px;}
.picture-title h3 u{color:#000;font-size:34px; text-decoration:none;}

.bag5{ width:100%;background:url(../images/bag5.jpg) no-repeat center; margin: 0 auto; position: relative;background-size: 100%100%;padding-bottom:100px;}
.bag6{ width:100%;background:url(../images/bag6.jpg) no-repeat center; margin: 0 auto; position: relative;background-size: 100%100}

.contact{padding:50px; width:1260px; margin:100px auto 0;  background:rgba(255,255,255,0.8);}

.map {width:700px;height:360px;border: 7px solid #0090f9; float:left;}
.conrg{ width:500px; float:right; text-align:center;}
.conp1{ font-size:30px; line-height:40px; margin-top:20px; }
.conp2{ color:#0018ac; font-size:40px; letter-spacing:5px; font-weight:bold; line-height:80px;}
.conp3{ margin-top:40px;}
.conp4{ color:#000; font-size:26px; line-height:40px; margin-top:30px;}



#scrolltop { display: none; }
.main-im { position: fixed; right: 10px; top: 260px; z-index: 9800; width: 110px; height: 280px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 97; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.ie_all .main-im .qq-container { background: none; }
.main-im .img-qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq { max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im a img { border: 0 none; }
.main-im .im_main { background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB; display: none; }
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 113px; padding-top: 8px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel dt { height: 24px; line-height: 24px; font-weight: bold; font-size: 12px; margin-top: 2px; }
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15; }
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container { width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center; float: left; }
.main-im .im_main .weixing-show { width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2; }
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt { position: absolute; top: 110px; left: 7px; width: 100px; margin: 0 auto; text-align: center; }
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/totop-icon.png) no-repeat center center; float: right; }
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 98; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 44px; height: 116px; background: url(../images/open_im.png) no-repeat left top; }