@charset "gb2312";
@import url(css.css);
@import url(animation2.css);
/*案例列表*/
.case_bg{ background:#f5f5f5; overflow:hidden;}
.case_bg .gy2{ overflow:visible;}
.case_one{ background:#fff; height:92px; padding-top:40px;}
.case_one .gy2{ overflow:visible;}
.case_one .h2{ float:left; line-height:52px; font-size:36px; font-weight:normal; letter-spacing:1px;}
.case_one .case_one_r{ float:right;}
.case_one .case_one_r .all_a{ float:left; height:52px; width:280px; line-height:52px; font-size:16px; color:#fff; background:#f67524; text-align:center;transition:all 0.3s;}
.case_one .case_one_r .all_a:hover{opacity:0.8;filter:Alpha(opacity=80);}
.case_one .case_one_r .case_down{ float:left; margin-left:20px; width:280px; background:#f5f5f5; position:relative; color:#000;}
.case_one .case_one_r .case_down label{ display:block; height:52px; line-height:52px; background:url(../images/bgs4.png) 238px center no-repeat; text-indent:20px; cursor:pointer; font-size:16px;}
.case_one .case_one_r .case_down ul{ position:absolute; top:52px; left:0; width:100%;background:#fff; display:none;  overflow:hidden; z-index:9; }
.case_one .case_one_r .case_down ul.bgs2{overflow-y:scroll;max-height:320px;}
.case_one .case_one_r .case_down ul li{ display:block; height:32px; line-height:32px; overflow:hidden; }
.case_one .case_one_r .case_down ul li a{ display:block;text-indent:20px; font-size:14px;}
.case_one .case_one_r .case_down ul li a:hover{ background:#f67524; color:#fff;}
.case_one .case_one_r .case_down.isel label{background:url(../images/bgs4_on.png) 238px center no-repeat;}
.n_case_list{ min-height:500px;margin-top:40px;}
.n_case_list ul li{/* float:left;*/ width:32%; overflow:hidden; /*margin-right:2%;*/ vertical-align:top; display:inline-block; margin-right:1.7%; background:#fff; position:relative;transition:all 0.5s; margin-bottom:2%;}
.n_case_list ul li:nth-child(3n+0){ margin-right:0;}
.n_case_list ul li:before{content: "";display: block;position: absolute;left: 0%;right: 0%;bottom: 0px;height:2px;opacity: 1;background-color: #dcdcdc;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.n_case_list ul li:after{content: "";display: block;position: absolute;left: 0%;right: 100%; bottom: 0px;height:2px;opacity: 0;background-color: #f67524;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.n_case_list ul li:hover:after{left:0%;right: 0%;opacity: 1;}
.n_case_list ul li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
.n_case_list ul li 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;}
.n_case_list ul li .imgs{ overflow:hidden; position:relative;}
.n_case_list ul li:hover .imgs img{-webkit-transform:scale(1.02, 1.02); -moz-transform:scale(1.02, 1.02); -o-transform:scale(1.02, 1.02); -ms-transform:scale(1.02, 1.02); transform:scale(1.02, 1.02);}
.n_case_list ul li .allist-cnt{ width:96%; margin:0 auto; text-align:center; line-height:32px; padding-top:20px; padding-bottom:20px; height:68px; overflow:hidden;}
.n_case_list ul li .allist-cnt h5{ font-weight:normal; font-size:20px; color:#000; line-height:36px; height:36px; overflow:hidden;}
.n_case_list ul li .allist-cnt p{line-height:32px; height:32px; overflow:hidden; font-size:16px; color:#666666;}
.n_case_list ul li .txts{font-weight: normal; color: #fff;   font-size: 16px; line-height: 36px; 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;}
.n_case_list ul li .txts h2{ color:#fff; font-weight:normal; font-size:24px; height:76px; line-height:76px; overflow:hidden; margin-top:22%;}
.n_case_list ul li .txts a{ color:#fff; display:inline-block; width:62px; margin-left:12px; margin-right:12px; font-size:16px;}
.n_case_list ul li .txts a i{ width:48px; height:48px; display:block; margin:0 auto;transition:all 0.4s;}
.n_case_list ul li .txts a:hover i{ margin-top:-6%; margin-bottom:6%;transform:rotate(360deg);}
.n_case_list ul li .txts a i.bgs1{ background:url(../images/i_pic1.png) center top no-repeat;}
.n_case_list ul li .txts a i.bgs2{ background:url(../images/i_pic2.png) center top no-repeat;}
.n_case_list ul li .txts a i.bgs3{ background:url(../images/i_pic3.png) center top no-repeat;}
.n_case_list ul li:hover .txts{ bottom:0;}

/*案例PC详细*/
.case_banner2{ overflow:hidden;position: relative;}
.case_banner2 img{ display:block; width:100%;}
.case_banner2 .txts{width: 1440px; position: absolute;bottom: 30px;left: 50%;z-index: 2;transform: translate(-50%,0%);-webkit-transform: translate(-50%,0%);-moz-transform: translate(-50%,0%);-ms-transform: translate(-50%,0%);-o-transform: translate(-50%,0%); }
.case_banner2 .txts .case_title{ float:left; overflow:hidden; width:70%;}
.case_banner2 .txts .case_title h2{ font-weight:normal; margin-bottom:2%; padding-bottom:2%;font-family:"����ϸ��"; background:url(../images/bgs3.png) left bottom no-repeat; font-size:48px;color:#fff;}
.case_banner2 .txts .case_title p{ color:#fff;font-family:"����ϸ��"; font-size:24px;}
.case_banner2 .txts .txts_r{ float:right; overflow:hidden; margin-top:60px;}
.case_banner2 .txts .txts_r a{ float:left; width:54px; height:54px; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; overflow:hidden; margin-left:20px; position:relative;}
.case_banner2 .txts .txts_r a.bgs1{ background-image:url(../images/case_ico1.png);}
.case_banner2 .txts .txts_r a.bgs2{ background-image:url(../images/case_ico2.png);}
.case_banner2 .txts .txts_r a.bgs3{ background-image:url(../images/case_ico3.png);}
/*.case_banner2 .txts .txts_r a.bgs1:Hover{ background-image:url(../images/case_ico1_on.png);}
.case_banner2 .txts .txts_r a.bgs2:Hover{ background-image:url(../images/case_ico2_on.png);}
.case_banner2 .txts .txts_r a.bgs3:Hover{ background-image:url(../images/case_ico3_on.png);}*/
.case_banner2 .txts .txts_r a:after{content: "";  width:54px; height:54px; position: absolute;top: 0;left: 0;transition:all 0.3s;background-size:0% 0%; background-repeat:no-repeat; background-position:center center;}
.case_banner2 .txts .txts_r a:hover:after{ background-size:100% 100%;}
.case_banner2 .txts .txts_r a.bgs1:after{ background-image:url(../images/case_ico1_on.png);}
.case_banner2 .txts .txts_r a.bgs2:after{ background-image:url(../images/case_ico2_on.png);}
.case_banner2 .txts .txts_r a.bgs3:after{ background-image:url(../images/case_ico3_on.png);}
.case_show_one{ background:url(../images/case_bg1.jpg) right center no-repeat; background-size:50% 100%; overflow:hidden; margin-top:20px; margin-bottom:20px;}
.case_show_one .case_show_one_l{ background:#fff; width:50%; float:left; overflow:hidden;  min-height:464px;}
.case_show_one .case_show_one_l .case_txt{ width:86%; margin:0 auto; overflow:hidden;}
.case_show_one .case_show_one_l .case_txt .h2{ margin-top:50px; height:90px; line-height:90px; background:url(../images/case_bg2.jpg) left bottom no-repeat; color:#010000; font-size:30px; font-weight:normal; margin-bottom:33px;}
.case_show_one .case_show_one_l .case_txt .divs{ line-height:30px; color:#666666; font-size:16px;}
.case_show_one .case_show_one_r{ width:50%; float:right; overflow:hidden;}
.case_show_one .case_show_one_r .case_txt{ width:70%; margin:0 auto; overflow:hidden; color:#fff;}
.case_show_one .case_show_one_r .h2{ margin-top:50px; height:90px; line-height:90px; background:url(../images/case_bg3.jpg) left bottom no-repeat; color:#fff; font-size:30px; font-weight:normal; margin-bottom:33px;}
.case_show_one .case_show_one_r ul li{ font-size:18px; display:block; height:48px;line-height:48px;}
.case_show_one .foot_button2{  margin-top:30px;}
.case_show_one .foot_button2 li{ width:58px; height:58px;text-align:center; float:left; margin:0 12px;position: relative;}
.case_show_one .foot_button2 li img{ width:58px; height:58px;filter:alpha(opacity=70);opacity:0.7;}
.case_show_one .foot_button2 li:hover img{filter:alpha(opacity=100);opacity:1.0;}
.case_show_one .foot_button2 li .wem3{width: 203px;display: none; color: #363636;text-align: center;padding-top: 215px; position: absolute;left: -70px;top: -200px;background-image: url('../images/2015/ewm.png');background-repeat: no-repeat;}
.case_con{ padding-top:110px;line-height:26px; padding-left:3%; padding-right:3%; font-size:14px; padding-bottom:100px; overflow:hidden; background:#fff;}
.case_con img{  max-width:1200px; width:100%; display:block; margin:0 auto;}
.case_t{ height:76px; line-height:76px; margin-top:78px; text-align:center; font-weight:normal; color:#000; font-size:36px;}
/*手机案例详情*/
.case_phone{background:url(../images/case_img3.jpg) no-repeat center;width:100%;height:844px;padding-top:80px;}
.case_phone .case_phone_l{ width:68%; float:left; overflow:hidden;}
.case_phone_bg{background:url(../images/phone_bg2.png) no-repeat center;width:396px;height:722px;margin:0px auto;position:relative;}
.phone_slider{padding-top:69px;margin-left:23px;width:350px;height:560px;}
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{width:350px;height:560px;overflow:hidden; }	
#prevBtn, #nextBtn,#slider1next, #slider1prev{ display:block;width:52px; height:52px;position:absolute;left:-210px; top:350px;z-index:1000; font-size:0px;}	
#nextBtn, #slider1next{  left:556px;}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{   display:block;position:relative;width:52px; height:52px; background:url(../images/case_btn_prev.png) no-repeat 0 0;	}	
#nextBtn a, #slider1next a{ background:url(../images/case_btn_next.png) no-repeat 0 0;	}
ol#controls{margin:156px auto 0px auto;padding:0; height:28px;padding-left:42%;}
ol#controls li{ margin:0 10px 0 0; padding:0; float:left; list-style:none; height:12px; line-height:12px; width:12px;}
ol#controls li a{display:block; height:12px;width:12px;line-height:12px; padding:0px; text-decoration:none;font-size:0px; background:url(../images/case_ico4.png) no-repeat;}
ol#controls li.current a{background:url(../images/case_ico4_on.png) no-repeat;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
.case_erweima{ float:left; width:32%; text-align:center;padding-bottom:48px; text-align:center; margin-top:225px;}
.case_erweima img{ display:block; margin:0 auto;width:240px;}
/*解决方案*/
.solutions_banner{ overflow:hidden;position: relative; background-position:center center; background-repeat:no-repeat; background-size:cover;/*background-attachment:fixed;*/ }
.solutions_banner img{ display:block; width:100%;opacity:0;filter:Alpha(opacity=0);}
.solutions_banner .pose{ position:absolute; bottom:0; height:50px; line-height:50px; background:rgba(0,0,0,0.3); width:100%; color:#999999; font-size:16px;}
.solutions_banner .pose .gy2{ text-align:right;}
.solutions_banner .pose .imgs{ display:inline-block; width:20px; vertical-align:sub; margin-right:8px;opacity:1.0;filter:Alpha(opacity=100);}
.solutions_banner .pose a{color:#999999; font-size:16px;}
.solutions_banner .pose a:hover{ color:#fff;}
.solutions_banner .pose label{ color:#fff; font-size:16px;}

.solutions_banner .txts{width: 1440px; position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); }
.solutions_banner .txts h1{ font-weight:normal; margin-bottom:2%; padding-bottom:2%;font-family:"����ϸ��"; background:url(../images/bgs3.png) left bottom no-repeat; font-size:48px;color:#fff;}
.solutions_banner .txts p{ color:#fff;font-family:"����ϸ��"; font-size:24px;}
.solutions_banner .txts .website_bnt{ clear:both; display:block; width:210px; height:48px; line-height:48px; border-radius:30px; background:url(../images/website_bg1.png) 139px center #fff  no-repeat; text-indent:51px; font-size:16px; color:#3d4ed2; margin-top:34px;transition:all 0.3s;}
.solutions_banner .txts .website_bnt:hover{ margin-left:5px;background-position:143px center;}

.cl-ul{padding-top:40px;}
.cl-ul li{width:480px;position:relative;overflow:hidden;cursor:pointer;float:left;z-index:0;/*transition:all 0.3s;*/}
.cl-ul li .imgs{ overflow:hidden; position:relative;}
.cl-ul li .imgs img{display: block;height: 256px;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;}
.cl-ul li .imgs p{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.3);opacity:0;filter:Alpha(opacity=0);transition:all 0.3s;}
.cl-ul li .imgs i{position: absolute; top: 50%;  left: 50%; -webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);  transition: all .36s ease;  border-radius: 100%;   width:50px;  height: 50px; background:url(../images/solutions_bg1.png) no-repeat;  box-sizing: border-box; margin-top: -50px; opacity:0;filter:Alpha(opacity=0);}
.cl-ul li:Hover .imgs p{opacity:1.0;filter:Alpha(opacity=100);}
.cl-ul li:Hover .imgs i{ margin-top:0px;opacity:1.0;filter:Alpha(opacity=100);}
.cl-ul li .txts{border:1px solid #e3e3e3; border-top:0; overflow:hidden;transition:all 0.3s;}
.cl-ul li .txts .cons{ width:420px; margin:0 auto; padding-top:20px; height:234px; overflow:hidden; background:url(../images/case_bg4.png) 11px 198px no-repeat;}
.cl-ul li:nth-child(2n+0) .txts{ border-left:0; border-right:0;}
.cl-ul li:last-child .txts{ border-right:1px solid #e3e3e3;}
.cl-ul li .txts .h2{ color:#666666; font-size:18px; font-weight:normal; height:56px; line-height:56px; margin-bottom:14px;transition:all 0.3s;}
.cl-ul li .txts .p{ font-size:24px; color:#000000; line-height:30px; height:60px; overflow:hidden;transition:all 0.3s;}
.cl-ul li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);/*-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); */}
.cl-ul li:hover .txts{ background:#f67524;border-bottom:1px solid #f67524;}
.cl-ul li:hover .txts .cons{background:url(../images/case_bg4_on.png) 11px 198px no-repeat;transition:all 0.3s;transform: translate(2%,0%);-webkit-transform: translate(2%,0%);-moz-transform: translate(2%,0%);-ms-transform: translate(2%,0%);-o-transform: translate(2%,0%);}
.cl-ul li:hover .txts .p{color:#fff;}
.cl-ul li:hover .txts .h2{color:#fff;}
.cl-ul li: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);}
.cl-ul li.hiden{ display:none;}
.solutions_more{ clear:both; margin:0 auto; margin-top:50px; margin-bottom:100px;width:478px; height:78px; line-height:78px; background:url(../images/solutions_pic2.png) 320px center #fff no-repeat; text-indent:144px; color:#000000; font-size:20px; cursor:pointer; border:1px solid #e2e2e2;transition:all 0.3s;}
.solutions_more:hover{ border:1px solid #f56308; color:#fff;background:url(../images/solutions_pic4.png) 320px center #f56308 no-repeat;}
.solutions_more.active{ background-image:url(../images/solutions_pic2_on.png);}
.solutions_more.active:hover{border:1px solid #f56308; color:#fff;background:url(../images/solutions_pic4_on.png) 320px center #f56308 no-repeat;}

/*解决方案详细*/
.solutions_one{ background:#f5f5f5; height:92px; padding-top:40px;}
.solutions_one .gy2{ overflow:visible;}
.solutions_one .h2{ float:left; line-height:52px; font-size:36px; font-weight:normal; letter-spacing:1px;}
.solutions_one .case_one_r{ float:right;}
.solutions_one .case_one_r .all_a{ float:left; height:52px; width:280px; line-height:52px; font-size:16px; color:#fff; background:#f67524; text-align:center;transition:all 0.3s;}
.solutions_one .case_one_r .all_a:hover{opacity:0.8;filter:Alpha(opacity=80);}
.solutions_one .case_one_r .case_down{ float:left; margin-left:20px; width:280px; background:#ffffff; position:relative; color:#000;}
.solutions_one .case_one_r .case_down label{ display:block; height:52px; line-height:52px; background:url(../images/bgs4.png) 238px center no-repeat; text-indent:20px; cursor:pointer; font-size:16px;}
.solutions_one .case_one_r .case_down ul{ position:absolute; top:52px; left:0; width:100%;background:#fff; display:none;  overflow:hidden; z-index:9; }
.solutions_one .case_one_r .case_down ul.bgs2{overflow-y:scroll;max-height:320px;}
.solutions_one .case_one_r .case_down ul li{ display:block; height:32px; line-height:32px; overflow:hidden; }
.solutions_one .case_one_r .case_down ul li a{ display:block;text-indent:20px; font-size:14px;}
.solutions_one .case_one_r .case_down ul li a:hover{ background:#f67524; color:#fff;}
.solutions_one .case_one_r .case_down.isel label{background:url(../images/bgs4_on.png) 238px center no-repeat;}

.solutions_con{ padding-top:100px; background:#fff; overflow:hidden;}
.solutions_div{ margin-bottom:90px; color:#666; overflow:hidden;}
.solutions_div .solutions_div_l{  color:#fff; line-height:36px; display:table; height:202px; float:left; width:448px; background:url(../images/solutions_pic3.png) left center no-repeat;}
.solutions_div .solutions_div_l .txts{  padding-left:28px; padding-right:70px; height:100%;display:table-cell; vertical-align:middle;font-size:28px;}
.solutions_div .solutions_div_r{ float:right; width:920px; overflow:hidden; border-top:3px solid #cccccc; line-height:34px; padding-top:30px; color:#666666; font-size:16px;}

/*品牌网站建设*/
.website_title{text-align:center; font-size:48px; color:#010101; font-weight:normal; line-height:54px; margin-top:96px; margin-bottom:20px;}
.website_ul{ padding-top:63px; overflow:hidden;}
.website_ul ul li{ width:25%; float:left; text-align:center; overflow:hidden;position:relative;}
.website_ul ul li .imgs{ overflow:hidden;transition:all 0.6s; width:180px; margin:0 auto; }
.website_ul ul li .imgs img{ display:block;width:100%;transition:all 0.6s;}
.website_ul ul li .h2{font-weight:normal; line-height:32px; height:64px; overflow:hidden; font-size:20px; color:#000000; margin-top:19px;}
.website_ul ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.website_ul ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}
.website_bnt2{ clear:both; display:block; margin:0 auto; width:210px; height:48px; line-height:48px; border-radius:30px; background:url(../images/website_bg2.png) 139px center #f67524  no-repeat; text-indent:51px; font-size:16px; color:#fff; margin-top:80px;transition:all 0.3s;margin-bottom:100px;}
.website_bnt2:hover{opacity:0.8;filter:Alpha(opacity=80); color:#fff;background-position:143px center; }
.website_two{ overflow:hidden;background:url(../images/website_bg3.jpg) right center  no-repeat; background-size:cover; padding-bottom:95px; padding-top:190px;}
.website_two h1{ font-weight:normal; margin-bottom:2%; padding-bottom:2%;font-family:"����ϸ��"; background:url(../images/website_bg4.jpg) left bottom no-repeat; font-size:48px;color:#000000;}
.website_two p{ color:#666666;font-family:"����ϸ��"; font-size:36px; line-height:48px; width:582px;}
.website_title2{text-align:center; font-size:48px; color:#fff; font-weight:normal; line-height:54px; margin-top:94px; margin-bottom:20px;}
.website_three{ overflow:hidden;background:url(../images/website_bg5.jpg) center center  no-repeat; background-size:cover; padding-bottom:100px;}
.website_ul2{ margin-top:35px; overflow:hidden; border-top:1px solid #3a3a3a;border-left:1px solid #3a3a3a;}
.website_ul2 ul li{ width:25%; float:left; text-align:center; overflow:hidden;position:relative;}
.website_ul2 ul li .txts{ overflow:hidden;border-bottom:1px solid #3a3a3a;border-right:1px solid #3a3a3a; padding-bottom:32px;}
.website_ul2 ul li .txts img{ display:block; height:48px; margin:0 auto; margin-top:40px;}
.website_ul2 ul li .txts .h2{font-weight:normal; line-height:32px; height:32px; overflow:hidden; font-size:20px; color:#999999; margin-top:36px;}
.website_ul2 ul li .cons{ overflow:hidden; background:#f67524; width:100%; height:100%; color:#fff; top:0; left:0; position:absolute;text-align:left;transition:all 0.6s;opacity:0;filter:Alpha(opacity=0); -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;}
.website_ul2 ul li .cons .divs{ width:90%; max-width:300px; margin:0 auto; margin-top:14px;  height:147px;background:url(../images/website_bg6.png) left bottom  no-repeat; }
.website_ul2 ul li .cons .divs .h2{font-weight:normal; line-height:50px; height:50px; overflow:hidden; font-size:20px;}
.website_ul2 ul li .cons .divs .p{ line-height:24px; height:72px; overflow:hidden; color:#ffdac2; font-size:16px;}
.website_ul2 ul li:hover .cons{opacity:1.0;filter:Alpha(opacity=100);}
.website_title_p{ color:#666666; font-size:18px; line-height:36px; margin-top:35px; margin-bottom:60px; text-align:center;}
.website_con{ font-size:14px; line-height:26px; overflow:hidden; padding-bottom:60px;}
.website_con img{ display:block; margin:0 auto; max-width:100%;}

.website_four{ overflow:hidden;background:url(../images/website_bg7.jpg) center center  no-repeat; background-size:cover; padding-bottom:60px;}
.website_feedback{ width:49%; overflow:hidden;}
.website_feedback .inputs{width:100%; border:0; height:72px; text-indent:3%; background:#fff; color:#666666; font-size:18px; font-family:"����ϸ��"; outline:none; margin-bottom:20px;}
.website_feedback .bnts{width: 100%; height: 72px;  display: block; background: #f67524; border:0; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 68px;cursor: pointer;font-family: '����ϸ��';transition:all 0.3s;}
.website_feedback .bnts:hover{opacity:0.8;filter:Alpha(opacity=80);}
.website_feedback .textarea{ background:#fff; border:0; padding-left:3%; width:97%;color:#666666; font-size:18px; font-family:"����ϸ��"; outline:none; margin-bottom:20px; line-height:26px; padding-top:22px; height:237px;}
/*新闻列表*/
.news_one{ overflow:hidden; margin-top:60px; margin-bottom:60px;}
.news_one .news_one_l{ float:left; overflow:hidden;}
.news_one .news_one_l a{ float:left; margin-right:2px; padding-left:38px; padding-right:38px; overflow:hidden; height:50px; line-height:50px; color:#000000; font-size:16px; background:#fff;transition:all 0.3s;}
.news_one .news_one_l a:hover{ color:#fff; background:#f67524;}
.news_one .news_one_l a.flon{color:#fff; background:#f67524;}
.news_one .news_one_r{ float:right; overflow:hidden;height:50px; line-height:50px; background:#fff;}
.news_one .news_one_r .cinputs{ width:270px;border:0;height:50px; text-indent:20px; background:none; color:#999999; font-size:14px; font-family:"΢���ź�"; outline:none; float:left;}
.news_one .news_one_r .cbnts{ float:right;width: 50px; height: 50px;  display: block; background:url(../images/news_bg1.jpg) no-repeat; border:0; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 68px;cursor: pointer;font-family: '����ϸ��';transition:all 0.3s;}
.news_one .news_one_r .cbnts:Hover{opacity:0.8;filter:Alpha(opacity=80);}
.news_list{ }
.news_list ul li{ float:left; width:32%; overflow:hidden; margin-right:2%; background:#fff; transition:all 0.5s; margin-bottom:2%;}
.news_list ul li:nth-child(3n+0){ margin-right:0;}
.news_list ul li .txts{ width:92%; margin:0 auto; max-width:400px;}
.news_list ul li .txts .h2{ color:#000000; font-size:18px; font-weight:normal; height:48px; line-height:48px; margin-top:24px;transition:all 0.3s;overflow:hidden;}
.news_list ul li .txts .p{ font-size:16px; color:#666666; line-height:24px; height:48px; overflow:hidden;transition:all 0.3s;}
.news_list ul li .txts .dates{ margin-top:16px; padding-top:24px; border-top:1px solid #f5f5f5; overflow:hidden; font-family:"����ϸ��"; font-size:14px; color:#666666; line-height:22px; margin-bottom:26px;background:url(../images/case_bg4.png) right 50px no-repeat;transition:all 0.3s;}
.news_list ul li .txts .dates span{ display:block; color:#000000; font-size:48px; line-height:46px; height:46px;transition:all 0.3s; margin-bottom:2px;}
.news_list ul li .txts .tags{ overflow:hidden; height:22px; line-height:22px; color:#999; margin-top:10px;}
.news_list ul li .txts .tags span{ float:left; margin-right:6px;font-size:14px;}
.news_list ul li .txts .tags a{ float:left; margin-right:5px;font-size:14px; color:#999;}
.news_list ul li:hover .txts .dates{background:url(../images/case_bg4_on.png) right 50px no-repeat; color:#fff; border-top:1px solid #ffa166;}
.news_list ul li:hover .txts .dates span{ color:#fff;}
.news_list ul li:hover .txts .h2{ color:#fff; overflow:hidden}
.news_list ul li:hover .txts .p{ color:#fff;}
.news_list ul li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); background:#f67524; }
.news_list ul li:hover .tags span{ color:#fff;}
.news_list ul li:hover .tags a{ color:#fff;}

/*新闻详细*/
.news_show2{ overflow:hidden; }
.news_show2 .news_show_l{width: 890px;float: left;overflow: hidden; color:#333; background:#fff; padding-left:30px; padding-right:30px; padding-bottom:60px;}
.news_show2 .news_show_l .new_show_l_top{ margin-top:30px; padding-bottom:23px; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.news_show2 .news_show_l .new_show_l_top h1{ font-size:24px; line-height:38px; overflow:hidden; color:#000; font-weight:normal;}
.news_show2 .news_show_l .new_show_l_top p{ height:40px; line-height:40px; overflow:hidden; font-size:16px;}
.news_show2 .news_show_l .new_show_l_text{ padding-top:35px;line-height:30px; font-size:16px; }
.news_show2 .news_show_l .new_show_l_text p{ margin-bottom:17px; font-size:16px;}
.news_show2 .news_show_l .new_show_l_text h1{ line-height:35px; font-size:14px;}
.news_show2 .news_show_l .new_show_l_text img{display: block; margin: 0 auto; max-width: 100%; margin-bottom:10px;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag{ overflow:hidden; margin-top:33px; line-height:32px; margin-bottom:50px;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag span{ margin-bottom:10px; float:left; font-size:16px;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag a{ float:left; padding-left:20px; padding-right:20px;line-height:32px; height:32px; overflow:hidden; color:#999; font-size:16px; margin-bottom:10px; margin-right:1px; background:#fff; border:1px solid #fff;transition:all 0.3s;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag a:hover{opacity:0.8;filter:Alpha(opacity=80); border:1px solid #f45900; color:#f45900;}
.news_show2 .news_show_l .fenxiang{  overflow:hidden; text-align:center; border-top:1px solid #e8e8e8; padding-top:2%; margin-top:2%;}
.news_show2 .news_show_l .fenxiang .span{line-height:34px; color:#333333; display:block; font-size:18px;}
.news_show2 .news_show_l .fenxiang .news_fx{ text-align:center; margin-top:3%; margin-bottom:4%;}
.news_show2 .news_show_l .fenxiang .news_fx ul li{ display:inline-block; width:58px; height:58px; overflow:hidden; margin-left:3%; margin-right:3%; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer;}
.news_show2 .news_show_l .fenxiang .news_fx ul li.bgs1{ background-image:url(../images/ico1.png);}
.news_show2 .news_show_l .fenxiang .news_fx ul li.bgs2{ background-image:url(../images/ico2.png);}
.news_show2 .news_show_l .fenxiang .news_fx ul li.bgs3{ background-image:url(../images/ico3.png);}
.news_show2 .news_show_l .fenxiang .news_fx ul li:hover{transition:all 0.3s;opacity:0.9;filter:Alpha(opacity=90);}
.news_show2 .news_show_l .fenxiang .news_fx ul li a{ display:block; width:100%; height:100%;}
.prenext{text-align:center; padding-bottom:3%; overflow:hidden; border-top:1px solid #e8e8e8; padding-top:4%;}
.prenext a{ color:#333333; display:inline-block; height:50px; line-height:50px; width:172px; overflow:hidden;  font-size:18px; background:#e8e8e8;}
.prenext a:hover{ color:#fff; background:#f67524; text-decoration:none;}
.prenext a label{ font-family:"����ϸ��"; font-size:22px;}
.prenext a label.a{ padding-right:12%;}
.prenext a label.b{ padding-left:12%;}
.prenext a.nodata{ background:#e8e8e8;color:#333333;}
.news_show2 .news_show_r{width: 460px;float: right; overflow:hidden;}
.news_show2 .news_show_r .new_show_right_top{ font-size:24px; color:#000; margin-top:30px; margin-bottom:10px; font-weight:normal; height:38px; line-height:38px;font-family:"����ϸ��"; padding-left:30px; padding-right:30px;}
.news_show2 .news_show_r .new_show_right_top .tagchange{ float:right; padding-left:29px;  background:url(../images/tag_bg1.png) left center no-repeat;font-size:16px; color:#999999;}
.news_show2 .news_show_r .new_show_right_top .tagchange:hover{color:#f67524;}
.news_show2 .news_show_rnews{overflow: hidden; color:#666; background:#fff;}
.news_show2 .news_show_rnews .ul li{ display:block; border-bottom:1px dashed #cccccc; padding-bottom:20px; margin-bottom:20px; overflow:hidden; margin-left:30px; margin-right:30px;}
.news_show2 .news_show_rnews .ul li h1{ font-weight:normal; font-size:18px; color:#000000; height:38px; line-height:38px; overflow:hidden}
.news_show2 .news_show_rnews .ul li h1 a{color:#000000;}
.news_show2 .news_show_rnews .ul li h1 a:hover{color:#f67524;}
.news_show2 .news_show_rnews .ul li p{ color:#666666; font-size:14px; height:36px; line-height:36px; overflow:hidden;}
.news_show2 .news_show_rnews .ul li:last-child{ border-bottom:0; margin-bottom:0;}
/*新闻中心-标签*/
.tag_banner{ background:url(../images/tag_bg2.jpg) center top no-repeat; overflow:hidden; height:310px; text-align:center;font-family:"����ϸ��";}
.tag_banner h1{ font-weight:normal; font-size:48px;margin-bottom:12px; margin-top:102px; color:#fff;}
.tag_banner p{ font-size:24px; line-height:22px; color:#fff; }
.news_show2 .news_show_rtag{overflow: hidden; color:#666; background:#fff; margin-bottom:30px;}
.news_show2 .news_show_rtag .tagul{margin-bottom:30px; overflow:hidden; margin-left:30px; padding-right:10px; margin-top:20px;}
.news_show2 .news_show_rtag .tagul li{ display:block; overflow:hidden;}
.news_show2 .news_show_rtag .tagul li a{ float:left; margin-bottom:10px; margin-right:10px; height:34px; line-height:34px;font-size:14px; color:#666; padding-left:18px; padding-right:18px; border:1px solid #cccccc; margin-right:10px; }
.news_show2 .news_show_rtag .tagul li a:hover{ border:1px solid #f67524; color:#f67524;}
.tag_ul{ padding-top:30px; overflow:hidden; }
.tag_ul ul li{ display:block; overflow:hidden; transition:all 0.5s; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #ccc;}
.tag_ul ul li:nth-child(3n+0){ margin-right:0;}
.tag_ul ul li .txts{ overflow:hidden;}
.tag_ul ul li .txts .h2{ color:#000; font-size:18px; font-weight:normal; height:32px; line-height:32px; margin-top:3px;transition:all 0.3s; overflow:hidden;}
.tag_ul ul li .txts .p{ font-size:16px; color:#333; line-height:24px; height:48px; overflow:hidden;transition:all 0.3s; margin-top:13px;}
.tag_ul ul li .txts .dates{ font-size:14px; color:#999;line-height:20px; height:20px; overflow:hidden;}
.tag_ul ul li .txts .tagse{  color:#999;line-height:24px; height:24px; overflow:hidden; margin-top:18px;}
.tag_ul ul li .txts .tagse span{ float:left; margin-right:6px; font-size:14px; }
.tag_ul ul li .txts .tagse  a{ float:left; margin-right:3px; padding-left:6px; padding-right:6px; font-size:14px; color:#999;line-height:22px; height:22px; overflow:hidden; border:1px solid #fff;}
.tag_ul ul li .txts .tagse  a:hover{border:1px solid #f45900; color:#f45900;}
.tag_ul ul li .imgs{ float:left; width:260px; margin-right:30px;}
.tag_ul ul li .imgs img{ width:100%; height:160px; display:block;-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;}
.tag_ul ul li .imgs: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);}
.tag_ul ul li .txts a:hover .h2{ color:#f45900;}

.tag_a{ overflow:hidden; height:40px; margin-top:20px; margin-bottom:10px; text-align:left;}
.tag_a a{ display:inline-block; margin-right:4px; margin-left:4px; width:40px; height:40px; line-height:40px; text-align:center; background:#fff; color:#494949; font-size:18px; text-transform:uppercase;}
.tag_a a:hover{ background:#f67524; color:#fff;}
.tag_a a.osel{ background:#f67524; color:#fff;}
.tag_a_con{ background:#fff; overflow:hidden; margin-bottom:60px; padding-left:36px; padding-right:36px; padding-bottom:50px;}
.tag_a_con .h2{ height:70px; line-height:70px; font-size:24px; color:#000000;margin-top:15px;  overflow:hidden; font-weight:normal;}
.tag_a_con .txts{ overflow:hidden; padding-bottom:28px;  border-bottom:1px dashed #bdbdbd;}
.tag_a_con .txts ul li{ float:left; width:16.66%; overflow:hidden; height:48px; line-height:48px;}
.tag_a_con .txts ul li a{ color:#666666; font-size:16px;}
.tag_a_con .txts ul li a:hover{ color:#f67220}
.tag_a_con .txts ul li span{  padding: 2px 6px; line-height:18px; overflow:hidden; padding-left:12px; padding-right:12px; border:1px solid #dddddd; border-radius:11px; margin-left:9px;}
.tag_a_con .txts ul li span a{ font-size:14px;}

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

.case_one{ padding-top:30px; height:70px;}
.case_one .h2{line-height:40px; font-size:27px;}
.case_one .case_one_r .all_a{ height:40px; width:210px; line-height:40px;}
.case_one .case_one_r .case_down{ width:210px;}
.case_one .case_one_r .case_down ul{ top:40px;}
.case_one .case_one_r .case_down label{height:40px;line-height:40px;background:url(../images/bgs4.png) 178px center no-repeat; }
.case_one .case_one_r .case_down.isel label{background:url(../images/bgs4_on.png) 178px center no-repeat;}
.n_case_list ul li{ margin-right:1.6%;}

.case_banner2 .txts{ width:1200px;}
.case_banner2 .txts .case_title h2{ font-size:36px;}
.case_banner2 .txts .case_title p{ font-size:18px;}
.case_banner2 .txts .txts_r a{ width:46px; height:46px; margin-left:15px;}
.case_show_one .case_show_one_l .case_txt .h2{ margin-top:42px; height:76px; line-height:76px; font-size:26px; margin-bottom:28px;}
.case_show_one .case_show_one_l .case_txt .divs{ font-size:14px; line-height:26px;}
.case_show_one .case_show_one_r .case_txt .h2{ margin-top:42px; height:76px; line-height:76px; font-size:26px; margin-bottom:28px;}
.case_show_one .case_show_one_r ul li{font-size:16px; line-height:40px; height:40px;}
.case_con{ padding-top:90px; padding-bottom:85px;}
.case_t{ font-size:30px; margin-top:65px; height:64px; line-height:64px;}

#prevBtn, #nextBtn,#slider1next, #slider1prev{ left:-176px;}
#nextBtn, #slider1next{  left:476px;}	
.case_erweima img{ ;width:200px; }

.solutions_banner .pose{ font-size:14px;}
.solutions_banner .pose a{ font-size:14px;}
.solutions_banner .pose label{ font-size:14px;}
.solutions_banner .txts{width: 1200px;}
.solutions_banner .txts h1{ font-size:36px;}
.solutions_banner .txts p{ font-size:18px;}
.cl-ul li{ width:400px;}
.cl-ul li .imgs img{display: block;height: 213px;}
.cl-ul li .txts .cons{ width:352px; padding-top:17px; height:196px; overflow:hidden;background:url(../images/case_bg4.png) 11px 166px no-repeat;}
.cl-ul li:hover .txts .cons{background:url(../images/case_bg4_on.png) 11px 166px no-repeat;}
.cl-ul li .txts .h2{ font-size:16px;line-height:48px; height:48px;}
.cl-ul li .txts .p{ font-size:20px; line-height:26px; height:52px;}

.solutions_one{ padding-top:30px; height:70px;}
.solutions_one .h2{line-height:40px; font-size:27px;}
.solutions_one .case_one_r .all_a{ height:40px; width:210px; line-height:40px;}
.solutions_one .case_one_r .case_down{ width:210px;}
.solutions_one .case_one_r .case_down ul{ top:40px;}
.solutions_one .case_one_r .case_down label{height:40px;line-height:40px;background:url(../images/bgs4.png) 178px center no-repeat; }
.solutions_one .case_one_r .case_down.isel label{background:url(../images/bgs4_on.png) 178px center no-repeat;}
.solutions_div .solutions_div_r{ width:720px;}

.website_title{ font-size:40px;}
.website_two{ padding-top:160px; padding-bottom:80px;}
.website_two h1{ font-size:40px;}
.website_two p{ font-size:30px; line-height:40px;}
.website_bnt2{ margin-top:68px; margin-bottom:85px;}
.website_title2{ font-size:40px;}
.website_ul2 ul li .txts .h2{ font-size:17px;}
.website_ul2 ul li .cons .divs .h2{ font-size:17px;}
.website_ul2 ul li .cons .divs .p{ font-size:14px;}

.news_one .news_one_l a{padding-left:30px; padding-right:30px;}
.news_one .news_one_r .cinputs{ width:226px;}

.news_show2 .news_show_l{width: 740px; padding-left:25px; padding-right:25px;}
.news_show2 .news_show_r{width: 382px;}
.news_show2 .news_show_r .new_show_right_top{ padding-left:25px; padding-right:25px;}
.news_show2 .news_show_rnews .ul li{ margin-left:25px; margin-right:25px;}

.tag_banner{ height:258px;}
.tag_banner h1{ font-size:40px; margin-top:85px;}
.tag_banner p{ font-size:20px;}

.tag_a_con .txts ul li a{ font-size:14px;}
}