@charset "utf-8";

/* CSS Document  By zel */



html, body, div, span,object, iframe, h1, h2, h3, h4, h5, h6, p,a, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, form, label, embed,input{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit; }

ul{list-style:none;}

a{text-decoration:none; color:#000; outline:none}

.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}

.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}

.clearfix{display:block;zoom:1;}

html[xmlns] .clearfix{display:block;}

* html .clearfix{height:1%;}

body{font-family:"Microsoft YaHei";font-size:100%; color:#000; width:100%; min-width:1240px; overflow-x:hidden !important}

/****************************************************/

/*定位*/

.tr{text-align:right;}

.tc{text-align:center;}

.tl{text-align:left;}

.bc{margin-left:auto; margin-right:auto;}

.fl{float:left; display:inline;}

.fr{float:right; display:inline;}

.cr{clear:right;}

.cb{clear:both;}

.cl{clear:left;}

.c{display:block; zoom:1;}

.c:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}

/*index.html*/

#menu { position: fixed; right: 20px; top:45%; list-style-type: none; z-index: 70;}

#menu li { width:11px; height:11px; background-color:#CCC; border-radius:50%; margin:10px auto;}

#menu .active{ background-color:#02a5fa; width:18px; height:18px;}

.section1{ background:url(../images/1_01.jpg); background-size:100% 100%;}

.section2{ background:url(../images/1_02.jpg); background-size:100% 100%;}

.section3{ background:url(../images/1_03.jpg); background-size:100% 100%;}

.section4{ background:url(../images/1_04.jpg); background-size:100% 100%;}

.index_box{ width:1000px; margin:0 auto;}

.head{ width: 1000px; position: fixed; left: 50%; margin-left: -500px; top:20px; z-index: 100;}

.head_logo{ width:262px; height:83px; float:left;}

.head_nav{ width:700px; height:83px; line-height:83px; float:left; margin-left:38px;}

.head_nav li{ width:140px; height:83px; text-align:center; float:left;}

.head_nav li a{ color:#FFF;  font-size:24px;}

.index_about{ text-align:center; width:980px; margin:0 auto; padding-top:150px;}

.index_about h1{ font-size:1.6em; color:#FFF; opacity:0;}

.index_about h2{font-size:1.1em; line-height:2; color:#FFF;opacity:0;}

.index_about p{font-size:0.6em; line-height:1.5; color:#FFF; margin-bottom:20px;opacity:0;}

.more{font-size:0.6em; line-height:2; color:#FFF; border:#FFF 2px solid; border-radius:5px; padding:5px 30px; opacity:0;}

.more:hover{ background:#4e9cd1; border:#4e9cd1 2px solid;}

@keyframes fadein{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes fadein{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}

.box1 h1{ animation-name:fadein; -webkit-animation-name:fadein;animation-duration:1s;-webkit-animation-duration:1s; opacity:1;}

.box1 h2{ animation-name:fadein; -webkit-animation-name:fadein; animation-duration:3s;-webkit-animation-duration:3s; opacity:1;}

.box1 p{ animation-name:fadein; -webkit-animation-name:fadein; animation-duration:3s; -webkit-animation-duration:3s;opacity:1;}

.box1 a{ animation-name:fadein; -webkit-animation-name:fadein; animation-duration:3s;-webkit-animation-duration:3s; opacity:1;}

.index_bz{ width:514px; margin:0 auto; margin-top:30px; display:none;}

.index_bz img{ float:left; margin:42px 30px;}

.index_bz li{ width:94px; height:94px; border-radius:50%; overflow:hidden; background-image:url(../images/1_07.png); float:left; text-align:center; color:#FFF; font-size:13px;}

.index_bz li span{ color:#0099ff; font-size:24px; line-height:2;}

.index_bz p{ text-align:center; color:#FFF; font-size:18px; line-height:3; width:100%; float:left;}

.index_bz p a{color:#FFF;}

.index_bz p a:hover{ color:#4e9cd1;}

.foot_form{ width:100%; position:fixed; left:0; bottom:0; background-color:#9b9696; height:80px; z-index:100; opacity:0.7;}

.foot_form form{ width:1000px; margin:0 auto;}

.foot_form ul{ width:860px; float:left;}

.foot_form li{ width:380px; height:26px;float:left; margin-top:7px; margin-right:50px;}

.foot_form label{ width:90px; float:left; color:#FFF; font-size:16px;}

.foot_input{ background-color:#FFF; width:258px; height:26px; border:#bababa 1px solid; float:left; margin-right:10px; font-size:16px;}

.foot_form span{ color:#f94b4e; font-size:24px; float:left;}

.foot_submit{ width:120px; height:40px; color:#FFF; font-size:18px; background-color:#209bed; float:left; margin-top:20px; cursor:pointer; border-radius:5px;}

.index_case{ width:1000px; margin:20px 0; text-align:center;}

.index_case li{ width:290px; height:192px; float:left; background-color:#FFF; margin:20px;}

.index_case li img{ width:274px; height:170px; margin:8px 11px;}

.index_news_bt{ width:1200px; float:left; margin-top:30px; text-align:center;}

.index_news_bt span{ color:#f4686a; font-size:36px; line-height:1.5;}

.index_news_bt p{ color:#bfbfbf; font-size:18px;}

.index_news_box{ width:350px; float:left;margin-right:50px;}

.news_bt{ width:350px; float:left; border-bottom:#7d7d7d 2px solid; position:relative; overflow:hidden; height:40px;}

.news_bt p{font-size:18px; float:left; margin-top:10px;}

.news_bt span{ color:#dcdcdc; font-size:50px; font-weight:bold; position:absolute; right:0; bottom:-21px; font-family:"Arial"; z-index:-1;}

.index_news_box li{ width:350px;text-overflow: ellipsis; overflow:hidden;white-space: nowrap; float:left; margin-top:10px; font-size:0.45em}

.index_news_box li a{ color:#808080; font-size:14px;}

.index_news_box li span{ background-color:#d7d7d7; width:8px; height:8px; border-radius:50%; float:left; margin-top:7px; margin-right:5px;}

.news_more{ color:#0099ff; line-height:2; font-size:14px;}

.all_foot{ width:100%; height:auto; background:url(../images/1_07.jpg); float:left;}

.foot{ width:100%; height:auto; background:url(../images/1_07.jpg); position:absolute; bottom:0; left:0;}

.foot_box{ width:1200px; height:auto; margin:0 auto;}

.foot_dz{ width:330px; float:left; margin-top:30px;}

.foot_dz span{ color:#88b6ff; font-size:30.5px; margin-bottom:30px; float:left; width:100%;}

.foot_dz p{ color:#7fb0fe; font-size:14px; width:100%; float:left;}

.foot_tle{ width:281px; height:141px; background:url(../images/1_05.png); float:left; margin-left:100px; margin-top:30px;color:#FFF;}

.foot_tle span{ float:left; margin-top:25px; margin-left:15px; font-size:16px;}

.foot_tle p{ width:100%; float:left; text-align:center; font-size:32px; font-weight:bold;}

.foot_pic{ width:39px; margin-top:10px; float:left; margin-left:120px;}

.foot_pic img{ float:left; margin-top:20px;}

.foot_weixin{ width:123px; height:118px; float:left; margin-top:30px; margin-left:100px;}

.foot_link{ width:1200px; float:left; margin-top:20px; border-top:#5681d1 1px solid; text-align:center;color:#6c9ff1; font-size:16px;}

.foot_link a{ color:#6c9ff1; font-size:14px; line-height:2; padding:0 5px;}

.foot_link a:hover {color:#bdd6fe;}

.foot_link p{ font-size:14px; color:#679aec;}

/***************************************************/



/*about.html*/

.head_bg{ width:100%;z-index:-1;} /*2016-1-4*/

.head_bg img{ width:100%; min-width:1000px;}

.all_box{ width:1000px; background-color:#FFF; position:relative; margin:-250px auto 0}/*2016-1-4*/

.all_box_l{ width:15%; float:left; margin-left:-12%; margin-top:-15%;}

.all_box_l img{width:100%;}

.all_box_r{ width:35.8%;float:right; margin-right:-20.5%; margin-top:-25%;}

.all_box_r img{width:100%;}

.about_box{ width:900px; margin:0 50px;  float:left; margin-top:0.5%;}

.about_bt{ width:900px;}

.about_l{ width:100px; height:85px; float:left; background-color:#389fff; text-align:center; padding-top:15px; color:#FFF; font-size:28px; margin-top:167px;}

.about_pic{ width:340px; height:299px; float:left;}

.about_r{ width:100px; height:80px; float:left;}

.about_bt_p{ width:320px; border-bottom:#389fff 6px solid; float:left; margin-top:80px; margin-left:30px;}

.about_bt_p span{ font-size:26px;}

.about_bt_p p{ font-size:18px; line-height:2.5;}

.about_txt{ width:900px; margin-top:30px; float:left; margin-bottom:30px;}

.about_txt_l{ float:left; width:54px;}

.about_txt_l p{ width:54px; float:left; border-top:#000000 2px solid; text-align:center; font-size:18px; padding-top:10px;}

.about_txt_r{ width:800px; float:left; margin-left:41px;}

.about_txt_r p{ color:#434343; font-size:16px; line-height:2;}

.addclass01 {position:relative;}/*2016-1-4*/

.office{ width:100%; position:relative;}/*2016-1-4*/

.office li{ width:16.66666%; float:left; font-size:0;}

.office li img{ width:100%;}

.office_bt{ background:#000; position:absolute; width:100%; left:0;top:0; opacity:0.5;filter:Alpha(opacity=50); display:block; height:100%;}

.office_pic{ width:303px; height:304px; background:url(../images/2_16.png) no-repeat; position:absolute; left:50%; margin-left:-151.5px; top:50%; margin-top:-152px; text-align:center; line-height:304px; color:#FFF; font-size:36px;}

@media screen and (max-width:1440px){.all_box_r{ width:24%; margin-top:-17%; margin-right:-14%;}.about_box{ margin-top:2%;}}}

/***************************************************/