body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,'Hiragino Sans GB'; color:#333; -webkit-text-size-adjust: none; }
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; height: 100% }
.text{ height: 20px; line-height: 20px; padding:0 8px; background: #fff; border:1px solid #c5c5c5; }
em{ font-style:normal;}
li{ list-style:none;}

/* head */

.head{ height:90px; border-top:1px solid #edeced; border-bottom:1px solid #edeced; background:#fff;}
.box{ width:1200px; margin:0 auto;}
.head_inner h1{ float:left; position:relative;}
.head_inner h1 .logo1{ display:inline-block; padding-top:8px; margin-right:41px;}
.head_inner h1 .logo2{ display:inline-block; padding-top:11px;}
.head_inner h1 span{ display:inline-block; width:1px; height:40px; background:#d9d9d9; position:absolute; top:25px; left:82px;}
.nav{ float:right;}
.nav li{ float:left;}
.nav li a{ display:block; line-height:90px; height:90px; font-size:16px; color:#333333; padding:0 27px;}
.nav li a:hover{ color:#3080da;}
.fixed .head{ height: 75px; background:#fff; position:fixed; opacity:.9; left:0; top:0; z-index:999999999999; width:100%;}
.fixed .head .nav li a{ height:75px; line-height:75px;}
.fixed .head h1 .logo1 img,.fixed .head h1 .logo2 img{ height:60px; width:auto;}
.fixed .head h1 span{ left:62px;}
.fixed .head h1 .logo1{ margin-right:25px;}
.fixed .head h1 .logo2{ padding-top:5px;}
/* foot */
.foot{ background:#23262a; height:50px; line-height:50px; text-align:center; color:#fff;}
.foot a{ padding-left:10px; color:#fff;}
.foot a:hover{ text-decoration:underline;}

/* index */
.flex-control-nav { width:100%; text-align:center; bottom:17px; z-index:999999; position:absolute; left:0;}
.flex-control-nav li{margin:0px 5px; cursor:pointer; display:inline-block; *display:block;*zoom:1;}
.flex-control-nav li a {background:#fff; width: 14px; height: 14px;display: block; font-size: 0; border-radius:14px; }
.flex-control-nav li a.flex-active{ background:#3080da;}
.flexslider {position: relative; width:100%; overflow: hidden; height:auto; margin:0 auto;}
.slides li img{ width:auto; height:auto; overflow:hidden; max-width:100%;}
.slides li{width:100%; height:auto; overflow:hidden;}

.flex-direction-nav{ display:none;}
.index_tit{ padding:70px 0 0 0; text-align:center;}
.index_tit h3{ font-size:36px; line-height:36px; font-weight:normal;overflow:hidden; color:#000000; font-size:24px;}
.index_tit span{ height:24px; line-height:24px; overflow:hidden; display:block; margin-bottom:8px; color:#c6c6c6; font-size:14px;}
.index_tit em{ width:6px; height:6px; display:block; margin:0 auto; background:#3080da;}
.us_div{ background:url(../images/usbj.jpg) center top no-repeat; height:534px;}
.us_left{ background:url(../images/us_leftbj.jpg) right bottom no-repeat; width:442px; height:250px; position:relative; float:left;}
.us_left img{ width:428px; height:235px; overflow:hidden;}
.us_left a{ background:url(../images/video.png) left top no-repeat; width:57px; height:57px; display:block; position:absolute; left:50%; top:50%; margin-left:-28.5px; margin-top:-28.5px;}
.us_inner{ padding:60px 60px 0; box-sizing:border-box;}
.us_right{ float:right; width:580px;}
.us_word{ font-size:14px; line-height:26px; color:#373d41; height:118px; overflow:hidden; text-indent:2em; margin-bottom:80px;}
.index_see{ width:136px; height:36px; background:#fff url(../images/us_inner.jpg) 100px center no-repeat; display:block; font-size:14px; text-indent:20px; color:#373d41; line-height:36px;transition:all 0.5s ease 0s;}
.index_see:hover{ background:#3080da url(../images/us_inner.jpg) 105px center no-repeat; color:#fff; transition:all 0.5s ease 0s;}
.details{ min-height:600px;}
.dynamic{ background:url(../images/dybj.jpg) center top no-repeat; height:661px;}
.dynamic_inner .index_tit h3,.dynamic_inner .index_tit span{ color:#fff;}
.dynamic_inner .index_tit em{ background:url(../images/dy_em.png) center top no-repeat; width:300px;}
.dynamic_ul{ padding-top:38px; margin-left:-30px;}
.dynamic_ul li{ float:left; width:380px; margin-left:30px;}
.dynamic_ul li img{ width:380px; height:189px; overflow:hidden; transition:all 1.3s ease 0s;}
.dynamic_ul li:hover img{ transform:scale(1.2,1.2); transition:all 1.3s ease 0s; opacity:.7}
.dynamic_ul li span{width:380px; height:189px; overflow:hidden; display:block; }
.dy_box{ background:#fff; padding:8px 20px 25px;transition:all 0.6s ease 0s;}
.dy_time{ height:38px; line-height:38px; overflow:hidden;}
.dy_time i{ float:left; display:block; width:265px; overflow:hidden; color:#333333; font-size:14px; font-style:normal;}
.dy_time em{ display:block; float:right; color:#878787;}
.dynamic_ul li:hover .dy_box{ background:#3080da; transition:all 0.6s ease 0s;}
.dynamic_ul li:hover i,.dynamic_ul li:hover em,.dynamic_ul li:hover p{ color:#fff;}
.dy_word{ line-height:24px; color:#878787; height:50px; overflow:hidden;}
.dynamic .index_see{ float:none; margin: 50px auto 0;}
.honor{ padding-bottom:60px;}
.honor_div{ padding-top:38px;}
.honor_img{ margin-left:-30px; display:none;}
.honor_img li{ float:left; margin-left:30px; border:1px solid #c6e3ff;}
.honor_tab{ text-align:center; height:60px; line-height:60px;}
.honor_tab li{ width:10px; height:10px; border-radius:10px; background:#d4d4d4; margin:0 5px; display:inline-block; cursor:pointer;}
.honor_tab li.on{ background:#3080da;}
.rongyu_ul{ height:316px; width:1200px; position:relative; overflow:hidden;}
.rongyu_ul li{ width:10000px; position:absolute; left:0; top:0;}
.rongyu_ul li span{float:left; margin-right:30px; border:1px solid #c6e3ff; display:block;width:214px; height:314px; transition:all 0.5s ease 0s;}
.rongyu_ul li span:hover{ -webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);	-webkit-box-shadow: 0px 0px 10px #c6e3ff;transition:all 0.5s ease 0s;}
.boutique{ background:#f5f5f5; padding-bottom:80px;}
.bout_ul li{ float:left; width:16.6%; position:relative; height:300px; cursor:pointer;}
.bout_inner{ background:#333; margin-top:30px;}
.jp_img{ display:block; width:200px; height:300px; overflow:hidden;}
.jp_img img{width:200px; height:300px; overflow:hidden;}
.bout_div{ position:absolute; left:0; top:0; text-align:center; width:100%; height:300px; box-sizing:border-box; padding:0 15px; transition:all 0.5s ease 0s;}
.bout_div p{ line-height:26px; color:#fff; font-size:14px; height:78px; overflow:hidden; margin-bottom:13px; display:none;}
.bout_div a{ width:98px; height:28px; line-height:28px; text-align:center; display:inline-block; font-size:14px; color:#fff; border:1px solid #fff; display:none; transition:all 0.5s ease 0s;}
.bout_div em{ height:52px; line-height:52px; display:block; font-size:16px; color:#fff; transition:all 0.5s ease 0s;}
.bout_div span{ padding-top:100px; display:inline-block; transition:all 0.5s ease 0s;}
.bout_div i{ display:inline-block; width:64px; height:1px; background:#fff;}
.bout_div:hover{ background:#3884d9;transition:all 0.5s ease 0s;} 
.bout_div:hover span{ padding-top:40px; transition:all 0.5s ease 0s;}
.bout_div:hover i{ display:none; }
.bout_div:hover p,.bout_div:hover a{ display:inline-block; transition:all 0.5s ease 0s;}
.bout_div a:hover{ color:#3884d9; background:#fff; transition:all 0.5s ease 0s;}

.touch{ background:url(../images/contactbj.jpg) center top no-repeat; height:477px;}
.touch_ul{ padding-top:90px;}
.touch_ul li{ width:25%; float:left; text-align:center;font-size:14px; color:#fff;}
.touch_ul li span{ display:inline-block; width:80px; height:80px; margin-bottom:18px;transform:rotate(0deg); transition:all 0.8s ease 0s;}
.touch_ul li span img{width:80px; height:80px; overflow:hidden;}
.touch_ul li p{ line-height:26px; height:26px; overflow:hidden; }
.touch_ul li:hover span{ transform:rotate(360deg); transition:all 0.8s ease 0s;} 

/* news */
.all{ background:#f5f5f5;}
.catalog{ background:#fff; height:70px; }
.catalog_inner{ text-align:center;}
.catalog_inner li{ display:inline-block; margin:0 30px;}
.catalog_inner li a{ font-size:14px; color:#5c5c5c; display:block; padding:0 11px; height:67px; line-height:67px; border-bottom:3px solid #fff;}
.catalog_inner li a:hover,.catalog_inner li a.for{ color:#3080da; border-bottom:3px solid #3080da;}
.news{ padding-top:20px; margin-left:-30px;}
.news li{ float:left; margin:30px 0 0 30px; width:380px;}
.news li .news_pic{ width:380px; height:189px; overflow:hidden; display:block; }
.news li .news_pic img{ width:380px; height:189px; overflow:hidden;}
.news_color{ background:#ffffff; padding:8px 20px 0; height:120px; position:relative;transition:all 0.5s ease 0s;}
.news_color .news_time{ height:38px; line-height:38px;transition:all 0.5s ease 0s;}
.news_time .news_tit{ display:block; float:left; font-size:14px; color:#333333; height:38px; overflow:hidden;transition:all 0.5s ease 0s;}
.news_time em{ display:block; float:right; color:#878787;transition:all 0.5s ease 0s;}

.news_color p{ line-height:25px; color:#878787; height:50px; overflow:hidden;}
.news_color p a{ display:block;}
.news_color .news_see{ background:url(../images/news_see.png) left top no-repeat; width:35px; height:35px; display:block; position:absolute; right:0; bottom:0;transition:all 0.5s ease 0s;}
.news li:hover .news_color{ background:#3080da; color:#fff;}
.news li:hover .news_color .news_tit,.news li:hover .news_color em,.news li:hover .news_color p a,.news li:hover .news_time em a{ color:#fff; transition:all 0.5s ease 0s;}

/* pages */
.pages{ text-align:center; padding:60px 0;}
.pages a{ display:inline-block; width:38px; height:30px; margin:0 5px; background:#fff; line-height:30px; text-align:center; font-size:14px; color:#5e5e5e;}
.pages a.s,.pages a.x{ width:73px;}
.pages a:hover,.pages a.cur{ color:#fff; background:#3080da;}

/* news_info */

.cata_news{ border-bottom:1px solid #e1e1e1;}
.release{ padding:36px 0 16px 0; text-align:center; border-bottom:1px dashed #878787;  margin-bottom:25px}
.release h3{ font-weight:normal; font-size:24px; color:#333333; height:50px; line-height:50px; overflow:hidden;}
.release span{ height:38px; line-height:38px; font-size:14px; color:#878787;}
.news_word{ line-height:30px; font-size:16px; color:#878787;}
.news_word img{ height:auto!important; width:100%!important; }
.return{ display:block; float:right; width:108px; height:34px; line-height:34px; border:1px solid #3080da; color:#3080da; color:#3080da; text-indent:0; text-align:center; margin:30px 0;transition:all 0.5s ease 0s;clear:both;}
.news_info{ overflow:hidden; padding:0 35px 60px; }
.return:hover{ background:#3080da; color:#fff; transition:all 0.5s ease 0s;}

/* case */
.case{ padding-top:20px; margin-left:-18px}
.case dl{ margin:20px 0 0 12px; float:left; background:#f5f5f5; width:587px;padding:10px 0 10px 10px;transition:all 0.5s ease 0s;}
.case dl dt{ float:left; width:295px; height:240px; overflow:hidden; }
.case dl dt img{width:295px; height:240px; overflow:hidden;transition:all 0.5s ease 0s;}
.case dl dt:hover img{ opacity:.6; transition:all 0.5s ease 0s;}
.case dl dd{ float:left; width:231px; padding:18px 30px 0 30px;background:#fff; height:222px;}
.case dd .case_tit{ height:38px; line-height:38px; display:block; overflow:hidden; font-size:16px; color:#333333;transition:all 0.5s ease 0s;}
.case dd .case_word{ height:115px; line-height:26px; font-size:14px; color:#999999; padding-right:10px; margin-bottom:33px; overflow:hidden;}
.case dd .case_see{ background:url(../images/case_see.jpg) 26px top no-repeat; width:50px; height:24px; display:block; float:right;transition:all 0.5s ease 0s;}
.case dl:hover{ background:#fff; box-shadow:0 0 10px #ebebeb;transition:all 0.5s ease 0s;}
.case dd a:hover{ color:#4176b3; transition:all 0.5s ease 0s;}
.company{ background:#fff; margin-top:50px; margin-bottom:70px; padding:20px 30px 60px;}
.con_inner{ font-size:16px; line-height:30px; color:#878787}
.con_inner h3{ height:83px; line-height:83px; border-bottom:1px dashed #ebebeb; color:#333333; font-size:24px; margin-bottom:20px;}
.case dd .case_see:hover{ background:url(../images/case_see.jpg) 16px top no-repeat; transition:all 0.5s ease 0s;}

/* contact */
.contact{ margin:50px 0 80px 0; padding:40px 50px 0; background:#fff;}
.contact_ul { padding-bottom:30px;}
.contact_ul li{ float:left; width:25%; box-sizing:border-box; padding:0 30px; height:101px; border-right:1px solid #dee4ee;}
.contact_ul li span{ display:block; padding:7px 0 14px 0;}
.contact_ul li p{ line-height:26px; color:#5e5e5e; font-size:14px;}
.contact_ul li.on{ border:none;}
.map{ padding-bottom:60px; text-align:center;}
.map img{ width:auto; height:auto; max-width:100%;}

/* join */

.recu{ padding:60px 0 66px 0px;}
.recu ul{ cursor:pointer;}
.pos dd li{ line-height:80px; color:#5e5e5e; height:80px;padding-left:60px; font-size:14px;  position:relative; margin-bottom:2px;  background:#f0f0f0;}
.Requirement em{ font-size:14px; color:#333; font-weight:600;}
.Requirement{ border-bottom:none; color:#333; line-height:30px;  display:none; font-size:14px; color:#5e5e5e; background:#ffffff; padding:30px 60px 0; overflow:hidden; }
.pos li .jia{ position:absolute; top:11px; right:2px; background:url(../images/add.png) left center no-repeat; width:22px; height:22px;}
.recu dd .act li{ color:#fff; background:#3080da;} 
.recu dd .act li .jia{position:absolute; top:11px; right:2px; width:22px; height:22px;}
.Requirement .apply{ width:72px; height:27px; display:block; color:#fff; line-height:27px; text-align:center; margin:43px 0;}
.Requirement em{ font-weight:600;}

.aptitude{ background:#fff; margin:50px 0; padding:28px 20px 35px; }
.aptitude_ul{margin-left:-35px;}
.aptitude li{ float:left; width:204px; height:314px; overflow:hidden; margin:35px 0 0 35px;}
.aptitude li img{width:204px; height:314px; overflow:hidden;transition:all 0.5s ease 0s;}
.aptitude li:hover img{ transform:translateY(-10px); transition:all 0.5s ease 0s;} 
.profilc{ padding:60px 0 40px 0;}
.pro_left{ width:598px; float:left;}
.pro_zi{ font-size:14px; line-height:30px; color:#5e5e5e; height:240px; overflow:hidden; padding-right:28px;}
.pro_tit{ padding:50px 0 20px 0;}

.pro_tit span{ float:left; width:308px; height:1px; background:#ebebeb; margin-right:50px; margin-top:15px;}
.pro_tit .pro_pic{ float:right;}
.pro_pic em{ display:block;}
.pro_pic i{ height:48px; line-height:48px; display:block; font-style:normal; overflow:hidden; font-size:24px; color:#333333;}
.pro_right{ width:580px; float:right; position:relative; height:400px;}
.pro_right img{width:580px;  height:400px; overflow:hidden;}
.pro_right a{ background:url(../images/video.png) left top no-repeat; width:57px; height:57px; display:block; position:absolute; left:50%; top:50%; margin-left:-23.5px; margin-top:-23.5px;}
.pro_right em{ display:block; position:absolute; top:166px; left:327px;} 
.pro_right em img{ width:539px; height:69px; overflow:hidden;}

.org{ background:#f5f5f5; padding:50px 0;}
.org_tit { width:525px; float:right; margin-bottom:50px;}
.org_tit span{float:right; width:308px; height:1px; background:#ebebeb; margin-left:50px; margin-top:15px;}
.org_tit .pro_pic{ float:left;}
.org_div{ text-align:center;}
.org_div img{ width:auto; height:auto; max-width:100%;}

.culture{ background:url(../images/culture.jpg) center top no-repeat; height:600px; overflow:hidden; background-size:cover;}
.culture_tit{ text-align:center;}
.culture_tit span{ padding:60px 0 10px 0; display:block;}
.culture_tit em{ display:block; font-size:24px; height:30px; line-height:30px;}
.culture_div{ margin-left:-67px;}
.culture_div li{ float:left; margin:40px 0 0 67px; width:199px;}
.culture_top{ background:url(../images/culture.png) left top no-repeat; width:199px; height:31px; color:#fff; line-height:31px; margin-bottom:20px;}
.culture_top span{ display:block; float:left; font-size:24px; font-weight:600; padding-left:2px; color:#005dc5; width:100px; overflow:hidden; font-family:Arial; display:none;}
.culture_top em{ display:block; font-size:16px; padding-right:16px;  height:31px; overflow:hidden; text-align:center;}
.culture_bottom{ line-height:34px; font-size:14px; color:#5c5c5c; height:87px; overflow:hidden;  }
.culture_bottom p{ line-height:22px; height:22px; overflow:hidden;}
.tech_tit{ padding:0px 0 27px 0;}
.tech_tit i{ display:block;}
.tech_tit em{ display:block; height:48px; line-height:48px; font-size:24px; text-indent:50px;}
.tech_left{ width:563px; float:left; height:300px; /*background:url(../images/line.jpg) right bottom no-repeat;*/}
.tech_word em{ font-size:14px; height:34px; line-height:34px; display:block; font-weight:600;}
.tech_word .tech_div{ height:155px; line-height:32px; font-size:14px; color:#5c5c5c; overflow:hidden;}
.tech{ padding:60px 0 100px 0;}
.tech_right{ float:right; width:582px; height:300px; overflow:hidden;}
.tech_right img{width:582px; height:300px; overflow:hidden;}
.tehc_div{ height:300px; position:relative;}
.tech_scroll{ position:absolute; left:0; top:0; width:1200px; height:300px; overflow:hidden;}
.left_btn{ position:absolute; right:521px; bottom:0px; background:url(../images/tech_up.jpg) left top no-repeat; display:block; width:40px; height:40px;}
.right_btn{ position:absolute; right:521px; bottom:-40px; background:url(../images/tech_down.jpg) left top no-repeat; display:block; width:40px; height:40px;}

.style{ background:#f6f6f6; padding:52px 0 80px 0;}
.style_tit{ text-align:center; margin-bottom:52px;}
.style_tit span{ display:block;}
.style_tit em{ font-size:24px; height:35px; line-height:35px; display:block;}




.swiper-container{
	margin-top:50px;
}	
.swiper-slide{
	width:580px!important;
	cursor: move;
	}
.swiper-slide a{
	transition: 0.2s;
	}	
.swiper-slide a:hover{
	opacity:.6;}	
.swiper-pagination{
	text-align:center;
	width:100%;
	margin-top:10px;}
.swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
	margin:0 5px;
	background:#02328d;
}
.swiper-slide img{ width:583px!important; height:350px!important; overflow:hidden!important;}
.anniu{ position:absolute;bottom:60px;}
.anniu .swiper-button-prev{ left: 183px; background:url(../images/left.jpg) left top no-repeat; width:40px; height:40px; left:359px;  position:absolute;}
.anniu .swiper-button-next{width:40px; height:40px;  background:url(../images/right.jpg) left top no-repeat;  left: 249px;left:399px;  position:absolute; }

.subsid{ padding-bottom:30px; display: none;}
.subsid_div{ background:url(../images/map.png) left top no-repeat; width:600px; height:497px; margin:25px auto 0; position:relative; }




.point-area{text-align:center;position:relative;width:150px;height:150px;transition:opacity .5s ease-out}

.point-area .point{position:absolute;top:0;left:0;right:0;bottom:0;width:10px;height:10px;margin:auto;
-webkit-border-radius:50%;-webkit-background-clip:padding-box;-moz-border-radius:50%;-moz-background-clip:padding;border-radius:50%;background-clip:padding-box;background:transparent}

.point-area .point-shadow:after{box-shadow:inset 0 0 5em rgba(0,205,236,.16)}

.point-area .point-white{background-color:#fff;border:1px solid #00c1de}

.point-area .point-dot{z-index:1;background-color:#3080da;border:1px solid rgba(48,128,218,.37)}
.point-area .point-10{width:20%;height:20%}
.point-area .point-10:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #3080da;opacity:0;-webkit-animation:ripple 3s ease-out 225ms infinite;animation:ripple 3s ease-out 225ms infinite}
.point-area .point-20{width:30%;height:30%}
.point-area .point-20:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #3080da;opacity:0;-webkit-animation:ripple 3s ease-out 325ms infinite;animation:ripple 3s ease-out 325ms infinite}
.point-area .point-30{width:20%;height:20%}
.point-area .point-30:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #3080da;opacity:0;-webkit-animation:ripple 3s ease-out 875ms infinite;animation:ripple 3s ease-out 875ms infinite}
.point-area .point-40{width:30%;height:30%}
.point-area .point-40:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #3080da;opacity:0;-webkit-animation:ripple 3s ease-out 975ms infinite;animation:ripple 3s ease-out 975ms infinite}
.point-area .point-50{width:20%;height:20%}
.point-area .point-50:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #3080da;opacity:0;-webkit-animation:ripple 3s ease-out 1375ms infinite;animation:ripple 3s ease-out 1375ms infinite}
.point-area .point-60{width:30%;height:30%}
.point-area .point-60:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #3080da;opacity:0;-webkit-animation:ripple 3s ease-out 1775ms infinite;animation:ripple 3s ease-out 1775ms infinite}
.point-area .point-70{width:20%;height:20%}
.point-area .point-70:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #3080da;opacity:0;-webkit-animation:ripple 3s ease-out 1875ms infinite;animation:ripple 3s ease-out 1875ms infinite}
.point-area .point-80{width:30%;height:30%}
.point-area .point-80:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #3080da;opacity:0;-webkit-animation:ripple 3s ease-out 2175ms infinite;animation:ripple 3s ease-out 2175ms infinite}
.point-area .point-90{width:20%;height:20%}
.point-area .point-90:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #3080da;opacity:0;-webkit-animation:ripple 3s ease-out 2275ms infinite;animation:ripple 3s ease-out 2275ms infinite}
.point-area .point-100{width:30%;height:30%}
.point-area .point-100:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #3080da;opacity:0;-webkit-animation:ripple 3s ease-out 2575ms infinite;animation:ripple 3s ease-out 2575ms infinite}lesshat-selector{-lh-property:0}@-webkit-keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1)}}@keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}

.point-area .point-110{width:20%;height:20%}
.point-area .point-110:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #3080da;opacity:0;-webkit-animation:ripple 3s ease-out 2875ms infinite;animation:ripple 3s ease-out 2875ms infinite}

.point-area .point-120{width:30%;height:30%}
.point-area .point-120:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #3080da;opacity:0;-webkit-animation:ripple 3s ease-out 2975ms infinite;animation:ripple 3s ease-out 2975ms infinite}




.phnav{ background:url(../images/navph.png) left top no-repeat; width:34px; height:22px; position:absolute; right:5px; top:26px; z-index:999999999; }
#phone{ width:100%; position:absolute; background:#4176b3; left:0; top:70px;  z-index:9999999999999; margin:0; display:none;}
#phone li{ height:38px; line-height:38px; text-align:center; float:none; width:100%; margin:0;}
#phone li a{ display:block; color:#fff; font-size:16px; text-align:center;}


.phone{ display:none;}
.xisshu{ display:none;}

.scroll{width:600px; box-sizing:border-box; height:240px;overflow:auto;}


#dituContent{ width:100%!important; margin:30px 0 0 0!important;}