* {margin: 0px;padding: 0px; font-family:"微软雅黑";}
body{ min-width:1200px;font-size: 12px; overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{ color:#232323;}
p{ color:#686868;}
ul{ list-style:none;}
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
a{ text-decoration:none; color:#686868;}
.gy{ width:1200px; margin:0 auto; overflow:hidden;}
.gy2{ width:1440px; margin:0 auto; overflow:hidden;}
a:hover{ text-decoration:none; color:#f3782a;}
.top01{ width:100%; height:30px; line-height:30px; background:#f5f5f5; /*color:#f5f5f5;*/ color:#555; overflow:hidden;}
.top01 .l{ font-size:14px;}
.top01_center{ text-align:left;/* width:362px; *//*padding-left:840px; margin:0 auto;*/ float:right; font-size:14px;}
.top01_center img{ vertical-align:sub; display:inline-block; margin-right:8px;}
.top01_center div{ font-size:14px; height:38px; overflow:hidden; display:block; text-align:right;}
.top01_center div.div1{transition:all 0.3s;}
.top01_center:hover div.div1{ margin-top:-38px;}
.top01_center span { font-size: 18px; font-weight: bold;}
.top02{ height:86px; width:100%; min-width:1200px;}
.top02 .top02_center{width:1440px; min-width:1200px;margin:0 auto;}
.logo{ width:344px; float:left; padding-top:28px;}
.logo img{ float:left;}
.logo .logo-year{ margin-top:17px; height:20px; line-height:20px; width:38px; text-align:center; font-size:12px; color:#fff; background:#0494ef; border-radius:4px; overflow:hidden; font-size:14px; color:#fff; }
.logo .logo-text{ margin-top:5px; height:18px; color:#656565;line-height:18px; overflow:hidden;}


.service_top05{ width:440px; margin:0 auto; height:50px;color:#2c2c2c;}
.service_top05_left{ width:290px; float:left; font-size:36px; text-align:center;  font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.service_top05_right{ width:138px; float:right; text-align:left; font-size:30px;}
.service_top05 span{color:#f3782a; font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.service_top05_a{ text-align:center; margin-top:10px; padding-bottom:40px; border-bottom:1px solid #dfdfdf;}
.service_top05_a a{ display:inline-block; font-size:16px; color:#000000;  line-height:38px; margin-left:5px; margin-right:5px; width:140px; border-radius:20px;}
.service_top05_a a:hover{ color:#fff; background-color:#0494ef;}
.service_top05_a a.two_sel{color:#fff; background-color:#0494ef;}

.case{ width:100%; clear:both; padding-top:60px;}

.customer_button{ width:198px; margin:0 auto; padding-top:30px; clear:both; height:5px;}
.customer_button img{ margin:0 2px;}
.new_list li{ width:580px; height:130px; float:left; padding:10px; margin:0 0 25px 0;}
.new_List_date{ width:60px; float:left; text-align:center; }
.new_List_date h1{ color:#f3782a; font-size:30px;line-height:45px;}
.new_List_date h2{ font-weight:normal; color:#686868; line-height:30px;}
.new_list_pic{ width:124px; float:left; margin:0 10px;}
.new_list_pic img{ width:124px; height:124px;}
.new_list_text{ width:350px; float:left; margin-left:20px; text-align:left;}
.new_list_text h1{ color:#f3782a; font-size:14px; height:35px; overflow:hidden; line-height:35px; border-bottom:1px solid #d7d7d7;}
.new_list_text p{ margin-top:5px; line-height:22px; height:66px; overflow:hidden;}
.new_list li:hover{ background:#f5f5f5;}
.new_list_text span{ width:83px; float:right;}
.new_list_button{ clear:both; width:120px; height:15px; padding:10px 0 30px 0; margin:0 auto;}
.new_list_button img{ margin:0 12px;}

.gr-contact {padding-top: 30px;height: 180px;background: #f3782a;text-align: center;color: #fff;position: relative;}
.gr-contact h3 {font-size: 16px;font-weight: normal;text-transform: uppercase;}
.gr-contact .call-pic {margin-top: 5px;width: 100%;height: 50px;background: url(../images/call-pic.png) no-repeat center;}
.gr-contact p {font-size: 36px;font-family: 'Open Sans';font-weight: 300;}
.top-cicle {position: absolute;top: -36px;left: 50%;margin-left: -28px;display: block;width: 56px;height: 56px;border-radius: 50%;background: #f8f8f8;z-index: 5;}
.gr-contact p {font-size: 36px;font-family: 'Open Sans';font-weight: 300;color: #fff; line-height:54px;}
.gr-contact{transform: translate3d(0, 100px, 0);opacity: 0;transition: all 1s;}
.gr-contact.anim-show{transform: translate3d(0, 0, 0); opacity: 1;}
/*案例列表样式*/
.case_banner{ background:url(../images/case_banner_bg.jpg) no-repeat center; height:160px; text-align:center; color:#fff; width:100%; clear:both; padding-top:80px;}
.case_banner h1{ font-size:20px; margin-bottom:20px; color:#fff;}
.case_banner p{ font-size:14px; font-weight:bold; color:#fff;}
.case_banner span{ font-size:28px;}
.zy_top{ width:100%; height:100px; border-bottom:1px solid #eee;}
.zy_top_left{ width:600px; float:left; padding-top:35px;}
.zy_top_left_left{ width:180x; float:left; font-family:Arial, Helvetica, sans-serif; font-size:48px; color:#2c2c2c;font-weight:bold; }
.zy_top_left_left span{ font-size:48px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#f3782a;}
.zy_top_left_right{ width:390px; float:right;}
.zy_top_left_right01{ height:24px; font-size:18px; margin-top:5px;}
.zy_top_left_right02{ height:15px; line-height:20px; color:#686868;}
.zy_top_left_left02{ width:220x; float:left; font-family:Arial, Helvetica, sans-serif; font-size:48px; color:#2c2c2c;font-weight:bold; }
.zy_top_left_left02 span{ font-size:48px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#f3782a;}
.zy_top_left_right_mo{ width:380px; float:right;}
.zy_top_left_left03{ width:390x; float:left; font-family:Arial, Helvetica, sans-serif; font-size:48px; color:#2c2c2c;font-weight:bold; }
.zy_top_left_left03 span{ font-size:48px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#f3782a;}
.zy_top_left_right_new{ width:210px; float:right;}
.zy_top_left_left04{ width:410x; float:left; font-family:Arial, Helvetica, sans-serif; font-size:48px; color:#2c2c2c;font-weight:bold; }
.zy_top_left_left04 span{ font-size:48px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#f3782a;}
.zy_top_left_right_web{ width:190px; float:right;}
.zy_top_right{ width:600px; float:right;}
.zy_top_left_01{ width:490px; float:left; padding-top:35px;}
.zy_top_left_right_01{ width:280px; float:left; margin-left:10px;}
.zy_top_right_01{ width:706px; float:right;}
.wz{ height:35px; line-height:35px; text-align:right; margin-top:10px;color:#686868;}
.wz2{ height:35px; line-height:35px; text-align:right; margin-top:40px;}
.wz a{ color:#686868;}
.wz a:hover{ color:#f3782a;}
.wz2 a{ color:#686868;}
.wz2 a:hover{ color:#f3782a;}
.zy_case_fl{ width:706px; /*margin-left:70px;*/}
.zy_case_fl02{ /*width:440px; margin-left:175px;*/width:664px;/* margin-left:71px;*/}
.zy_case_fl li{ width:94px; height:30px; line-height:30px; text-align:center; background:#32373d; border:1px solid #1d2027; float:left; margin-left:10px;}
.zy_case_fl a{ font-size:14px; color:#fff; display:block;}
.zy_case_fl li:hover{background:#f3782a; border:1px solid #d85808;}
.zy_case_fl .flon{background:#f3782a; border:1px solid #d85808;}
.zy_case_list{ clear:both; width:1272px; margin:30px auto 0 auto; height:100%; overflow:hidden; *padding-bottom:30px;}
.zy_case_list li div.cover{width: 100%;height: 100%;top:0;position: absolute;background: #010101;opacity: 0;filter: alpha(opacity=0);font-size: 14px;color: #fff;text-indent: 2em;}
.zy_case_list li div.cover img{width: 85px;height: 85px;padding: 35% 38%; display:block;}
.zy_case_list img{ width:352px;height:281px;}
/*.zy_case_list li:hover .imgs{-webkit-transform:matrix(1.04,0,0,1.04,0,0);-moz-transform:matrix(1.04,0,0,1.04,0,0);-ms-transform:matrix(1.04,0,0,1.04,0,0);-o-transform:matrix(1.04,0,0,1.04,0,0);transform:matrix(1.04,0,0,1.04,0,0)}*/
.zy_case_list li{position: relative; width:352px; height:330px; float:left; margin:0 36px 40px 36px; overflow:hidden;}
.zy_case_list p{ height:50px; line-height:50px;*margin-top:-5px; background-color:#32373d; text-indent:24px;}
.zy_case_list a{ color:#999; font-size:14px;}
.fenye{ clear:both; height:46px; padding-bottom:50px; margin-bottom:50px;}
.fenye_nr{text-align:center}
.fenye_nr .pages{display:block; width:48px; float:left; height:46px; line-height:46px;text-align:center;}
.fenye_left_icon{ width:48px; float:left;}
.yeshu{  float:right;}
.yeshu a{ display:block; width:48px; float:left; height:46px; line-height:46px;text-align:center;}
.yeshu a:hover{ background-color:#f3782a; color:#fff;}
.yeshu .on{ background-color:#f3782a; color:#fff;}
.fenye_right_icon{ width:48px; float:right;}
.Page{width:100%; text-align:center; padding:35px 0px;}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-5px}
.Page a:hover{ background:#F3782A; color:#FFF}
.Page a.cur{ background:#F3782A; color:#FFF}
.Page a.on{ background:#F3782A; color:#FFF}
.Page a.Prev{ border-radius:6px 0px 0px 6px;width:90px;}
.Page a.Prev span{ background:url(../images/Icon25.gif) no-repeat  10px center; display:block;}
.Page a.Prev:hover span{ background:url(../images/Icon025.gif) no-repeat  10px center;}
.Page a.next{ border-radius:0px 6px 6px 0px;width:90px;}
.Page a.next span{ background:url(../images/Icon26.gif) no-repeat 88% center; display:block;}
.Page a.next:hover span{ background:url(../images/Icon026.gif) no-repeat 88% center;}








/* 图片滚动 */
.picScroll{ position:relative;  height:245px; padding: 10px 42px 10px 42px; overflow:hidden;   }
.picScroll ul{ overflow:hidden; zoom:1;}
.picScroll ul li{ float:left;background:url(../images/about_pic_bg.jpg) no-repeat; width:270px; height:214px; padding:20px 0 0 20px; overflow:hidden; display:inline; }
.picScroll ul li img{ width:206px; height:130px; }
.picScroll .prev,
.picScroll .next{ position:absolute;  left:10px; top: 80px; display:block; width:26px; height:26px; overflow:hidden; background:url(../images/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:10px; background-position:-120px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }
.about_pic_list{ width:1200px; margin:0 auto;/* padding:0 30px;*/}


.divhidden{ display:none;}
#wsc_txt1,#wsc_txt2,#wsc_txt3,#wsc_txt4{ height:310px;}



@media screen and (max-width:1440px) {
.gy2{ width:1200px;}
/*导航*/
.top02 .top02_center{width:1200px;}
.nav li.m{ padding-right:12px; margin-right:12px;}
.nav li:last-child{ padding-right:0; margin-right:0;}
.nav .sub .nav_xiao{ width:1200px;}
/*尾部*/
.foot_div .foot_links{ width:1200px;}
/*尾部联系方式*/
.foot_div .foot-top-box {width: 1200px;}
}












/*首页*/
.i_bg{ background-color:#f5f5f5; overflow:hidden;}
.i_one{ background-color:#fff; overflow:hidden; height: auto;  margin:0 auto; margin-bottom:32px; padding-top:20px;}
.i_service_t{ text-align:center; padding-top:15px; color:#666; font-size:18px; line-height:32px; padding-bottom:20px;}
.i_service_t h1 { height: 66px; line-height: 66px; font-size: 24px; color: #000000; font-weight: normal;letter-spacing: 1px; font-family: "微软雅黑";}
.i_service_t h2{ height:66px; line-height:66px; font-size:23px; color:#000000; font-weight:normal; letter-spacing:1px; font-family:"微软雅黑";}
.i_service_t h3{ height:66px; line-height:66px; font-size:22px; color:#000000; font-weight:normal; letter-spacing:1px; font-family:"微软雅黑";}
.i_service_t p{font-size:18px;}

.box3 .i_service_t{padding-bottom:20px;}

/*优势*/
.advantage{ text-align:center; overflow:hidden; padding-bottom:10px;}
.num_box{ width:33%; float:left; height:124px; background:url(../images/i_one_bg1.png) right center no-repeat;}
.num_box:last-child{ background:none;}
.num_box .num{ font-weight:bold;color:#0494ef; font-family:"微软雅黑"; font-weight: bold; font-size:70px; width:100%; height:70px; line-height:70px; text-align:center; position:relative; z-index:2; letter-spacing:1px; margin-top:10px;}
.num_box p{ font-size:16px; color:#333333; font-weight:normal; line-height:30px; }

.i_case2{ background-color:#f5f5f5; margin-top:10px; text-align:center; padding-bottom:20px;}
.guwenmore{ display:inline-block; width:92px;height:50px; line-height:50px; margin:0 auto; margin-top:-50px; text-align:center;/* background:url(../images/i_more.png) no-repeat; */ clear:both; overflow:hidden;/*transition:all 0.3s;*/background:#fff url(../images/works_more.png) no-repeat center -50px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.guwenmore:Hover{/*opacity:0.6;filter:Alpha(opacity=60);*/background:#333 url(../images/works_more.png) no-repeat center 0px;}
.customer2{ overflow:hidden; padding-top:40px; margin-bottom:79px;}
.customer_list2{ border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; margin-top:60px;}
.customer_list2 ul li{ float:left; width:-webkit-calc(20% - 1px);width:-moz-calc(20% - 1px);width:calc(20% - 1px); border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf; overflow:hidden; position:relative;}
.customer_list2 ul li img{display: block;width: 100%;}
.customer_list2 ul li:first-child{ width:40%;border-left:0; border-top:0;}
/*.customer_list2 ul li .imgbg{filter: Alpha(Opacity=0);opacity: 0;}*/
.customer_list2 ul li .imgs{cursor:pointer; overflow:hidden; border-color:#fff; /*transition:all 0.3s;position:absolute; top:0; left:0; width:100%; height:100%;*/}
.customer_list2 ul li .imgs:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; box-shadow:inset 0 0 0 0 #eee; -webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;}
.customer_list2 ul li .imgs:hover:after{box-shadow:inset 0 0 0 10px #f6f6f6;}
.customer_list2 ul li .imgs img{/* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/opacity:0.5; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
/*.customer_list2 ul li:hover .imgs{ border:7px solid #f5f5f5; height:calc(100% - 14px);height:-webkit-calc(100% - 14px);height:-moz-calc(100% - 14px);width:calc(100% - 14px);width:-webkit-calc(100% - 14px);width:-moz-calc(100% - 14px);}*/
.customer_list2 ul li:hover .imgs img{ /*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/opacity:1; -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-transform:scale(0.9) translateY(-8px); -moz-transform:scale(0.9) translateY(-8px); transform:scale(0.9) translateY(-8px);}
.customer_list2{ position:relative;}
.customer_list2 .item{ display:none; overflow:hidden;}
.customer_list2 .customer-buttons{ position:absolute; top:20px;width:40%; left:0; height:0; text-align:right;}
.customer_list2 .customer-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:50px; height:50px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; cursor:pointer;}
.customer_list2 .customer-buttons div.owl-prev{background:url(../images/left_1.png) no-repeat; margin-right:-1px;}
.customer_list2 .customer-buttons div.owl-prev:hover{opacity:0.6;filter:Alpha(opacity=60);background:url(../images/left_on.png) no-repeat;}
.customer_list2 .customer-buttons div.owl-prev.disabled{background:url(../images/left_on.png) no-repeat;}
.customer_list2 .customer-buttons div.owl-next{ background:url(../images/right_1.png) no-repeat; margin-right:20px;}
.customer_list2 .customer-buttons div.owl-next:hover{opacity:0.6;filter:Alpha(opacity=60);background:url(../images/right_on.png) no-repeat;}
.customer_list2 .customer-buttons div.owl-next.disabled{background:url(../images/right_on.png) no-repeat;}

/*我们的圈子*/
.new{ overflow:hidden; background-color:#f5f5f5; padding-top:50px; padding-bottom:80px;}
.flexslider{ margin-top:60px; overflow:visible;}
.news_lone{ width:32.7%; height:520px; overflow:hidden; position:relative;}
.news_lone_img{ height:520px;overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.news_lone_img img{ display:block; width:100%;opacity: 0;filter: alpha(opacity=0);}
.news_lone .blog_infTop{  position:absolute; bottom:10px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);height:110px; background:url(../images/i_bg4.png) 92% center #fff no-repeat; left:10px; right:10px; text-align:left; overflow:hidden;transition:all 0.3s;}
.news_lone .blog_infTop .blog_infR{display:table; width:100%; height:100%; overflow:hidden;}
.news_lone .blog_title{ padding-right:25%;padding-left:30px; margin-top:25px; display:table-cell; vertical-align:middle;line-height:24px;color:#000000; font-size:20px;overflow:hidden;/* text-overflow:ellipsis; white-space:nowrap;*/}
.news_lone:hover .news_lone_img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_lone:hover .blog_infTop{background:url(../images/i_bg4.png) 95% center #fff no-repeat;}
.news_lone:hover .blog_title{ color:#f67524;}
.blog_r{ width:66.6%; height:520px; text-align:left;}
.blog_list{width:calc(50% - 4px);width:-webkit-calc(50% - 4px);width:-moz-calc(50% - 4px);display:inline; }
.blog_list.l li{ display:block; position:relative; height:256px; background-color:#fff; margin-bottom:8px; overflow:hidden;transition:all 0.3s;}
.blog_list.l li:last-child{ margin-bottom:0;}
.blog_list.r li{ display:block; position:relative; height:168px; background-color:#fff; margin-bottom:8px; overflow:hidden;transition:all 0.3s;}
.blog_list.r li:last-child{ margin-bottom:0;}
.blog_list.l li a{ display:block; width:90%; max-width:420px; margin:0 auto; overflow:hidden; color:#666;}
.blog_list.l .blog_Rtime{ height:66px; overflow:hidden; text-align:center; margin-top:22px; text-align:left; background:url(../images/i_bg5.png) 98% center no-repeat; display:block;transition:all 0.3s;}
.blog_list.l .blog_Rtime em,.blog_list.l .blog_Rtime b{ display:block; font-family:"华文细黑";}
.blog_list.l .blog_Rtime b{ display:block;  color:#000; font-size:30px;height:34px; line-height:34px; font-weight:normal; letter-spacing:1px;}
.blog_list.l .blog_Rtime em{ font-style:normal;height:20px; line-height:20px; font-size:16px;}
.blog_list.l .blog_Rmore{ margin-top:34px; overflow:hidden; display:block; border-bottom:1px solid #eee;}
.blog_list.l .blog_Rmore b{ color:#000; display:block;height:32px; line-height:32px; overflow:hidden; font-size:18px; font-weight:normal;}
.blog_list.l li:hover .blog_Rmore b{ color:#f67524;}
.blog_list.l .blog_Rmore span{ display:block;line-height:24px; height:72px; overflow:hidden; margin-top:19px; font-size:16px;}
/*.blog_list.l li:hover{background-color:#f67524;}
.blog_list.l li:hover a{ color:#fff;}*/
.blog_list.l li:hover .blog_Rtime{background:url(../images/i_bg5.png) 100% center no-repeat;}
/*.blog_list.l li:hover .blog_Rmore b{ color:#fff;}
.blog_list.l li:hover .blog_Rtime b{ color:#fff;}*/
.blog_list.r li a{ display:block; width:90%; max-width:368px; margin:0 auto; overflow:hidden; color:#666; padding-top:20px;}
.blog_list.r .blog_Rtime{ height:95px; width:66px; float:left; overflow:hidden;margin-top:18px; text-align:left;}
.blog_list.r .blog_Rtime em,.blog_list.r .blog_Rtime b{ display:block; font-family:"华文细黑";}
.blog_list.r .blog_Rtime b{ display:block; color:#000; font-size:30px;height:50px; line-height:50px; font-weight:normal; letter-spacing:1px; background:url(../images/i_bg6.png) left bottom no-repeat;}
.blog_list.r .blog_Rtime em{ font-style:normal;height:42px; line-height:42px; font-size:16px;}
.blog_list.r .blog_Rmore{ float:right; height:114px; border-left:1px solid #f5f5f5; padding-left:30px; width:234px; padding-top:14px; overflow:hidden;}
.blog_list.r .blog_Rmore b{ color:#000; display:block;height:48px; line-height:24px; overflow:hidden; font-size:18px; font-weight:normal; max-width:225px;}
.blog_list.r li:hover .blog_Rmore b{color:#f67524;}
.blog_list.r .blog_Rmore span{ display:block;line-height:38px; height:38px; overflow:hidden; margin-top:15px;background:url(../images/i_bg5.png) left center no-repeat;transition:all 0.3s;}
.blog_list li:hover{/*box-shadow:0 0 20px rgba(0,0,0,.2)*/ box-shadow:0 15px 15px rgba(0,0,0,.1);transform:scale(1.005);}
/*.blog_list.r li:hover{background-color:#f67524;}
.blog_list.r li:hover a{ color:#fff;}
.blog_list.r li:hover .blog_Rmore b{ color:#fff;}*/
.blog_list.r li:hover .blog_Rtime b{ /*color:#fff;background:url(../images/i_bg6_on.png) left bottom no-repeat;*/}
.blog_list.r li:hover .blog_Rmore span{background:url(../images/i_bg5.png) 5% center no-repeat;}



/*我们的圈子*/
.new{ padding-top:15px; padding-bottom:60px; }
.news_lone{height:433px;}
.news_lone_img{height:433px;}
.blog_r{ height:433px;}
.blog_list.l li{height:213px;margin-bottom:7px;}
.blog_list.l .blog_Rmore{margin-top:25px;}
.blog_list.l .blog_Rmore b{ font-size:16px;}
.blog_list.l .blog_Rmore span{line-height:20px;height:60px; margin-top:10px; font-size:14px;}
.blog_list.l .blog_Rtime{margin-top:20px;}
.blog_list.l .blog_Rtime b{ font-size:25px;}
.blog_list.l .blog_Rtime em{ font-size:14px;}
.blog_list.r li{height:139.66px;margin-bottom:7px;}
.blog_list.r li a{ padding-top:17px;}
.blog_list.r .blog_Rmore b{ line-height:20px; height:40px; font-size:16px;}
.blog_list.r .blog_Rtime b{ font-size:25px;}
.blog_list.r .blog_Rtime em{font-size:14px;}



/*nav*/

nav{
	width:850px; float: right;
	height: 40px;
	padding-top:32px;

	line-height: 40px;
}



nav ul li{

	width: 16.6%;

	text-align: center;

	float: left;

	font-size: 15px;

	position: relative;
	background: url(../images/top_bg1.png) right 14px no-repeat;

}

nav ul li a{

	display: block; color:#333; font-size:16px;

}

nav ul li a:hover{

	color: #007cdb;

}



nav ul li dl {display: none;position: absolute;top: 40px;left:0px;width:100%; background:#fff; z-index:9;}

nav ul li:hover dl { display: block;}

nav ul li dl dd { float: none; background:none;/* height:38px; */ border-bottom: dashed 1px #e1e1e1;/* text-align:center; */}

nav ul li dl dd a {display: inline-block; height:35px; line-height:35px; font-size:13px;font-weight:normal;padding:0; text-align:center; background:none;}

nav ul li dl dd a {display: block; color:#666;height:35px;border-bottom:none;}

nav ul li dl dd a:hover { background:#0494ef; padding-top:0px; color: #fff;line-height:35px; height:35px;text-align:center;border-bottom:none; }







/*首页调用201806*/

.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/* display none until init*/

.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}

.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}

.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}

.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{float: left;}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{cursor: pointer;}

.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* mouse grab icon*/

.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}

/* fix*/

.owl-carousel .owl-wrapper,

.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.owl-theme .owl-controls{text-align: right; position:absolute; width:100%;}

/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/

.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ display:none;}

.owl-theme .owl-controls .owl-page span{display: block;width: 8px;height: 8px;margin: 5px 3px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 20px;border-radius: 20px;background:#fff;}

.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span{background:#4289ce;}

/* If PaginationNumbers is true*/

.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}

/* preloading images*/

.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}



/*首页案例*/

#owl-demo3{ width:100%; margin:0 auto; text-align:center; margin-bottom:70px;}

/* Styling Next and Prev buttons*/

#owl-demo3.owl-theme .owl-controls{ bottom:-20px; text-align:center;}

#owl-demo3.owl-theme .owl-controls .owl-pagination{ display:none;}

#owl-demo3.owl-theme .owl-controls .owl-buttons{ position:absolute; top:0;width:100%; left:0; height:0;}

#owl-demo3.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:52px; height:50px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}

#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{background:#fff url(../images/works_arr.png) no-repeat 0px 0px; margin-right:55px;}

#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{/*opacity:0.6;filter:Alpha(opacity=60);*/background:#333 url(../images/works_arr.png) no-repeat -52px 0px;}

#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ background:#fff url(../images/works_arr.png) no-repeat -52px -50px;  margin-left:55px;}

#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:#333 url(../images/works_arr.png) no-repeat 0px -50px;}



#owl-demo3.owl-theme .owl-controls .owl-page{ display:inline-block;}



#owl-demo3 .item{margin:0 0;}

#owl-demo3 .item img{display: block;height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

#owl-demo3 .item dd{ width:25%; margin:0 auto; text-align:left; float:left;}

#owl-demo3 .item dd .imgs{width:100%; overflow:hidden; position:relative;}

#owl-demo3 .item dd .txts{font-weight:normal; color:#fff; font-size:16px; line-height:30px; height:100%; overflow:hidden;transition:all 0.4s; position:absolute; bottom:-100%; left:0; width:100%;background:rgba(0, 0, 0, 0.75); text-align:center;}

#owl-demo3 .item dd .txts h3{ color:#fff; font-weight:normal; font-size:22px; height:76px; line-height:76px; overflow:hidden; margin-top:22%;}

#owl-demo3 .item dd .txts a{ color:#fff; display:inline-block; width:62px; margin-left:12px; margin-right:12px; font-size:16px; border:1px solid #fff; border-radius:8px; opacity:0.5;}

#owl-demo3 .item dd .txts a i{ width:48px; height:48px; display:block; margin:0 auto;transition:all 0.4s;}

#owl-demo3 .item dd .txts a:hover i{ margin-top:-6%; margin-bottom:6%;transform:rotate(360deg);}

#owl-demo3 .item dd .txts a i.bgs1{ background:url(../images/i_pic1.png) center top no-repeat;}

#owl-demo3 .item dd .txts a i.bgs2{ background:url(../images/i_pic2.png) center top no-repeat;}

#owl-demo3 .item dd .txts a i.bgs3{ background:url(../images/i_pic3.png) center top no-repeat;}

#owl-demo3 .item dd h4{ color:#000; font-size:18px; line-height:80px; text-align:center; height:80px; text-align:center;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; width:100%; position:relative; background-color:#fff; z-index:2; font-weight:normal;transition:all 0.4s;}

#owl-demo3 .item dd h4 i{transition:all 0.4s;position:absolute; width:100%; left:0; top:0; height:0; background:#0494ef; z-index:-1;}



#owl-demo3 .item dd:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

#owl-demo3 .item dd:hover h2{ color:#fff;}

#owl-demo3 .item dd:hover h2 i{ height:100%;}

#owl-demo3 .item dd:hover .txts{ bottom:0;}





@media screen and (max-width: 1440px) {

/*首页案例*/

#owl-demo3 .item dd .txts h3{margin-top:16%; font-size:22px;}

#owl-demo3 .item dd h4{ height:60px; line-height:60px; font-size:16px;}



}

@media screen and (max-width: 1200px) {

/*首页案例*/

#owl-demo3 .item dd .txts h1{margin-top:11%;}

}




video {
	width: 100%;
}
.container111 {
	position: absolute;
	left: 50%;
	top: 260px;
	margin-left: -600px;
	width: 1200px;
	height: 640px;
}
.swiper-container {
	margin-top: 150px;
	color: #fff;
	font-size: 50px;
	text-align: center;
}

.container111 .swiper-button-prev,.container111 .swiper-button-next{opacity:0.3;}



.yr1_1{width:100%; height:auto; padding:30px 0 30px 0;}
.yr1_1 .i_service_t{padding-bottom:10px;}
.yr1_2{width:1200px; margin:0 auto; text-align:center;}
.yr1_3{font-size:16px; color:#666; padding:0 50px; line-height:30px; padding-bottom:20px; text-indent: 2em;}
.yr1_4{padding:30px 20px; margin:40px 0 50px 0; font-size:16px; line-height:30px; background:#fff;}






















body{overflow-y: auto;padding:0px ;margin:0; font-family:"Microsoft YaHei" ;font-size:12px; position:relative;}
a{text-decoration:none;outline:none;-moz-outline:none;}
a:hover{ text-decoration:none;}
p{word-break: normal;word-wrap: break-word; }
li{ list-style:none;}
input {outline: none;}
textarea {outline: none;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}	



/*header end*/
.box9{ clear:both; width:100%; height:auto; background:#323232; overflow:hidden; padding:50px 0 10px 0;}
.bood{ width:100%; height:auto; margin:0 auto;}
.bood_l{ float:left; width:16%; height:auto; overflow:hidden; background:url(../images/bg8.jpg) no-repeat right center; margin-right:36px;}
.bood_l dt{ text-align:center;}
.bood_l dt img{ display:block; margin:0 auto;}
.bood_l dd{ text-align:center; line-height:30px; color:#fff; font-size: 14px;}
.bood_c{ float:left; width:37%; height:auto; overflow:hidden;}
.bood_c p{ line-height:30px; color:#fff;font-size: 14px;}
.bood_c p img{ vertical-align:middle; margin-right:5px;}
.bood_c p span{ font-family:Arial, Helvetica, sans-serif; font-size:36px; font-weight:bold; color:#0494ef;}
.bood_r{ float:right; width:37%; height:auto;}
.bood_r ul{ float:left; width:25%; margin-right:8.33%; background:url(../images/bg8.jpg) no-repeat right top;}
.bood_r li h4{ line-height:30px; margin-bottom:12px;}
.bood_r li h4 a{ color:#fff; font-size:16px;}
.bood_r li{ line-height:30px; font-size: 14px;}
.bood_r li a{ color:#cccccc;}
.bood_r li a:hover{ color:#0494ef;}
@media(max-width:768px){
.bood_l{ float:left; width:30%; height:auto; overflow:hidden; background:url(../images/bg8.jpg) no-repeat right center; margin-right:0px;}
.bood_c{ float:right; width:67%; height:auto; overflow:hidden;}
.bood_r{ float:right; width:100%; height:auto; padding-top:20px;}
.bood{ width:100%; height:auto; margin:0 auto;}
}
@media(max-width:414px){
.bood_l{ float:left; width:100%; height:auto; overflow:hidden; background:none; margin-right:0px;}
.bood_c{ float:right; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.bood_r{ float:right; width:100%; height:auto; padding-top:20px;}
.bood{ width:100%; height:auto; margin:0 auto;}
}
.box10{ clear:both; height:auto; line-height:45px; background:#212121; border-top:1px solid #575757;}
.box10 p{ color:#ffffff; line-height:45px; text-align:center;}
.box10 p a{ color:#fff; font-size: 14px;}
.youdq{ width:86%; height:auto; margin:0 auto; clear:both; height:auto;}
.youdq p{ line-height:30px; color:#cccccc; font-size:14px;}
.youdq p span{ float:left; display:block; width:8%; color:#cccccc; font-size:14px;}
.youdq p font{ display:block; float:left; width:92%;color:#cccccc; font-size:14px;}
.youdq p font a{color:#cccccc; font-size:14px; margin-right:1%;}
@media(max-width:1024px){
.youdq p span{ float:left; display:block; width:10%; color:#cccccc; font-size:14px;}
.youdq p font{ display:block; float:left; width:90%;color:#cccccc; font-size:14px;}
.youdq p font a{color:#cccccc; font-size:14px; margin-right:0.9%;}
}
@media(max-width:768px){
.youdq p span{ float:left; display:block; width:10%; color:#cccccc; font-size:14px;}
.youdq p font{ display:block; float:left; width:90%;color:#cccccc; font-size:14px;}
.youdq p font a{color:#cccccc; font-size:14px; margin-right:0.9%;}
.youdq{ width:100%; height:auto; margin:0 auto; clear:both; height:auto;}
}
@media(max-width:667px){
.youdq p span{ float:left; display:block; width:15%; color:#cccccc; font-size:14px;}
.youdq p font{ display:block; float:left; width:85%;color:#cccccc; font-size:14px;}
.youdq p font a{color:#cccccc; font-size:14px; margin-right:0.9%;}
.youdq{ width:100%; height:auto; margin:0 auto; clear:both; height:auto;}
}
@media(max-width:414px){
.youdq p span{ float:left; display:block; width:100%; color:#cccccc; font-size:14px;}
.youdq p font{ display:block; float:left; width:100%;color:#cccccc; font-size:14px;}
.youdq p font a{color:#cccccc; font-size:14px; margin-right:0.9%;}
.youdq{ width:100%; height:auto; margin:0 auto; clear:both; height:auto;}
}




/*banner end*/
/*main begin*/
.box3{ clear:both; width:100%; height:auto;background:url(../images/bg2.jpg) no-repeat center top ; overflow:hidden;} 
.fuw{ height:auto; overflow:hidden;}
.section{width:100%;overflow:hidden;}
.section ul{width:100%;}
.section ul li{float:left;display:inline;width:25%;height:456px;overflow:hidden;position:relative;}
.section ul li .photo{width:100%;height:456px;overflow:hidden; padding:68px 33px 0 33px; text-align:center;}
.section ul li .photo img{ margin-bottom:21px;}
.section ul li .photo h4{ text-align:center; color:#333333; font-family:"Microsoft yahei"; font-size:20px; font-weight:18px; margin-bottom:32px; font-weight:bold;}
.section ul li .photo p{ text-align:center; color:#333333; font-size:14px; line-height:24px;}
.section .rsp{width:100%;height:456px;overflow:hidden;position: absolute;background:url(../images/bg3.jpg) no-repeat center bottom #04afa6;top:0px;left:0px;}
.section .rsp1{ background:url(../images/bg3_1.jpg) no-repeat center bottom #5754bd;}
.section .rsp2{background:url(../images/bg3_2.jpg) no-repeat center bottom #ffc57a;}
.section .rsp3{ background:url(../images/bg3_4.jpg) no-repeat center bottom #7fbe25;}
.section .text{position:absolute;width:100%;height:456px;left:-100%;top:0px;overflow:hidden;padding:68px 33px 0 33px; text-align:center;}
.section .text img{ margin-bottom:21px;}
.section .text a h4{ text-align:center; color:#fff; font-family:"Microsoft yahei"; font-size:20px; font-weight:bold; font-weight:18px; margin-bottom:32px;}
.section .text a p{ text-align: center; color:#fff; font-size:14px; line-height:24px;}
@media(max-width:568px){
.box3{ clear:both; width:100%; height:auto;background:url(../images/bg2.jpg) no-repeat center top fixed;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; overflow:hidden;} 
.section ul li{float:left;display:inline;width:100%;height:auto;overflow:hidden;position:relative;}
.section ul li .photo{width:100%;height:auto;overflow:hidden; padding:60px 33px 60px 33px; text-align:center;}
.section .text{position:absolute;width:100%;height:auto;left:-100%;top:0px;overflow:hidden;padding:60px 33px 60px 33px; text-align:center;}
.section .rsp{width:100%;height:400px;position: absolute;background:url(../images/bg3.jpg) no-repeat center bottom #04afa6;top:0px;left:0px;overflow:hidden;}
.section .rsp1{width:100%;height:400px;position: absolute;background:url(../images/bg3_1.jpg) no-repeat center bottom #5754bd;top:0px;left:0px;overflow:hidden;}
.section .rsp2{width:100%;height:400px;position: absolute;background:url(../images/bg3_2.jpg) no-repeat center bottom #ffc57a;top:0px;left:0px;overflow:hidden;}
.section .rsp3{width:100%;height:400px;position: absolute;background:url(../images/bg3_3.jpg) no-repeat center bottom #7fbe25;top:0px;left:0px;overflow:hidden;}
}
@media(max-width:320px){
.box3{ clear:both; width:100%; height:auto;background:url(../images/bg2.jpg) no-repeat center top fixed;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; overflow:hidden;} 
.section ul li{float:left;display:inline;width:100%;height:auto;overflow:hidden;position:relative;}
.section ul li .photo{width:100%;height:auto;overflow:hidden; padding:60px 33px 60px 33px; text-align:center;}
.section .text{position:absolute;width:100%;height:auto;left:-100%;top:0px;overflow:hidden;padding:60px 33px 60px 33px; text-align:center;}
.section .rsp{width:100%;height:360px;position: absolute;background:url(../images/bg3.jpg) no-repeat center bottom #04afa6;top:0px;left:0px;overflow:hidden;}
.section .rsp1{width:100%;height:360px;position: absolute;background:url(../images/bg3_1.jpg) no-repeat center bottom #5754bd;top:0px;left:0px;overflow:hidden;}
.section .rsp2{width:100%;height:360px;position: absolute;background:url(../images/bg3_2.jpg) no-repeat center bottom #ffc57a;top:0px;left:0px;overflow:hidden;}
.section .rsp3{width:100%;height:360px;position: absolute;background:url(../images/bg3_3.jpg) no-repeat center bottom #7fbe25;top:0px;left:0px;overflow:hidden;}
}

.pagelink{height:26px; line-height:26px; margin:30px 0 10px 0px; text-align:center;}

.pagelink a, .pagelink span{ padding:6px 9px; border:1px solid #ddd; margin-right:5px;background:#fff; border-radius:2px;}

.pagelink a.on, .pagelink a:hover{ color:#0494ef;}