@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ font-family:"微软雅黑";}
a{ text-decoration:none; border:0;}
a:hover { color:#333;  transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;text-decoration:none  }
img{ border:0;}
i,em{ font-style:normal;}
ul,li{ list-style:none;}
.center{ width:1024px; margin:0 auto;}
.center2{ width:900px; margin:0 auto;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}


/*****************************index*********************************/
/*top*/

.yun_header{}
.page_header{ height:100px;}
.page_logo{ width:300px; padding-top:25px;}
.page_logo a{}
.page_right{ }
.page_tel{ width:100%; text-align:right; font-size:14px; color:#565353; padding-top:10px; line-height:22px;}
.page_tel i{ font-size:20px; color:#f99201; font-style:italic; padding-left:5px;}
.yun_nav{}
.yun_navcation{ margin-top:18px; position:relative; height:35px; z-index:100000}
.yun_navcation ul{}
.yun_navcation ul li{ float:left; font-size:16px; width:96px; text-align:center; padding-top:8px;}
.yun_navcation ul li a{ color:#3e3b38; display:block; border-right:1px dotted #dbdbdb; height:16px; line-height:16px;}
.yun_navcation ul li a:hover{ color:#6687ba;}
.yun_navcation ul .nav_cur a{ color:#6687ba;}
.yun_navcation .search{ background:url(../images/yun_search.jpg) no-repeat; width:39px; height:33px; display:block; line-height:32px; text-align:center; position:absolute; right:0; top:0; z-index:10;  border-bottom:0;}
.icon_search{ color:#fff; font-size:20px; }
.search_menu{ border:1px solid #ccc; position:absolute; right:0; top:33px; background:#fff; width:352px; z-index:9; display:none;}
.search_mcon{ padding:8px; overflow:hidden; zoom:1;  _padding:8px 8px 0px;}
.search_mcon .search_inp{ width:280px; height:30px; line-height:30px; font-size:14px;font-family:"微软雅黑"; color:#989ca2; border:1px solid #ccc; border-right:0; text-indent:14px; color:#333;}
.search_mcon .search_btn{ width:54px; height:32px; background:#2c60a9; color:#fff; border:0; font-size:14px; font-family:"微软雅黑"; cursor:pointer;}
.navcation .search_cur{ background:#fff; border:1px solid #c7c9cb; border-bottom:0;}
.navcation .search_cur .icon_search{ color:#ccc;}

/*banner*/

.flexslider { position: relative; height: 400px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 400px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}

/*experience*/

.experience{ padding-top:35px;}
.exper_tit{ width:437px; margin:0 auto; position:relative; text-align:center;}
.exper_tit span{ font-size:36px; color:#282a2c; width:437px; border-bottom:1px solid #333; padding-bottom:15px; display:block;}
.exper_tit_bg{width:25px;height:7px; display:inline-block; position:absolute;left:50%;bottom:-4px; background:#fff; margin-left:-13px;}
.icon_dot{ width:5px;height:5px;position:absolute; bottom:1px; left:50%; margin-left:-2px;  background:#333;border-radius:50%; display:block; font-size:20px; overflow:hidden}
.exper_des{ padding-top:30px;}
.exper_des p{ padding:0 90px; text-align:center; font-size:15px; color:#67605c; line-height:30px;}
.exper_function{ position:relative; margin-top:40px; height:350px;}
.exper_line{ height:1px; width:100%; border-bottom:1px solid #eee; position:absolute; top:70px; _top:45px; z-index:1; display:block;}
.exper_fun{ position:absolute; z-index:20; top:15px; left:50%; margin-left:-512px; padding-bottom:40px;}
.exper_fun_det{ width:210px; text-align:center;}
.exper_fun_det a{}
.exper_fun_det a:hover{ text-decoration:none}
.function_tit{ font-size:16px; color:#1e1919; line-height:30px; padding-bottom:12px;}
.function_det{ font-size:14px; line-height:24px; color:#85827f;}
.exper_null{ width:61px; float:left; display:block; height:190px;}
.exper_fun_det a:hover .function_tit{ color:#005aac;text-decoration:none }
.exper_more{ position:absolute; bottom:40px; left:50%; margin-left:-80px;}
.exper_more a{ font-size:14px; color:#005aac; width:160px; height:40px; line-height:40px; text-align:center; display:block; border:1px solid #d8d3d4;}
.exper_more a:hover{ background:#005aac; color:#fff;text-decoration:none }
.feature{ width:91px; height:91px; margin:0 auto; padding-bottom:12px;}
.feature i{ background:url(../images/index_icon1.png) -35px -32px; display:block; width:91px; height:91px;}
.feature .icon_fea01{ background:url(../images/index_icon1.png) -35px -32px;}
.feature .icon_fea02{ background:url(../images/index_icon1.png) -213px -32px;}
.feature .icon_fea03{ background:url(../images/index_icon1.png) -392px -32px;}
.feature .icon_fea04{ background:url(../images/index_icon1.png) -570px -32px;}
.exper_fun_det a:hover .feature i{ transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}
.exper_fun_det a:hover .feature .icon_fea01{ background:url(../images/index_icon1.png) -35px -163px;}
.exper_fun_det a:hover .feature .icon_fea02{ background:url(../images/index_icon1.png) -213px -163px;}
.exper_fun_det a:hover .feature .icon_fea03{ background:url(../images/index_icon1.png) -391px -163px;}
.exper_fun_det a:hover .feature .icon_fea04{ background:url(../images/index_icon1.png) -570px -163px;}

/*client*/

.client{ width:100%; background:url(../images/bg.png) no-repeat center top; padding-top:30px; padding-bottom:30px;}
.exper_des p a{ color:#3580ef;}
.client_case{ background:rgba(255,255,255,0.7); _background:#fff; border:1px solid #e2e2e2; overflow:hidden; height:287px; margin-top:40px;}
.client_case ul{ width:1025px; height:289px;}
.client_case ul li{ width:204px; float:left; height:143px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.client_case ul li a{ display:block; padding-left:20px; width:164px; height:55px; padding-top:55px;}
.anli_cont{width:1024px; margin:0 auto; _overflow:hidden}
.anli_client_case{ background:rgba(255,255,255,0.7); _background:#fff; border:1px solid #e2e2e2; margin-top:40px; float:left}
.anli_client_case ul{ width:1027px;}
.anli_client_case ul li{ width:204px; float:left; height:143px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.anli_client_case ul li a{ display:block; padding-left:20px; width:164px; height:55px; padding-top:45px;}


.client_more{ padding-top:27px; width:164px; margin:0 auto; position:relative;}
.client_more a{ background:#005aac; display:block; color:#fff; font-size:14px; width:162px; text-align:center; height:41px; line-height:41px; border:1px solid #d8d3d4;}
.client_more a:hover{ background:#0a3c69; color:#fff;}
.more_effect{-webkit-transform: translateZ(0);transform: translateZ(0);}
.more_effect:before {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background:#005aac; 

  -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%;-webkit-transition-property: transform;
  transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
.more_effect:hover:before,.more_effect:focus:before,.more_effect:active:before {-webkit-transform: scaleY(0);transform: scaleY(0);}

/*news*/

.news{ margin-top:36px; padding-bottom:50px; overflow:hidden;}
.repository{ width:326px;}
.repository h3{ color:#201d1d; font-size:18px; width:174px; height:46px; background:#cfcbcb; text-align:center; line-height:46px; font-weight:normal; position:relative; margin:0 auto;}
.icon_triangle{ width:29px;height:12px; position:absolute; font-size:40px; color:#cfcbcb; bottom:-12px; left:50%; margin-left:-15px; overflow:hidden}
.repos_det{ background:#fff; border:1px solid #eee; position:relative; height:350px; margin-top:27px;}
.repos_det ul{ padding:15px 12px 24px;}
.repos_det ul li{ height:37px; line-height:37px; font-size:12px; border-bottom:1px dotted #dedede; position:relative}
.repos_det ul li a{ color:#333; display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left:10px;}
.repos_det ul li a:hover{ text-decoration:underline}
.news_more{ position:absolute; left:50%; margin-left:-62px; bottom:-20px;}
.news_more a{ display:block; font-size:14px; background:#fff; color:#005aac; width:124px; text-align:center; height:33px; line-height:33px; border:1px solid #eee;}
.icon_side{width:2px;height:2px; background:#999999; font-size:14px;display:inline-block; position:absolute;left:0px;top:16px;overflow:hidden} 
.annulus{ position:absolute; top:-7px; left:50%; margin-left:-7px;}
.icon_ann{ width:10px;height:10px;color:#a5a3a3; background:#fff;border:2px solid #abaaaa; border-radius:50%; display:block; overflow:hidden}
.news_null{ width:23px; _width:20px; display:block; height:400px;}
.repos_detimg{}
.repos_detimg img{ width:300px; height:110px;}
.repository h3,.repository .icon_triangle,.repository .repos_det,.repository .repos_det ul li,.repository .repos_det ul li a,.repository .icon_ann,.repository .news_more a { transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}
.icon_triangle{width:29px;height:12px; background:url(../images/yun_in_sh.jpg) no-repeat}
/*hover*/

/*.repository:hover{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1);
	transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;
}*/
.repository:hover h3,.repository:hover .icon_triangle,.repository:hover .repos_det,.repository:hover .repos_det ul li,.repository:hover .repos_det ul li a,.repository:hover .icon_ann,.repository:hover .news_more a { transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}
.repository:hover h3{ background:#005aac; color:#fff;}
.repository:hover .icon_triangle{ color:#005aac;width:29px;height:12px; background:url(../images/yun_in_s.jpg) no-repeat}
.repository:hover .repos_det{ background:#005aac;}
.repository:hover .repos_det ul li{ border-bottom:1px dotted #fff;}
.repository:hover .repos_det ul li a{ color:#fff;}
.repository:hover .icon_ann{ color:#005aac;border:2px solid #005aac; }
.repository:hover .news_more a{ background:#f66711; color:#fff; border:1px solid #f66711;}
.repository:hover .icon_side{width:2px;height:2px; background:#ffffff; font-size:14px;display:inline-block; position:absolute;left:0px;top:16px;overflow:hidden}
.product_icon_triangle{width:29px;height:12px; background:url(../images/yun_in_c.jpg) no-repeat;position:absolute; bottom:-12px; left:50%; margin-left:-15px;overflow:hidden} 
/*link*/
.link{ border:1px solid #efefef;}
.link_con{ padding:12px 8px;}
.link_tit{ color:#3e3939; font-size:16px;}
.link_tit span{ height:20px; border-left:6px solid #005aac; padding-left:10px;}
.link_det{ font-size:14px; line-height:30px; padding:15px 0 10px 0;}
.link_det a{ color:#7c7676; padding:0 8px;}
.link_det  a:hover{ color:#005aac;}

/*footer*/

.page_footer{ width:100%; background:#005aac; overflow:hidden; margin-top:25px; padding-bottom:20px;}
.footer_left{ width:800px; font-size:14px; line-height:30px; padding-top:28px;}
.footer_nav{ color:#fff;}
.footer_nav a{ color:#fff;}
.footer_contact span{ white-space:nowrap; color:#fff; display:block; float:left;}
.footer_contact .footer_con1{ width:33.3%;}
.footer_contact .footer_con2{ width:66%;}
.footer_right{ width:220px;}
.footer_code{ width:118px; text-align:center; margin-left:35px; margin-top:28px; display:inline;}
.footer_code img{}
.footer_code span{ font-size:14px; color:#fff; line-height:30px;}

/***********************************index-end*******************************************/

/**********************************product*********************************************/

.product{ padding-top:35px; position:relative;}
.product_tit{ position:relative;}
.product_line{ width:100%; height:1px; border-bottom:1px solid #d4d4d4; position:relative; bottom:-86px; left:0;}
.icon_circle{ width:10px;height:10px;border-radius:50%;position:absolute; left:50%; font-size:16px; top:-6px; margin-left:-7px; color:#f39803; background:#fff;border:2px solid #e4a51e ; overflow:hidden}
.product_tit h3{ position:relative; width:174px; height:46px; text-align:center; line-height:46px; color:#fff; background:#f39803; margin:0 auto; font-weight:normal;}
.product_tit h3 .icon_triangle{ color:#f39803;}
.about_trait{ text-align:center; padding:0px 85px 50px;}
.about_trait h3{ font-size:30px; color:#282a2c; font-weight:normal}
.about_trait p{ color:#67605c; font-size:15px; line-height:30px; padding-top:40px;}

.product_fun{ width:1084px; overflow:hidden;}
.exper_fun_det02{ width:210px; text-align:center; padding-right:60px; padding-bottom:25px;}
.exper_fun_det02 a{}
.function_icon{ height:90px; width:90px; text-align:center; line-height:90px; border-radius:100%;background:#fff; border:1px solid #a3a3a3; margin:0 auto 12px; position:relative}
.icon_laptop{width:90px; text-align:center; position:absolute;top:25px;left:0px;color:#272636; }
.exper_fun_det a:hover .function_icon{ background:#005aac; border:1px solid #005aac;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}
.exper_fun_det a:hover .icon_laptop{ color:#fff;}
.exper_fun_det02 a .function_icon{ background:#005aac; border:1px solid #005aac;}
.exper_fun_det02 a .icon_laptop{ color:#fff;}
.exper_fun_det02 a:hover .function_tit{ text-decoration:none;}
.exper_fun_det02 a:hover{ text-decoration:none}
.exper_fun_det02 a .ico_bg1{ background:#56b4f1; border:1px solid #56b4f1;}
.exper_fun_det02 a .ico_bg2{ background:#f59549; border:1px solid #f59549;}
.exper_fun_det02 a .ico_bg3{ background:#3d9ae8; border:1px solid #3d9ae8;}
.exper_fun_det02 a .ico_bg4{ background:#665cbd; border:1px solid #665cbd;}
.exper_fun_det02 a .ico_bg5{ background:#6ccb19; border:1px solid #6ccb19;}
.exper_fun_det02 a .ico_bg6{ background:#ec5a41; border:1px solid #ec5a41;}
.exper_fun_det02 a .ico_bg7{ background:#e75d74; border:1px solid #e75d74;}
.exper_fun_det02 a .ico_bg8{ background:#9dcc7b; border:1px solid #9dcc7b;}
.exper_fun_det02 a .ico_bg9{ background:#d6c338; border:1px solid #d6c338;}
.exper_fun_det02 a .ico_bg10{ background:#7eb301; border:1px solid #7eb301;}
.exper_fun_det02 a:hover .function_icon{ margin-top:0;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}
.exper_fun_det02{ height:194px; overflow:hidden;}
.function_icon{ margin-top:10px; *margin-top:0px;transition:400ms; -moz-transition:400ms; -webkit-transition:400ms; -o-transition:400ms; -ms-transition:400ms;}

/*图表*/
.product_pic{ position:relative; height:560px;}
.pro_about{ font-size:14px; color:#58554e; background:#fff2e7; line-height:30px; padding:12px; border:1px solid #e19b02; z-index:10; position:absolute;}
.pro_about1{ width:280px; left:0;}
.pro_about2{ width:260px; right:0;}
.pro_about3{ width:236px; right:0; top:190px;}
.pro_about4{ width:266px; left:0; top:270px;}
.pro_about5{ width:326px; top:455px; right:209px;}
.pro_pic1{ width:474px; height:459px; background:url(../images/chart_bg.png) no-repeat; position:absolute; top:0; left:50%; margin-left:-220px; z-index:1;}
.pro_pic1 span{ position:absolute; font-size:24px; color:#fff; width:130px; text-align:center;}
.pro_pic1 .product_list1{ top:90px; left:60px;}
.pro_pic1 .product_list2{ top:90px; right:80px;}
.pro_pic1 .product_list3{ top:240px; left:25px;}
.pro_pic1 .product_list4{ top:345px; left:50%; margin-left:-70px;}
.pro_pic1 .product_list5{ top:250px; right:40px;}
.pro_pic1 .product_list6{ top:187px; left:50%; width:120px; margin-left:-70px;}
.pro_pic1 .product_list6 i{ font-size:18px; line-height:30px;}

/**********************************product-end*********************************************/

/**********************************download*********************************************/

.about_down{ padding:0px 85px 45px;}
.about_down h3{ font-weight:normal; font-size:36px; color:#333;}
.character{ margin:0 auto; width:460px; display:block; margin-top:20px; overflow:hidden;}
.character span{ line-height:40px; margin:0 15px; color:#191515; font-size:14px; float:left; position:relative; padding-left:20px;}
.icon_circle2{width:10px;height:10px; background:#2683c6;border-radius:50%; display:inline-block; position:absolute;left:0px;top:15px;overflow:hidden}
.download_new{}
.download_new_left{ width:540px; margin-top:22px;}
.dl_new_img{ background:url(../images/bg2.png) no-repeat left top; width:536px; height:389px;}
.dl_new_img img{ width:443px; height:253px; margin-top:20px; margin-left:72px;}
.download_new_right{ width:460px;} 
.data_list{}
.dl_hang{ height:46px; line-height:46px; border-bottom:1px solid #f0f0f0; margin-bottom:3px;}
.dl_hang .dl_fl{ width:130px; text-align:center; background:#f0f0f0; font-size:16px; color:#121111}
.dl_hang .dl_fr{ padding-left:20px; font-size:14px; color:#282020;}
.dl_hang .dl_extrude{ color:#e12718;}
.download_btn{ margin-top:27px;}
.download_btn a{ display:inline-block; width:227px; height:60px; background:#45b823; line-height:60px; color:#fff; font-size:24px; text-align:center; position:relative}
.download_btn a .icon_download{width:35px;height:35px; background:url(../images/iconfont-filedownload.png) no-repeat; display:inline-block; position:absolute;left:15px;top:14px;}
.up_dl_btn .icon_download2{width:35px;height:35px; background:url(../images/iconfont-filedownload.png) no-repeat; display:inline-block; position:absolute;left:15px;top:16px;}
.download_btn a:hover{ background:#358c1b;}
.download_btn span{ font-size:18px; color:#353131}
.download_btn span i{ color:#e12718;}
.update{ background:#f7f7f7; width:100%; margin-top:70px;}
.update_con{ padding:70px 0 50px;}
.update_con .update_tit{ font-weight:normal; font-size:36px; color:#333; text-align:center; padding-bottom:50px;}
.update_left{ width:458px;}
.update_left img{ float:right; padding-right:60px; padding-top:22px;}
.update_right{ width:540px; padding-right:25px;}
.update_des{ color:#333; font-size:18px; line-height:36px; padding-bottom:20px;}
.update_hint{ font-size:14px; line-height:24px; color:#ef0909; padding-bottom:12px;}
.update_right .up_time{ font-size:14px; line-height:24px; color:#8c8585; display:block; padding-bottom:15px;}
.update_right .up_dl_btn{ font-size:24px; width:227px; text-align:center; height:60px; line-height:60px; background:#2683c6; color:#fff; display:block;}
.update_right .up_dl_btn .icon_download{ padding-right:20px;}
.update_right .up_dl_btn:hover{ background:#1d6498;}
.download_list{ padding-top:40px;}
.patch{ padding-bottom:55px; overflow:hidden; zoom:1;}
.patch_left{ width:180px; text-align:right; font-size:18px; line-height:36px; color:#333;}
.patch_right{ padding-left:10px; width:830px;}
.patch_right a{ display:inline-block; color:#333; font-size:16px; line-height:36px; width:340px; padding-left:20px; position:relative}
.patch_right a:hover{ text-decoration:underline;}
.icon_side2{width:10px;height:10px; background:#2683c6; position:absolute;left:0px;top:12px;overflow:hidden}
.patch_right02{ padding-left:10px;}
.patch_right02 a{ display:inline-block; color:#333; font-size:16px; line-height:36px; }
.patch_right02 a:hover{ text-decoration:underline;}
.condition{}
.condition_tit{ font-size:18px; color:#333; padding-bottom:10px; padding-left:20px;}
.condition_tab{}
.condition_tab table{ border:1px solid #c5c4c4; border-bottom:0; border-right:0; font-size:18px; }
.condition_tab table td ,.condition_tab table th{ border-bottom:1px solid #c5c4c4; border-right:1px solid #c5c4c4; color:#4b4343; font-weight:normal;}
.condition_tab table th{ background:#f7f7f7; height:45px; text-indent:70px; text-align:left;}
.condition_tab table .con_w240{ width:240px;}
.condition_tab table .con_w780{ width:780px;}
.condition_tab table td{ height:55px; text-indent:50px; color:#333;}
.price_content{width:1024px; margin:0 auto}
.about_h1{width:100%;height:30px;border-top:1px solid #b3b3b7;}
.about_w1024{width:1024px;height:30px; margin:0 auto; position:relative}
.about_tit{ display:inline-block; padding:5px 20px; background:#fff; font-size:16px; position:absolute;right:0;top:-15px;color:#f60; font-weight:bold}
.about_tit_icon_r{width:8px;height:8px;border:2px solid #b3b3b7; position:absolute; right:0px;top:-6px; display:inline-block;border-radius:50%; overflow:hidden; background:#fff}
.about_tit_icon_l{width:8px;height:8px;border:2px solid #b3b3b7; position:absolute; right:95px;top:-6px; display:inline-block;border-radius:50%; overflow:hidden;background:#fff}
/*int_banner*/
.int_banner{ width:100%; text-align:center; height:240px; background:#1863b4}
.int_banner_cont{width:1024px;height:240px; margin:0 auto; position:relative}
.int_banner_left{width:600px;height:163px; background:url(../images/int_banner_l.jpg) no-repeat; position:absolute;left:0px;bottom:0px; z-index:8;-webkit-animation:int_banner_left 4s linear  both;
-moz-animation:int_banner_left 4s linear  both;
-ms-animation:int_banner_left 4s linear  both;
-o-animation:int_banner_left 4s linear  both;
animation:int_banner_left 4s linear  both;}
.int_banner_date{width:210px;height:29px; background:url(../images/int_banner_date.jpg) no-repeat; position:absolute;right:205px;top:40px; z-index:9;-webkit-animation:int_banner_date 3s infinite  both;
-moz-animation:int_banner_date 3s infinite  both;
-ms-animation:int_banner_date 3s infinite  both;
-o-animation:int_banner_date 3s infinite  both;
animation:int_banner_date 3s infinite  both;}
.int_banner_hj{width:176px;height:45px; background:url(../images/int_banner_six.jpg) no-repeat; position:absolute;right:0px;top:36px; z-index:9;
-webkit-animation:int_banner_hj 1s linear 0.5s both;
-moz-animation:int_banner_hj 1s linear 0.5s both;
-ms-animation:int_banner_hj 1s linear 0.5s both;
-o-animation:int_banner_hj 1s linear 0.5s both;
animation:int_banner_hj 1s linear 0.5s both;}
.int_banner_t1{width:429px;height:16px; background:url(../images/int_banner_eg.jpg) no-repeat; position:absolute;right:0px;top:90px; z-index:9;
-webkit-animation:int_banner_t1 1s linear 0.5s both;
-moz-animation:int_banner_t1 1s linear 0.5s both;
-ms-animation:int_banner_t1 1s linear 0.5s both;
-o-animation:int_banner_t1 1s linear 0.5s both;
animation:int_banner_t1 1s linear 0.5s both;}
.int_banner_t2{width:223px;height:21px; background:url(../images/int_banner_t1.jpg) no-repeat; position:absolute;right:110px;top:135px;
-webkit-animation:int_banner_t2 1s linear 0.5s both;
-moz-animation:int_banner_t2 1s linear 0.5s both;
-ms-animation:int_banner_t2 1s linear 0.5s both;
-o-animation:int_banner_t2 1s linear 0.5s both;
animation:int_banner_t2 1s linear 0.5s both;
}
.int_banner_bth{width:81px;height:27px; background:url(../images/int_banner_bth.jpg) no-repeat; position:absolute;right:15px;top:132px;
-webkit-animation:int_banner_bth 1s linear 0.5s both;
-moz-animation:int_banner_bth 1s linear 0.5s both;
-ms-animation:int_banner_bth 1s linear 0.5s both;
-o-animation:int_banner_bth 1s linear 0.5s both;
animation:int_banner_bth 1s linear 0.5s both;
}
.int_banner_t3{width:123px;height:37px; background:url(../images/int_banner_t2.jpg) no-repeat; position:absolute;right:0px;bottom:30px;
-webkit-animation:int_banner_t1 1s linear 0.5s both;
-moz-animation:int_banner_t1 1s linear 0.5s both;
-ms-animation:int_banner_t1 1s linear 0.5s both;
-o-animation:int_banner_t1 1s linear 0.5s both;
animation:int_banner_t1 1s linear 0.5s both;
}
/*int 动画*/
@-webkit-keyframes int_banner_left {
 0% {
-webkit-transform:translate(-100px,0px);
-moz-transform:translate(-100px,0px);
-ms-transform:translate(-100px,0px);
-o-transform:translate(-100px,0px);
transform:translate(-100px,0px);
 opacity:0
}
 40% {
-webkit-transform:translate(10px,0px);
-moz-transform:translate(10px,0px);
-ms-transform:translate(10px,0px);
-o-transform:translate(10px,0px);
transform:translate(10px,0px);
 opacity:1
}
 80% {
-webkit-transform:translate(-50px,0px);
-moz-transform:translate(-50px,0px);
-ms-transform:translate(-50px,0px);
-o-transform:translate(-50px,0px);
transform:translate(-50px,0px);
 opacity:1
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
}
}
@-webkit-keyframes int_banner_date {
 0% {
-webkit-transform:translate(-10px,0px);
-moz-transform:translate(-10px,0px);
-ms-transform:translate(-10px,0px);
-o-transform:translate(-10px,0px);
transform:translate(-10px,0px);

}
 50% {
-webkit-transform:translate(10px,0px);
-moz-transform:translate(10px,0px);
-ms-transform:translate(10px,0px);
-o-transform:translate(10px,0px);
transform:translate(10px,0px);
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
}
}
@-webkit-keyframes int_banner_hj {
 0% {
-webkit-transform:translate(100px,0px);
-moz-transform:translate(100px,0px);
-ms-transform:translate(100px,0px);
-o-transform:translate(100px,0px);
transform:translate(100px,0px);
 opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
@-webkit-keyframes int_banner_t1 {
 0% {
-webkit-transform:translate(-100px,0px);
-moz-transform:translate(-100px,0px);
-ms-transform:translate(-100px,0px);
-o-transform:translate(-100px,0px);
transform:translate(-100px,0px);
 opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
@-webkit-keyframes int_banner_t2 {
 0% {
-webkit-transform:translate(0px,10px);
-moz-transform:translate(0px,10px);
-ms-transform:translate(0px,10px);
-o-transform:translate(0px,10px);
transform:translate(0px,10px);
 opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}}
@-webkit-keyframes int_banner_bth {
 0% {
-webkit-transform:translate(50px,0px);
-moz-transform:translate(50px,0px);
-ms-transform:translate(50px,0px);
-o-transform:translate(50px,0px);
transform:translate(50px,0px);
 opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
/*anli_banner*/
.anli_banner{ width:100%; text-align:center; height:240px; background:#2d62a8}
.anli_banner_cont{width:1024px;height:240px; margin:0 auto; position:relative}
.anli_banner_r{width:475px;height:240px; background:url(../images/anli_r.jpg) no-repeat; position:absolute;right:0px;top:0px;
-webkit-animation:anli_banner_r 4s infinite  forwards;
-moz-animation:anli_banner_r 4s infinite  forwards;
-ms-animation:anli_banner_r 4s infinite  forwards;
-o-animation:anli_banner_r 4s infinite  forwards;
animation:anli_banner_r 4s infinite  forwards;
}
@-webkit-keyframes anli_banner_r {
 0% {
-webkit-transform:translate(-10px,0px);
-moz-transform:translate(-10px,0px);
-ms-transform:translate(-10px,0px);
-o-transform:translate(-10px,0px);
transform:translate(-10px,0px);

}
 40% {
-webkit-transform:translate(10px,0px);
-moz-transform:translate(10px,0px);
-ms-transform:translate(10px,0px);
-o-transform:translate(10px,0px);
transform:translate(10px,0px);
}
 80% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
}
100% {
-webkit-transform:translate(-10px,0px);
-moz-transform:translate(-10px,0px);
-ms-transform:translate(-10px,0px);
-o-transform:translate(-10px,0px);
transform:translate(-10px,0px);
}
}
.anli_banner_t1{width:275px;height:48px; background:url(../images/anli_t1.jpg) no-repeat; position:absolute;left:110px;top:50px;
-webkit-animation:anli_banner_t1 1s linear  both;
-moz-animation:anli_banner_t1 1s linear  both;
-ms-animation:anli_banner_t1 1s linear  both;
-o-animation:anli_banner_t1 1s linear both;
animation:anli_banner_t1 1s linear  both;
}
@-webkit-keyframes anli_banner_t1 {
 0% {
-webkit-transform:translate(0px,-50px);
-moz-transform:translate(0px,-50px);
-ms-transform:translate(0px,-50px);
-o-transform:translate(0px,-50px);
transform:translate(0px,-50px);
 opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.anli_banner_t2{width:250px;height:23px; background:url(../images/anli_t2.jpg) no-repeat; position:absolute;left:120px;top:120px;
-webkit-animation:anli_banner_t2 1s linear  both;
-moz-animation:anli_banner_t2 1s linear  both;
-ms-animation:anli_banner_t2 1s linear both;
-o-animation:anli_banner_t2 1s linear  both;
animation:anli_banner_t2 1s linear  both;
}
@-webkit-keyframes anli_banner_t2 {
 0% {
-webkit-transform:translate(0px,50px);
-moz-transform:translate(0px,50px);
-ms-transform:translate(0px,50px);
-o-transform:translate(0px,50px);
transform:translate(0px,50px);
 opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.anli_banner_tleft{width:127px;height:10px; background:url(../images/anli_tleft.jpg) no-repeat; position:absolute;left:0px;top:125px;
-webkit-animation:anli_banner_tleft 1s linear 0.5s both;
-moz-animation:anli_banner_tleft 1s linear 0.5s both;
-ms-animation:anli_banner_tleft 1s linear 0.5s both;
-o-animation:anli_banner_tleft 1s linear 0.5s both;
animation:anli_banner_tleft 1s linear 0.5s both;
}
@-webkit-keyframes  anli_banner_tleft {
 0% {
-webkit-transform:translate(-100px,0px);
-moz-transform:translate(-100px,0px);
-ms-transform:translate(-100px,0px);
-o-transform:translate(-100px,0px);
transform:translate(-100px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
}
}
.anli_banner_tright{width:127px;height:10px; background:url(../images/anli_tright.jpg) no-repeat; position:absolute;left:360px;top:125px;
-webkit-animation:anli_banner_tright 1s linear 0.5s both;
-moz-animation:anli_banner_tright 1s linear 0.5s both;
-ms-animation:anli_banner_tright 1s linear 0.5s both;
-o-animation:anli_banner_tright 1s linear 0.5s both;
animation:anli_banner_tright 1s linear 0.5s both;
}
@-webkit-keyframes  anli_banner_tright {
 0% {
-webkit-transform:translate(100px,0px);
-moz-transform:translate(100px,0px);
-ms-transform:translate(100px,0px);
-o-transform:translate(100px,0px);
transform:translate(100px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.anli_banner_p{width:148px;height:34px; line-height:34px; text-align:center; position:absolute;left:180px;bottom:35px;}
.anli_banner_p a{ display:block; position:relative; font-size:16px;color:#f7e908}
.anli_banner_p_s{
	display:inline-block;
	-webkit-animation:anli_banner_p_s 1s linear 2s both;
-moz-animation:anli_banner_p_s 1s linear 2s both;
-ms-animation:anli_banner_p_s 1s linear 2s both;
-o-animation:anli_banner_p_s 1s linear 2s both;
animation:anli_banner_p_s 1s linear 2s both;}
@-webkit-keyframes  anli_banner_p_s {
 0% {
opacity:0
}
 100% {
 opacity:1
 
}
}
.anli_banner_p_bor{ display:inline-block;width:148px;height:34px; line-height:34px;border:1px solid #f7e908;border-radius:20px; position:absolute;left:0px;top:0px;
-webkit-animation:anli_banner_p_bor 1s linear 1s both;
-moz-animation:anli_banner_p_bor 1s linear 1s both;
-ms-animation:anli_banner_p_bor 1s linear 1s both;
-o-animation:anli_banner_p_bor 1s linear 1s both;
animation:anli_banner_p_bor 1s linear 1s both;
 }
@-webkit-keyframes  anli_banner_p_bor {
 0% {
-webkit-transform:translate(100px,0px);
-moz-transform:translate(100px,0px);
-ms-transform:translate(100px,0px);
-o-transform:translate(100px,0px);
transform:translate(100px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
/*price_banner*/
.price_banner{ width:100%; text-align:center; height:240px; background:#04052e; overflow:hidden}
.price_banner_cont{width:1024px;height:240px; margin:0 auto; position:relative}
.price_banner_limg{width:874px;height:240px; background:url(../images/price_banner_limg.jpg) no-repeat; position:absolute;left:-200px;top:0px;
-webkit-animation:price_banner_limg 1s linear 1s both;
-moz-animation:price_banner_limg 1s linear 1s  both;
-ms-animation:price_banner_limg 1s linear 1s  both;
-o-animation:price_banner_limg 1s linear 1s  both;
animation:price_banner_limg 1s linear  1s  both;}
@-webkit-keyframes  price_banner_limg {
 0% {
-webkit-transform:translate(-100px,0px);
-moz-transform:translate(-100px,0px);
-ms-transform:translate(-00px,0px);
-o-transform:translate(-100px,0px);
transform:translate(-100px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.price_banner_rimg{width:327px;height:231px; background:url(../images/price_banner_rimg.jpg) no-repeat; position:absolute;right:0px;bottom:0px;
-webkit-animation:price_banner_rimg 1s linear 2s both;
-moz-animation:price_banner_rimg 1s linear 2s  both;
-ms-animation:price_banner_rimg 1s linear 2s  both;
-o-animation:price_banner_rimg 1s linear 2s  both;
animation:price_banner_rimg 1s linear  2s  both;
}
@-webkit-keyframes  price_banner_rimg {
 0% {
-webkit-transform:translate(50px,0px);
-moz-transform:translate(50px,0px);
-ms-transform:translate(50px,0px);
-o-transform:translate(50px,0px);
transform:translate(50px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}

.price_banner_t1{width:70px;height:108px; background:url(../images/price_t1.png) no-repeat; position:absolute;left:230px;top:40px;
-webkit-animation:price_banner_t1 1s linear both;
-moz-animation:price_banner_t1 1s linear  both;
-ms-animation:price_banner_t1 1s linear  both;
-o-animation:price_banner_t1 1s linear  both;
animation:price_banner_t1 1s linear  both;
}
@-webkit-keyframes  price_banner_t1 {
 0% {
-webkit-transform:translate(50px,0px);
-moz-transform:translate(50px,0px);
-ms-transform:translate(50px,0px);
-o-transform:translate(50px,0px);
transform:translate(50px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.price_banner_t2{width:66px;height:106px; background:url(../images/price_t2.png) no-repeat; position:absolute;left:340px;top:40px;
-webkit-animation:price_banner_t2 1s linear 0.5s both;
-moz-animation:price_banner_t2 1s linear  0.5s both;
-ms-animation:price_banner_t2 1s linear  0.5s both;
-o-animation:price_banner_t2 1s linear  0.5s both;
animation:price_banner_t2 1s linear  0.5s both;
}
@-webkit-keyframes  price_banner_t2 {
 0% {
-webkit-transform:translate(0px,40px);
-moz-transform:translate(0px,40px);
-ms-transform:translate(0px,40px);
-o-transform:translate(0px,40px);
transform:translate(0px,40px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.price_banner_t3{width:64px;height:71px; background:url(../images/price_t3.png) no-repeat; position:absolute;left:430px;top:90px;
-webkit-animation:price_banner_t3 1s linear 1s both;
-moz-animation:price_banner_t3 1s linear  1s both;
-ms-animation:price_banner_t3 1s linear  1s both;
-o-animation:price_banner_t3 1s linear  1s both;
animation:price_banner_t3 1s linear  1s both;}
@-webkit-keyframes  price_banner_t3 {
 0% {
-webkit-transform:translate(0px,-40px);
-moz-transform:translate(0px,-40px);
-ms-transform:translate(0px,-40px);
-o-transform:translate(0px,-40px);
transform:translate(0px,-40px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.price_banner_t4{width:64px;height:71px; background:url(../images/price_t4.png) no-repeat; position:absolute;left:510px;top:100px;
-webkit-animation:price_banner_t1 1s linear 1.5s both;
-moz-animation:price_banner_t1 1s linear  1.5s both;
-ms-animation:price_banner_t1 1s linear  1.5s both;
-o-animation:price_banner_t1 1s linear  1.5s both;
animation:price_banner_t1 1s linear  1.5s both;}
.price_banner_p{color:#fff; position:absolute;left:30%;top:190px; font-size:16px; }
.price_banner_ticon{width:90px;height:90px; background:url(../images/price_xx.png) no-repeat; background-size:100%; z-index:10; position:absolute;left:370px;top:10px;
-webkit-animation:price_banner_ticon 2s linear  infinite  2s  both;
-moz-animation:price_banner_ticon 2s linear  infinite  2s both;
-ms-animation:price_banner_ticon 2s linear  infinite  2s both;
-o-animation:price_banner_ticon 2s linear  infinite  2s both;
animation:price_banner_ticon 2s linear  infinite  2s both;
}
@-webkit-keyframes  price_banner_ticon {
 0% {
-webkit-transform:rotate(360deg);
opacity:0.5
}
 100% {
-webkit-transform:rotate(0deg);
opacity:1
}
}
/*down_banner*/
.down_banner_bg{ width:100%;background:url(../images/downbanner_bg.jpg) repeat-x top}
.down_banner_cont{width:1024px; margin:0 auto;  height:322px; position:relative}
.down_banner{ width:100%; text-align:center; height:322px; }
.down_banner_cont_l{width:535px;height:293px;background:url(../images/downbanner_r.jpg) no-repeat; position:absolute;left:0px;bottom:0px;
-webkit-animation:down_banner_cont_l 1s linear  both;
-moz-animation:down_banner_cont_l 1s linear   both;
-ms-animation:down_banner_cont_l 1s linear   both;
-o-animation:down_banner_cont_l 1s linear   both;
animation:down_banner_cont_l 1s linear  both;
}
@-webkit-keyframes  down_banner_cont_l {
 0% {
-webkit-transform:translate(-100px,0px);
-moz-transform:translate(-100px,0px);
-ms-transform:translate(-100px,0px);
-o-transform:translate(-100px,0px);
transform:translate(-100px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.down_banner_cont_t1{ width:300px; text-align:right; font-size:16px;color:#fff;position:absolute;right:0px;top:50px; z-index:10;
-webkit-animation:down_banner_cont_t1 1s linear  both;
-moz-animation:down_banner_cont_t1 1s linear   both;
-ms-animation:down_banner_cont_t1 1s linear   both;
-o-animation:down_banner_cont_t1 1s linear   both;
animation:down_banner_cont_t1 1s linear  both;
}
@-webkit-keyframes  down_banner_cont_t1 {
 0% {
-webkit-transform:translate(0px,-20px);
-moz-transform:translate(0px,-20px);
-ms-transform:translate(0px,-20px);
-o-transform:translate(0px,-20px);
transform:translate(0px,-20px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.down_banner_cont_t2{width:287px;height:36px; background:url(../images/downbanner_t2.jpg) no-repeat;position:absolute;right:0px;top:90px; z-index:10;-webkit-animation:down_banner_cont_l 1s linear  both;
-moz-animation:down_banner_cont_l 1s linear   both;
-ms-animation:down_banner_cont_l 1s linear   both;
-o-animation:down_banner_cont_l 1s linear   both;
animation:down_banner_cont_l 1s linear  both;
}
.down_banner_cont_t3{ font-size:18px;color:#fff; position:absolute;right:0px;top:150px; z-index:10;
-webkit-animation:down_banner_cont_t3 1s linear  both;
-moz-animation:down_banner_cont_t3 1s linear   both;
-ms-animation:down_banner_cont_t3 1s linear   both;
-o-animation:down_banner_cont_t3 1s linear   both;
animation:down_banner_cont_t3 1s linear  both;
}
@-webkit-keyframes  down_banner_cont_t3 {
 0% {
-webkit-transform:translate(0px,20px);
-moz-transform:translate(0px,20px);
-ms-transform:translate(0px,20px);
-o-transform:translate(0px,20px);
transform:translate(0px,20px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}

.down_banner_cont_bth1{width:170px;height:40px; background:url(../images/downbanner_bth1.jpg) no-repeat; position:absolute;right:180px;bottom:20px;
-webkit-animation:down_banner_cont_bth1 1s linear  both;
-moz-animation:down_banner_cont_bth1 1s linear   both;
-ms-animation:down_banner_cont_bth1 1s linear   both;
-o-animation:down_banner_cont_bth1 1s linear   both;
animation:down_banner_cont_bth1 1s linear  both;
}
@-webkit-keyframes  down_banner_cont_bth1 {
 0% {
-webkit-transform:rotateX(180deg);
opacity:0
}
 100% {
-webkit-transform:rotate(0deg);
 opacity:1
 
}
}
.down_banner_cont_bth1 a{width:170px;height:40px; display:block}
.down_banner_cont_bth2{width:170px;height:40px; background:url(../images/downbanner_bth2.jpg) no-repeat;position:absolute;right:0px;bottom:20px;
-webkit-animation:down_banner_cont_bth1 1s linear  both;
-moz-animation:down_banner_cont_bth1 1s linear   both;
-ms-animation:down_banner_cont_bth1 1s linear   both;
-o-animation:down_banner_cont_bth1 1s linear   both;
animation:down_banner_cont_bth1 1s linear  both;
}
.down_banner_cont_bth2 a{width:170px;height:40px; display:block}
/*about_cont*/
.about_cont{width:1024px; margin:0 auto;}
.about_cont_left{    width: 198px;padding: 10px 0;border: 1px solid #ececec; float:left; }
.about_cont_left_list{width:100%;}
.about_cont_left_list li{width:100%;height:44px; line-height:44px;}
.about_cont_left_list li a{ padding-left:64px; color: #666; display:block;}
.about_cont_left_list li a:hover{ padding-left:62px;color: #008cd6;background: #f9f9f9;border-left: 2px solid #008cd6;}
.about_cont_left_tit{width:100%; padding:10px 0; text-align:center; font-size:18px; font-weight:bold}
.about_cont_left_list .about_cont_left_cur a{ padding-left:62px;color: #008cd6;background: #f9f9f9;border-left: 2px solid #008cd6; font-weight:bold}
.about_cont_right{width:790px;min-height:600px; float:right}
.about_cont_right_p{width:480px; float:left; font-size:14px; line-height:30px;    color: #666;}
.about_cont_right_img{ float:right}
.about_cont_right_p p{ margin-bottom:20px;}

/****发展历程*****/
.zq-bigevents{margin-left: 100px; border-left: 1px solid #ececec; padding-left: 40px;}
.year-events{position:relative;}
.year-events .year{position: absolute; top: 0; left: -125px; width: 90px; height: 30px; line-height: 30px; font-size: 30px; color: #008cd6; background: url(../images/icon-dsj.png) no-repeat right 10px; z-index: 999;}
.events{line-height: 30px; text-align: justify;}
.events .event{padding-bottom: 30px; position: relative;}
.events .event .date{color: #f6ab00;}
.events .event .content{}
.events .event .line{height: 1px; width: 20px; background: #ececec; position: absolute; left: -40px; top: 15px; font-size:0;}

/****企业文化*****/
.zq-culture{}
.zq-culture li{height: 52px;  margin-bottom: 35px; overflow: hidden;}
.zq-culture li .t{font-size: 18px; color: #333; line-height: 24px;}
.zq-culture li .n{color: #666; line-height: 38px;}



/****企业资质*****/
.about_qua{width:100%; overflow:hidden}
.about_qua_cont{width:830px;}
.about_qua_list{width:390px;height:250px; float:left; padding-right:20px; padding-top:20px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.about_qua_list dt{width:360px;padding:20px 0; text-align:center}
.about_qua_list dd{width:100%; text-align:center; font-size:16px; }

/*系统定制*/
.block-title{width: 164px;height: 40px;line-height: 40px;background-color: #f2f2f2;font-size: 16px;color: #333;padding-left: 15px;margin-bottom: 15px;}
.product-content{padding-top: 13px;}
.product-content .product-text{font-size: 14px;line-height: 24px;color:#666;text-indent: 2em;}
.product-content .product-text strong{font-weight: bold;color:#333;}
.internet-bttom-p{margin-bottom: 35px;}
.customize-flow{width: 797px;height: 128px;margin:30px auto 40px;background: url(../images/custom-flow.png) no-repeat 0px 0px;}
.about_cont_right_h1{width:100%; font-size:14px;  background:#f8f8f8; padding:8px 0}
.about_cont_right_h1 span{ padding-left:10px;  }

/****企业环境*****/
.about_hj_cont{width:100%; padding-bottom:20px; overflow:hidden}
.about_hj_cont_box{width:810px;}
.about_hj {width:100%; float:left; padding-bottom:20px;}
.about_hj li{width:236px;height:160px; float:left; margin-top:20px; margin-right:20px;border:1px solid #ddd; padding:6px;}

.nes_top{width:100%;height:33px; background:#000; line-height:33px; color:#ccc;}
.nes_top_cont{width:960px; margin:0 auto}
.nes_top_left{ float:left;color:#ccc;}
.nes_top_right{ float:right;}
.nes_top_right b{color:#f58025}
.news_header{width:1000px; height:106px;margin:0 auto}
.new_header_logo{ float:left; margin-top:25px;}
.new_nav{ float:right; padding-top:40px; padding-bottom:20px;}
.new_nav li{ display:inline-block; padding-left:10px; padding-right:10px; text-align:center; font-size:16px; font-family:微软雅黑;float:left; }
.new_header_bg{width:100%;height:106px; background:#126ebc;}
.new_header_bg_cont{width:960px; margin:0 auto}
.new_header_left{ float:left; color:#fff;margin-top:28px; font-size:16px;}
.new_header_left strong{ font-size:28px;   font-weight:normal}
.new_header_right{ float:right}

.new_cont{margin:0 auto}
.new_cont_tips{width:772px; float:left; margin-top:20px; padding:8px;
color: #FF3300;
background-color: #FCF7E4;
border: 1px #EFDAB4 solid;
}
.new_mb_cont{width:900px;}
.new_cont_mb_list{width:228px; float:left;border:1px solid #ddd; background:#fff; padding:10px; margin-top:20px; margin-right:18px; _margin-right:8px;position:relative}
.new_cont_mb_list:hover{border:1px solid #f60}
.new_cont_mb_list img{width:228px;height:135px; margin:0 auto;}
.new_cont_mb_list_p{ width:100%; line-height:28px; padding-top:20px; padding-bottom:10px;}
.new_cont_mb_list_bot{ margin-top:10px;}
.new_cont_mb_list_bot a{ display:inline-block;width:100px;height:35px; line-height:35px; margin-right:10px;text-align:center; font-size:16px;color:#fff; background:#0786bb;border-radius:3px;}
.new_cont_mb_list_bot  .new_cont_mb_sub2{ background:#f60;}
.new_cont_mb_hot{width:44px;height:44px; background:url(../images/hot.png) no-repeat; position:absolute;left:-4px;top:-5px;}

.about_banner{width:100%;height:240px; background:#1762b4}
.about_rimg{width:623px;height:240px; background:url(../images/banner_a.jpg) no-repeat; position:absolute;right:0px;top:0px; z-index:8}
.about_bimg{width:499px;height:72px; background:url(../images/about_banner1.jpg) no-repeat; position:absolute;left:0px;top:30px; z-index:7;
-webkit-animation:about_bimg 1s linear both;
-moz-animation:about_bimg 1s linear  both;
-ms-animation:about_bimg 1s linear  both;
-o-animation:about_bimg 1s linear  both;
animation:about_bimg 1s linear  both;
}
@-webkit-keyframes  about_bimg {
 0% {
-webkit-transform:translate(-100px,0px);
-moz-transform:translate(-100px,0px);
-ms-transform:translate(-100px,0px);
-o-transform:translate(-100px,0px);
transform:translate(-100px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}

.about_t1{width:181px;height:108px; background:url(../images/about_t1.png) no-repeat; position:absolute;left:0px;bottom:0px;z-index:10;
-webkit-animation:about_t1 1s linear both;
-moz-animation:about_t1 1s linear  both;
-ms-animation:about_t1 1s linear  both;
-o-animation:about_t1 1s linear  both;
animation:about_t1 1s linear  both;
}
.about_t2{width:181px;height:108px; background:url(../images/about_t2.png) no-repeat; position:absolute;left:160px;bottom:0px;z-index:10;
-webkit-animation:about_t1 1s linear 0.5s both;
-moz-animation:about_t1 1s linear  0.5s both;
-ms-animation:about_t1 1s linear  0.5s both;
-o-animation:about_t1 1s linear  0.5s both;
animation:about_t1 1s linear  0.5s both;}
.about_t3{width:260px;height:108px; background:url(../images/about_t3.png) no-repeat; position:absolute;left:310px;bottom:0px;z-index:10;
-webkit-animation:about_t1 1s linear 1s both;
-moz-animation:about_t1 1s linear 1s both;
-ms-animation:about_t1 1s linear 1s both;
-o-animation:about_t1 1s linear 1s both;
animation:about_t1 1s linear 1s both;;
}

@-webkit-keyframes  about_t1 {
 0% {
-webkit-transform:translate(50px,0px);
-moz-transform:translate(50px,0px);
-ms-transform:translate(50px,0px);
-o-transform:translate(50px,0px);
transform:translate(50px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}