a{text-decoration:none;}
.our_contact{position:relative;background:#fff;padding:0 0 40px 0;}
.our_contact .contact_l{width:38%;float:left;margin:50px 0 0 0;}
.our_contact .contact_r{width:62%;float:right;margin:50px 0 0 0;}
.our_contact .ul_contact li{background: url('i_icon2.png') no-repeat;padding-left:60px;font-size:14px;margin-bottom:20px;line-height:30px;color:#333}
.our_contact .ul_contact li.li1{background-position: 0 0;}
.our_contact .ul_contact li.li2{background-position: 0 -74px;}
.our_contact .ul_contact li.li3{background-position: 0 -184px;}

.contact_form .tel{margin:0 0 0 2%;}
.contact_form .inp{width:48.5%;border:1px solid #e5e5e5;height:33px;padding:0 10px;margin-bottom:15px;float:left;font-family:"΢ÈíÑźÚ";}
.contact_form textarea{width:99%;border:1px solid #e5e5e5;height:98px;margin-bottom:12px;font-family:"΢ÈíÑźÚ";}
.contact_form .sub{width:30%;height:40px;line-height:40px;text-align:center;color:#fff;background-color:#f3a20b;border:0;cursor:pointer;font-family:"΢ÈíÑźÚ";font-size: 16px; float:right;
margin:0 0 0 30px;}

.tabbtn {width:100%;text-align:center;margin:30px 0 0 0;}
.tabbtn li {display:inline-block;position:relative;height:32px;}
.tabbtn li a {width:151px;height:32px;color:#333;background:#f1f1f1;border-radius:15px;display:inline-block;line-height:32px;font-size:14px;text-align: center;margin:0 33px 0 0;border:solid 1px #e5e5e5;}
.tabbtn li a:hover{background:#eb3900;transition:all .4s linear;color:#fff;}
.tabbtn li.current a {background:#eb3900;color:#fff;border-radius:15px;}
.tabcon {position:relative;overflow:hidden;}
.tabcon .subbox {position:absolute;left:0;top:0;}
.tabcon .sublist {}
#leftcon .subbox {width:9999em;}
#leftcon .subbox .sublist {}
.sublist {}

.who{position:relative;background:#f4f0ea;padding:40px 0;}
.who p,.ourser p{text-align:center;font-size:14px;line-height:2.5em;color:#666;}
.who p.himg img,.ourser p.himg img,.ourcase p.himg img,.ournews p.himg img,.ourcus p.himg img,.oursl p.himg img{display:inline-block;}
.who p.wtt{margin-top:10px;}
.who p.pm{margin-top:25px;}
.who p.pm span{display:inline-block;width:220px;height:67px;background:url('n/qu6_06.png');text-align:left}
.who p.pm span a{width:111px;height:41px;text-align:center;line-height:41px;color:#fff;display:inline-block;margin:0 0 0 63px;}
.ourser{position:relative;background:#fff;padding:40px 0;}
.s_fst{margin-left:0;}
.s_i{display:inline-block;float:left;text-align:center;margin-top:20px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;width:299px;border-right:solid 1px #e3e3e3;}
.s_i_wx{border-right:0;}
.s_i:hover{margin-top:30px;}
.s_i:hover .sico span.y{opacity:1;}
.s_i:hover .sico span.b{opacity:0;}
.s_i .sico{width:118px;height:118px;position:relative;overflow:hidden;display:inline-block;}
.s_i .sico span{width:100%;height:100%;display:block;position:absolute;top:0;left:0;background:url('n/qu6_13.png');-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
.s_i .sico span.y{opacity:0;}
.s_i_a span.b{background-position:0 0;}
.s_i_a span.y{background-position:-119px 0;}
.s_i_b span.b{background-position:-241px 0;}
.s_i_b span.y{background-position:-360px 0;}
.s_i_c span.b{background-position:-479px 0;}
.s_i_c span.y{background-position:-598px 0;}
.s_i_d span.b{background-position:-720px 0;}
.s_i_d span.y{background-position:-840px 0;}
.s_i_e span.b{background-position:-962px 0;}
.s_i_e span.y{background-position:-1084px 0;}
.s_i p.s_hd{font-size:20px;color:#333;text-align:center;margin: 7px 0 0 0;}
.s_i p.s_hd strong{font-weight:600;}
.s_i p.s_p{font-size: 12px;text-align: center;color: #666;/*background: url(../images/n/qu6_17.jpg) left center no-repeat*/;text-indent: 16px;line-height: 2em;margin: 0 0 0 0;}
.s_i .s_tb1{background:url('n/g_03.png') no-repeat 0 0; width:107px;height:26px;margin-bottom:7px; margin-left:auto; margin-right:auto; margin-top:0}
.s_i .s_tb2{background:url('n/g_03.png') no-repeat -146px 0; width:96px;height:26px;margin-bottom:7px; margin-left:auto; margin-right:auto; margin-top:0}
.s_i .s_tb3{background:url('n/g_03.png') no-repeat -284px 0; width:95px;height:26px;margin-bottom:7px; margin-left:auto; margin-right:auto; margin-top:0}
.s_i .s_tb4{background:url('n/g_03.png') no-repeat -418px 0; width:108px;height:26px;margin-bottom:7px; margin-left:auto; margin-right:auto; margin-top:0}
.s_i p.s_p a{color:#666;}
.service{width:100%;background:url('index_07.png') top left;padding-bottom:30px}
.service p.h{padding-top:60px;}
.service p.h img{margin-left:300px;}
.service .b{padding-top:45px;}
.service .b li{width:130px;padding-right:20px;float:left;}
.service .b em{display:block;width:114px;height:114px;margin-left:8px;line-height:999px;overflow:hidden;background-image:url('index_y_17.png');
background-repeat:no-repeat;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
.service .b em:hover{-webkit-transform:scale(.95) rotate(5deg);-moz-transform:scale(.95) rotate(5deg);-ms-transform:scale(.95) rotate(5deg);-o-transform:scale(.95) rotate(5deg);transform:scale(.95) rotate(5deg);}
.service .b em.a1{background-position:0 0;}
.service .b em.a2{background-position:-150px 0;}
.service .b em.a3{background-position:-299px 0;}
.service .b em.a4{background-position:-448px 0;}
.service .b em.a5{background-position:-598px 0;}
.service .b em.a6{background-position:-748px 0;}
.service .b em.a7{background-position:-897px 0;}
.service .b em.a8{background-position:-1046px 0;}
.service p.t{font-size:16px;line-height:2.5em;color:#000;text-align:center;}
.service p.ls{font-size:12px;color:#333;line-height:2em;text-align:center;}
.service p.ls a{color:#444;margin-right:.5em;}
.service p.ls a:hover{color:#000;text-decoration:underline;}
.Micro{ background: 0 ;float: right;min-width: 25px;height: 16px;margin: 0px 0 0 0;}
.in-banner{position:relative;background:url('n/casehd_02.jpg');text-align:center;min-height:50px}
.in-banner img{display:inline-block;margin-top:55px;}
.ban-a{padding-top:45px;}
.ban-a li{display:inline-block;}
.ban-a li a{display:block;padding:10px 40px;border:1px solid #aeafaf;color:#333;background:#fff;cursor:pointer;}
.ban-a li a.on,.ban-a li a:hover{background:#ff0000;color:#fff;border:1px solid #ff0000;}

.index_case ul{height:32px; width:600px;margin:0 auto;margin-top: 20px;}
.index_case ul li{ float:left; display: block; width:135px; height:28px; text-align:center; line-height:28px; color:#fff;background:#e5e5e5;border-radius:12px; margin:0 15px 0 0; font-size:13px;}
.index_case ul li a{ color:#333; display: block;transition:all ease 0.4s;border-radius:12px;}
.index_case ul li a:hover{ background:#eb3900; color:#fff;transition:all ease 0.4s;border-radius:12px;}
.index_case ul li.fix a{background:#eb3900; color:#fff;border-radius:12px; transition:all ease 0.4s;}
.index_case ul li.fix{background:#eb3900; color:#333;border-radius:12px;transition:all ease 0.4s; }
 
.tBar{margin-bottom:15px;text-align:left;font-size:26px;font-family:"΢ÈíÑźÚ","verdana";font-weight:normal;color:#000;background:none;border-bottom:0px;}
#topInfo{font-size:16px;line-height:200% !important;color:#333 !important;font-family:"΢ÈíÑźÚ","verdana";}
#topInfo a{color:#333}

.about-banner{background:#ff3300 url('about_banner2.png') no-repeat center;margin:0 auto;height:455px}
.about-banner2{background:url('about_banner.jpg') no-repeat center;margin:0 auto;height:455px}
.about-banner2 .process{width:1180px;margin:0 auto;}


.development_iisp .tdetail{font-size:16px;font-family:"΢ÈíÑźÚ","verdana";line-height:200%;width:765px;margin:80px 0px 25px}

.customerImg{text-align:center;}
.customerContent{width:100%;margin:0 auto;background:#c00;text-align:left;}
.customerContent .t{color:#fff;text-align:center;font-size:28px;font-family:"΢ÈíÑźÚ","verdana";line-height:200%;margin-top:30px;}
.customerContent .c {line-height:220%;margin-top:15px;}
.customerContent .c p{color:#fff !important}
.customerContent .c a{color:#fff;}
  
.development_iisp_bg{background:#fff;}
.development_iisp{width:1147px;margin:0 auto;text-align:left;overflow:hidden;zoom:1;background:url('development.jpg') no-repeat right bottom;padding-bottom:80px}
.development_t{font-size:26px;font-family:"΢ÈíÑźÚ","verdana";font-weight:normal;color:#222;line-height:220%;margin-bottom:20px;}
.left_development ul{overflow:hidden;zoom:1;}
.left_development li{font-size:16px;font-family:"΢ÈíÑźÚ","verdana";font-weight:normal;color:#222;line-height:220%;background:url('small_right.png') no-repeat left center;padding-left:15px;margin-left:5px}
.left_development li.Bli{font-size:26px;line-height:180%;background-image:url('big_right.png');padding-left:20px;margin-left:0px}
.left_development li.blast{margin-bottom:20px;}
.left_development{float:left;}
.right_development{float:right}
.right_development .s{color:#999;font-size:12px;float:left;text-align:center;}
.right_development .s span{color:#c00;font-size:28px;}
.right_development .s1{padding-top:140px;padding-right:10px}
.right_development .s2{padding-top:60px;}
.right_development .s3{margin-top:-45px;padding-right:20px;}
.right_development .s4{padding-top:125px;}

.process .t{font-size:26px;font-family:"΢ÈíÑźÚ","verdana";font-weight:normal;color:#222;line-height:220%;margin-left:42px;}
.process .t .bigf{font-size:38px;padding-left:8px;}
.process_c{padding-bottom:50px;overflow:hidden;zoom:1;text-align:left}
.process_c .p{color:#888;font-size:12px;padding-top:55px;width:130px;float:left;line-height:180%;margin-left:20px;margin-right:10px}
.process_c .p strong{color:#333;font-size:16px;font-family:"΢ÈíÑźÚ","verdana";display:block;margin-bottom:8px;}
.process_c .p1{margin-top:73px;}
.process_c .p2{margin-top:143px;margin-left:15px;}
.process_c .p3{margin-top:73px;margin-left:20px;}
.process_c .p4{margin-top:121px;margin-left:52px;}
.process_c .p5{margin-top:70px;margin-left:32px;}
.process_c .p6{margin-top:88px;margin-left:35px;}
.process_c .p7{margin-top:100px;margin-left:20px;margin-right:0px;}

.modelList{ clear:both; position:relative;}
#modelList ul{ overflow:hidden; zoom:1; clear:both;width:100%;margin:0 auto}
#modelList ul li{ display:block;height:455px;}
#modelList ul li .showModel{ overflow:hidden;zoom:1; clear:both; margin:15px 0 10px 0;}
.LeftBotton{ background:url('next.png') no-repeat left 0px; float:left; width:84px; height:84px !important; position:absolute; left:-75px; top:120px; cursor:pointer}
.RightBotton{ background:url('next.png') no-repeat right 0px; float:right; width:84px; height:84px !important; position:absolute; right:-75px; top:120px; cursor: pointer}
#bottom{margin-top:0px;}


#mainMenu{background:url(/images/page.png) center -40px #eee repeat-x}
.project-name {color:#fff;text-transform:uppercase;margin-top:50px;opacity:0;transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;filter:alpha(opacity=0);font-size:18px;padding:10px 0;}
#filters {margin:40px 0;text-align:center;display:block;float:none;z-index:2;position:relative;}
#filters ul li {display:inline-block;margin:0 5px;}
#filters ul li a {display:block;}
#filters ul li a h5 {padding: 8px 15px;text-transform:uppercase;background-color:#eeeeee;border-radius:3px;font-size:14px;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;}
#filters ul li a:hover h5, #filters ul li a.active h5 {color: #fff;background:#ff0000;}
#portfolio-wrap {position: relative;padding:0;width:100%;width:100%;margin:0 auto;display:block;height:auto;}
#portfolio-wrap .one-four {margin:0!important;line-height:0;width:25%;padding:0;position:relative;}
.portfolio-item {padding:0;position:relative;overflow:hidden;}
.portfolio-item .portfolio-image {overflow:hidden;display:block;position:relative;}
.portfolio-item .portfolio-image img {width:100%;height: auto;}
.portfolio-item:hover .project-overlay {opacity:1;transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;filter:alpha(opacity=100);}
.portfolio-item:hover .project-overlay .project-info {filter:alpha(opacity=100);}
.project-overlay{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;cursor:pointer;filter:alpha(opacity=0);background:#007776;}
.open-project-link {width:100%;height:100%;position:absolute;z-index:100;}
.project-info {position:absolute;height:100px;width:100%;top:50%;margin-top:-50px;text-align:center;filter:alpha(opacity=0);}
.project-name {color:#fff;text-transform:uppercase;margin-top:50px;opacity:0;transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;filter:alpha(opacity=0);}
.portfolio-item:hover .project-name {opacity:1;-webkit-transition: opacity .4s .5s;-moz-transition: opacity .4s .5s;-ms-transition: opacity .4s .5s;-o-transition: opacity .4s .5s;transition: opacity .3s .5s;filter:alpha(opacity=100);}
.project-categories {font-size:13px;color:#fff;opacity:0;margin-top:13px;transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;}
.portfolio-item:hover .project-categories {opacity:0.5;-webkit-transition: opacity .4s .8s;-moz-transition: opacity .4s .8s;-ms-transition: opacity .4s .8s;-o-transition: opacity .3s .8s;transition: opacity .3s .8s;}
.zoom-icon {left: 50%;margin-left:-20px;position:inherit;width:40px;height:40px;margin-top:40px;opacity:0;background:url('zoom.png');background-size:40px 40px;transition:all 0.3s ease 0.1s;-moz-transition:all 0.3s ease 0.2s;-webkit-transition:all 0.3s ease 0.2s;-ms-transition:all 0.3s ease 0.2s;-o-transition:all 0.3s ease 0.2s;	filter:alpha(opacity=0)}
	.portfolio-item:hover .zoom-icon {opacity:1;margin-top:0px;
-webkit-transition: opacity .3s .2s, margin-top .3s .2s;
-moz-transition: opacity .3s .2s, margin-top .3s .2s;
-ms-transition: opacity .3s .2s, margin-top .3s .2s;
-o-transition: opacity .3s .2s, margin-top .3s .2s;
transition: opacity .3s .2s, margin-top .3s .2s;
filter:alpha(opacity=100);}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;}
	
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
	
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
	
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
0}

/*ÎÄ×Ö˵Ã÷*/
#topLine {border-top:1px solid #cccccc;border-bottom:1px solid #ffffff;margin-bottom:5px;}
#topInfo {padding:5px 0;line-height:250%;color:#666;}

.grid {overflow: hidden;margin:0 auto;width:100%;list-style: none; margin-top:25px;}
.grid figure {position: relative;z-index: 1;display: inline-block;overflow: hidden;background: #000;text-align: center;cursor: pointer;float:left;}
.grid figure img {position: relative;display: block;min-height: 100%;opacity: 0.8;}
.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,
.grid figure a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid figure a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid figure h2 {word-spacing: -0.15em;font-weight: 300;font-size:18px;}
.grid figure h2 span {font-weight: 800;}
.grid figure h2,
.grid figure p {letter-spacing: 1px;font-size: 68.5%;}

figure.effect-lily {width:19.9%;float:left;position: relative;overflow: hidden;}
figure.effect-lily img {width: -webkit-calc(100% + 50px);width: calc(100% + 50px);opacity: 0.7;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-40px,0, 0);transform: translate3d(-0px,0,0); width:100%;height:100%;}
figure.effect-lily figcaption {top: auto;bottom: 0;width:84.5%;height:74.5%;text-align: left;}
figure.effect-lily h2,
figure.effect-lily p {-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
figure.effect-lily h2 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s; font-size:18px;padding:12% 0 0 0}
figure.effect-lily p {color: rgba(255,255,255,1);opacity: 0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s; margin:8px 0 0 0;font-size:14px;line-height:20px;}
figure.effect-lily a{position: absolute;top: 0;left: 0;width:380px; height:277px;}
figure.effect-lily:hover img,figure.effect-lily:hover p {opacity: 1;}
figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-lily:hover p {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s;}

figure.effect-sadie figcaption::before {position: absolute;top: 0;left: 0;width: 100%;background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);content: '';opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0);}
figure.effect-sadie{width:19.9%;height:100%; float:left; margin:0 0.1%;position: relative;overflow: hidden; height:100%; }
figure.effect-sadie img { width:100%;height:100%;opacity: 0.7;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-sadie h2 {position: absolute;top:35%;left:-80px;width: 100%;color: #484c61;-webkit-transition: -webkit-transform 0.35s, color 0.35s;transition: transform 0.35s, color 0.35s;font-size:15px;}
figure.effect-sadie figcaption::before,figure.effect-sadie p {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-sadie p {position: absolute;bottom: 20%;left:-80px;padding: 2em;width: 100%;opacity: 0;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);}
figure.effect-sadie a{width:380px;height:277px;position: absolute;top: 0;left: 0;}
figure.effect-sadie:hover h2 {color: #fff;-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);transform: translate3d(0,-50%,0) translate3d(0,-40px,0);}
figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

figure.effect-honey {background: #4a3753;width:19.9%;float:left;position: relative;overflow: hidden;margin:0 0.1%;}
figure.effect-honey img {opacity: 0.9;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;width:100%;height:100%;}
figure.effect-honey:hover img {opacity: 0.5;}
figure.effect-honey figcaption::before {position: absolute;bottom: 0;left: 0;width: 100%;height: 10px;background: #fff;content: '';-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);}
figure.effect-honey h2 {position: absolute;bottom:41%;left:10px;padding: 1em 1.5em;width: 100%;text-align: left;-webkit-transform: translate3d(0,-30px,0);transform: translate3d(0,-30px,0); font-size:18px;}
figure.effect-honey h2 i {font-style: normal;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,-30px,0);transform: translate3d(0,-30px,0);}
figure.effect-honey figcaption::before,figure.effect-honey h2 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
figure.effect-honey a{width:380px;height:277px;position: absolute;top: 0;left: 0;}
figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

figure.effect-layla {background: #18a367;width:19.9%;position: relative;overflow: hidden;margin:0;}
figure.effect-layla img{min-width: 100%;height: -webkit-calc(100% + 40px);height: calc(100% + 40px);width:100%;height:100%;}
figure.effect-layla figcaption {width:84.5%;height:74.5%;}
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {position: absolute;content: '';opacity: 0;}
figure.effect-layla figcaption::before {top: 50px;right: 30px;bottom: 50px;left: 30px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
figure.effect-layla figcaption::after {top: 30px;right: 50px;bottom: 30px;left: 50px;border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
figure.effect-layla h2 {padding:25% 0 2% 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s; font-size:18px;}
figure.effect-layla p {padding: 0.5em 2em;text-transform: none;opacity: 0;-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);font-size:14px;}
figure.effect-layla img,figure.effect-layla h2 {}
figure.effect-layla a{ position:absolute; top:0; left:0; width:380px; height:277px;}
figure.effect-layla img,figure.effect-layla figcaption::before,figure.effect-layla figcaption::after,figure.effect-layla p {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-layla:hover img {opacity: 0.7;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
figure.effect-layla:hover h2,
figure.effect-layla:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-layla:hover figcaption::after,figure.effect-layla:hover h2,figure.effect-layla:hover p,figure.effect-layla:hover img {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}

figure.effect-zoe{width:19.9%;position: relative;overflow: hidden;}
figure.effect-zoe img{ width:100%; height:100%;}
figure.effect-zoe figcaption {top: auto;bottom: 0;padding: 1em;height: 3.75em;background: #fff;color: #3c4a50;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
figure.effect-zoe h2 {float: left; font-size:15px;}
figure.effect-zoe figcaption > span {float: right;}
figure.effect-zoe p {position: absolute;bottom:8em;padding:3.1em 3.7em;color: #fff;text-transform: none;font-size: 90%;opacity: 0;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
figure.effect-zoe h2,
.icon-eye::before {content: '\e000';}
.icon-paper-clip::before {content: '\e001';}
.icon-heart::before {content: '\e024';}
figure.effect-zoe h2 {display: inline-block;}
figure.effect-zoe a{width:282px;height:141px;position: absolute;top: 0;left: 0;}
figure.effect-zoe:hover p {opacity: 1;}
figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover figcaption > span {}
figure.effect-zoe:hover h2 {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}

figure.effect-oscar {background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);width:19.9%;position: relative;overflow: hidden;margin:0 0.1%;}
figure.effect-oscar img {opacity: 0.9;-webkit-transition: opacity 0.35s;transition: opacity 0.35s; width:100%; height:100%; }
figure.effect-oscar figcaption {background-color: rgba(58,52,42,0.7);-webkit-transition: background-color 0.35s;transition: background-color 0.35s;width:84.5%;height:78.5%;}
figure.effect-oscar figcaption::before {position: absolute;top: 35px;right: 30px;bottom: 30px;left: 30px;border: 1px solid #fff;content: '';}
figure.effect-oscar h2 {margin:19% 0 5% 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0); font-size:18px;}
figure.effect-oscar figcaption::before,
figure.effect-oscar p {opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);}
figure.effect-oscar a{width:380px;height:277px;position: absolute;top: 0;left: 0;}
figure.effect-oscar:hover h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {opacity: 1;-webkit-transform: scale(1);transform: scale(1);font-size:14px;}
figure.effect-oscar:hover figcaption {background-color: rgba(58,52,42,0);}
figure.effect-oscar:hover img {opacity: 0.4;}

figure.effect-marley{width:19.9%;margin:0 0 0 0px;position: relative;overflow: hidden;}
figure.effect-marley img{width:100%; height:100%;}
figure.effect-marley figcaption{width:84.5%;height:74.5%;}
figure.effect-marley h2,figure.effect-marley p {position: absolute;right: 30px;left: 30px;padding: 10px 0 15px 0;}
figure.effect-marley p {bottom:25%;line-height: 1.5;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);font-size:14px;}
figure.effect-marley h2 {top:34%;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0); font-size:18px;}
figure.effect-marley a{width:380px;height:277px;position: absolute;top: 0;left: 0;}
figure.effect-marley:hover h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-marley h2::after {position: absolute;top: 100%;left: 0;width: 100%;height: 1px;background: #fff;content: '';-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
figure.effect-marley h2::after,figure.effect-marley p {opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

figure.effect-ruby {background-color:#17819c;width:19.9%;margin:0 0 0 0;position: relative;overflow: hidden; margin:0.1% 0 0 0;}
figure.effect-ruby img {opacity: 0.7;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.15);transform: scale(1.15);width:100%; height:100%;}
figure.effect-ruby figcaption{width:84.5%;height:74.5%;}
figure.effect-ruby:hover img {opacity: 0.5;-webkit-transform: scale(1);transform: scale(1);}
figure.effect-ruby h2 {margin-top:18%;  -webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0); font-size:18px;}
figure.effect-ruby p {margin: 1em 0 0;padding:1.5em 3em;border: 1px solid #fff;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,20px,0) scale(1.1);transform: translate3d(0,20px,0) scale(1.1);font-size:14px;} 
figure.effect-ruby:hover h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-ruby:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0) scale(1);transform: translate3d(0,0,0) scale(1);}

figure.effect-roxy {background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);width:19.9%; position: relative;overflow: hidden;margin:0.1%;}
figure.effect-roxy img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;width:100%; height:100%;}
figure.effect-roxy figcaption::before {position: absolute;top: 30px;right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } 
figure.effect-roxy figcaption {text-align: left;width:84.5%;height:74.5%;text-indent:20px;} 
figure.effect-roxy h2 { padding:24% 0 10px 0; font-size:18px;} 
figure.effect-roxy p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0);font-size:14px;} 
figure.effect-roxy:hover img { opacity: 0.7; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 
figure.effect-roxy:hover figcaption::before, figure.effect-roxy:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

figure.effect-bubba {background: #9e5406;width:19.9%;position: relative;overflow: hidden;margin:0.1% 0 0 0; }  
figure.effect-bubba img { opacity: 0.7; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;width:100%; height:100%; } 
figure.effect-bubba:hover img { opacity: 0.4; } 
figure.effect-bubba figcaption{width:84.5%;height:74.5%;}
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } 
figure.effect-bubba figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } 
figure.effect-bubba figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } 
figure.effect-bubba h2 { padding-top:30%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,30px,0); transform: translate3d(0,-20px,0); font-size:18px;} 
figure.effect-bubba p { padding:7px 2.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); font-size:14px; } 
figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 
figure.effect-bubba:hover h2, figure.effect-bubba:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

figure.effect-romeo{-webkit-perspective: 1000px; perspective: 1000px;width:19.9%;position: relative;overflow: hidden; margin:0.1%;} 
figure.effect-romeo img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,0,300px); transform: translate3d(0,0,300px); width:100%; height:100%;} 
figure.effect-romeo:hover img { opacity: 0.6; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 
figure.effect-romeo figcaption{width:84.5%;height:74.5%;}
figure.effect-romeo figcaption::before, figure.effect-romeo figcaption::after { position: absolute; top: 50%; left: 50%; width:60%; height: 1px; background: #fff; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } 
figure.effect-romeo:hover figcaption::before { opacity: 0.5; -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg); transform: translate3d(-50%,-50%,0) rotate(45deg); } 
figure.effect-romeo:hover figcaption::after { opacity: 0.5; -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg); transform: translate3d(-50%,-50%,0) rotate(-45deg); } 
figure.effect-romeo h2, figure.effect-romeo p { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } 
figure.effect-romeo h2 { -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0); transform: translate3d(0,-50%,0) translate3d(0,-150%,0); font-size:18px; } 
figure.effect-romeo p { -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0); transform: translate3d(0,-50%,0) translate3d(0,150%,0);font-size:14px; } 
figure.effect-romeo:hover h2 { -webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0); transform: translate3d(0,-50%,0) translate3d(0,-100%,0); } 
figure.effect-romeo:hover p { -webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0); transform: translate3d(0,-50%,0) translate3d(0,100%,0);}

figure.effect-chico {width:19.9%;position: relative;overflow: hidden;margin:0.1% 0 0 0;} 
figure.effect-chico img {   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12);width:100%; height:100%; } 
figure.effect-chico:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } 
figure.effect-chico figcaption {width:84.5%;height:74.5%;} 
figure.effect-chico figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1); } 
figure.effect-chico figcaption::before, figure.effect-chico p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } 
figure.effect-chico h2 { padding:24% 0 10px 0; font-size:18px;} 
figure.effect-chico p { margin: 0 auto; max-width: 200px; -webkit-transform: scale(1.5); transform: scale(1.5);font-size:14px; } 
figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
@media (max-width:1920px) and (min-width:1600px){
	figure{max-height:277px;}
	figure img{max-height:277px;}}
@media (max-width:1599px) and (min-width:1360px){
	figure{max-height:207px;}
	figure img{min-height:207px;}}
@media (max-width:1359px) and (min-width:1200px){
	figure{max-height:175px;}
	figure img{max-height:175px;}}
@media (max-width:1199px) and (min-width:1024px){
	figure{max-height:146px;}
	figure img{max-height:146px;}}
@media (max-width:1023px) and (min-width:640px){
	figure{max-height:146px;}
	figure img{max-height:146px;}}
@media (max-width:761px) and (min-width:320px){
	figure{max-height:146px;}
	figure img{max-height:146px;}}

.cases{width:100%;background:#fff;padding-top:30px;padding-bottom:32px;}
.ourcase{position:relative;background:#fff url('n/qu6_20.jpg') repeat-x top center;height:600px; padding-left:0; padding-right:0; padding-top:30px; padding-bottom:30px}
.ourcase p.himg{text-align:center;}
.index_case p.himg{text-align:center; margin:20px 0 15px 0;}
.cases_nav{background:url('n/case6_03-02.png') top center;width:100%;height:18px;position:relative;margin-top:40px}
.cases_nav span{width:18px;height:18px;display:block;background:url('n/case6_03.png') no-repeat -19px 0;position:relative;float:left;cursor:pointer}
.cases_nav span:hover,.cases_nav span.on{background-position:0 0;}
.cases_nav span:hover b,
.cases_nav span.on b{color:#fff;}
.cases_nav span.c_1{margin-left:142px;}
.cases_nav span.c_2{margin-left:282px;}
.cases_nav span.c_3{margin-left:281px;}
.cases_nav span.c_4{margin-left:282px;}
.cases_nav span b{color:#b5b7b7;display:block;position:absolute;top:-20px;width:75px;text-align:center;left:-28px;}
.cases_box{width:100%;margin-top:20px;height:460px;position:relative;overflow:hidden;}
.cases_top{-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;width:1200px;height:460px;position:absolute;top:0;left:0px;}
.cases_wrap{height:460px;}
.cases_wrap_act{left:0;}
.case_item{width:292px;height:225px;position:relative;float:left;overflow:hidden;margin: 0 8px 8px 0;}
.case_item:hover img{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);}
.case_item:hover a{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}
.case_item img{width:292px;height:225px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;}
.case_item a{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:69;background:rgba(0,0,0,0.8);color:rgba(255,255,255,0.8);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);opacity:0;-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;}
.case_item span{height:42px;display:block;width:100%;margin-top:100px;line-height:42px;font-size:14px;}
.case_item a i{width:42px;height:42px;background:url('n/qu6_25.png');display:block;float:left;margin-left:6em; margin-right:0.5em; margin-top:0; margin-bottom:0}
.ournews{position:relative;padding:40px 0 0;background:#f3efe9;}
.ournews p.himg{text-align:center;margin-bottom:30px; }
.l_news{width:480px;float:left;background:#fff;height:352px;}
.l_news .ln_img{width:480px;height:180px;position:relative;overflow:hidden;}
.l_news .ln_img span{position:absolute;top:14px;left:16px;width:58px;height:36px;line-height:36px;text-align:center;display:block;color:#fff;background:#ec1419;}
.l_news .ln_img span.ra{font-size:30px;}
.l_news .ln_img span.rb{top:50px;color:#f8ebeb;background:#c01317;}
.l_news p.ln_til{font-size:18px;color:#000;font-weight:600;padding:20px;}
.l_news p.ln_til a{color:#000;}
.l_news p.ln_des{font-size:12px;color:#666;line-height:2em;padding:0 20px 20px 20px;}
.c_news{width:442px;float:left;margin:0 0 0 4px;}
.cn_item{background:#fff;width:100%;height:85px;overflow:hidden;margin-bottom:4px;}
.cn_item:hover{background:#ef9b11;}
.cn_item:hover span{background:#fff;color:#444;}
.cn_item:hover p.cn_til a{color:#fff;}
.cn_item:hover p.cn_des{color:#ddd;}
.cn_item span{width:56px;height:56px;text-align:center;background:#bababa;display:block;float:left;margin:12px;color:#fff;}
.cn_item span b{font-size:20px;line-height:1.8em;}
.cn_item p.cn_til{margin-top:14px;color:#000;}
.cn_item p.cn_til a{color:#000;font-size:14px;}
.cn_item p.cn_des a{ display: block; color:#666;margin:2px 0 0 0;line-height:1.8em;}
.r_news{width:240px;height:352px;float:left;margin-left:4px;background:#ece6dd;}
.rn_tt{width:100%;height:174px;overflow:hidden;}
.rn_tt .rn_til{font-size:16px;color:#000;padding:12px 20px 12px 20px;line-height:1.8em;}
.rn_tt .rn_til a{color:#000;}
.rn_tt .rn_des{font-size:12px;color:#666;line-height:2em;padding:0 20px 20px 20px;}
.rn_logo{width:100%;height:178px;background:#ef9b11;position:relative;overflow:hidden;text-align:center;}
.rn_logo img{display:inline-block;width:240px;height:178px;}
.rn_logo em{background:url('n/qu6_310.png');width:18px;height:10px;display:block;position:absolute;top:0;left:111px}
.ourcus{position:relative;padding:40px 0;background:#fff;}
.ourcus p.himg{text-align:center;margin-bottom:20px;}
.ourcus p.intro{color:#555;text-align:center;margin-bottom:30px;}
.ourcus_ico tr{margin:0;padding:0;}
.ourcus_ico td{background:#ffffff;margin:0;padding:0;border:1px solid #eaeaea;text-align:center;width:238px;height:117px;}
.ourcus_ico img{max-width:238px;max-height:100px;margin-top:9px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;
-o-transition:all .4s linear;transition:all .4s linear;}
.ourcus_ico img:hover{opacity:0.6;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.fd{width:100%;background:#fff url('bg0006.jpg') no-repeat top center;position:relative}
.fd .fd-img{float:left;width:364px;}
.fd .fd-img img{width:364px;height:514px;}
.fd .fd-bd{width:787px;float:left;margin-left:44px;}
.fd-hdimg{margin-top:82px;}
.fd-con{margin-top:27px;border:3px solid rgba(0,0,46,0.8);background:transparent;height:310px;}
.fdform{width:218px;margin:19px 0 0 16px;float:left;}
.fdform li{width:100%;height:39px;background:#fff;margin-bottom:4px;}
.fdform li:focus,.fdform li:hover{background:#f3efe9;}
.fdform li:focus label,.fdform li:hover label{color:#444;}
.fdform li:focus input[type=text],.fdform li:hover input[type=text],.fdform li:hover textarea{background:#f3efe9;}
.fdform li label{color:#a9a9a9;font-size:12px;float:left;line-height:39px;margin:0 10px;}
.fdform li input[type=text]{border:none;outline: none;height:39px;line-height:39px;float:left;padding:0;}
.fdform li.msg{height:100px;}
.fdform li.msg textarea{border:0;padding:0;line-height:2em;height:95px;width:165px;}
.fdform li.msg textarea:hover{outline: none;}
.fdform li.btn input{width:100%;height:100%;display:block;cursor:pointer;background:#333333;color:#fff;font-size:18px;font-weight:600;line-height:39px;text-align:center;outline: none;border:none;}
.fdform li.btn input:hover{background:#444;}
.fd-intro{width:523px;height:276px;background:rgba(0,0,46,0.8);float:left;margin:19px 0 0 10px;color:#fff;}
.fd-intro a{color:#fff;}
.fd-intro .fdtil{margin:10px 0 0 12px;font-size:35px;font-weight:600;line-height:1.2em;}
.fd-intro .fdtil span{font-size:30px;}
.fditem{padding-top:20px;}
.fditem span{display:block;width:150px;height:44px;text-align:center;line-height:44px;border:2px solid rgba(255,255,255,0.5);float:left;margin:10px 0 0 10px;}
.oursl{position:relative;background:#fff url('addnewsbg.jpg') no-repeat top center;padding-left:0; padding-right:0; padding-top:40px; padding-bottom:0}
.oursl p.himg{text-align:center;margin-bottom:30px;}
.sl_img{border-bottom:1px solid #dad7d1;height:180px;}
.sl_img li{display:inline-block;float:left;text-align:center;font-size:14px;color:#555;}
.sl_links{width:100%;border-top:1px solid #fff;padding:5px 0;line-height:2.5em; background:#f0ede2;}
.sl_links span{color:#ca1414;font-size:16px;margin:.5em;}
.sl_links a{color:#444;margin-right:10px;}
.service{width:100%;background:url('index_07.png') top left;padding-bottom:30px}
.service p.h{padding-top:60px;}
.service p.h img{margin-left:300px;}
.service .b{padding-top:45px;}
.service .b li{width:130px;padding-right:20px;float:left;}
.service .b em{display:block;width:114px;height:114px;margin-left:8px;line-height:999px;overflow:hidden;background-image:url('index_y_17.png');background-repeat:no-repeat;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
.service .b em:hover{-webkit-transform:scale(.95) rotate(5deg);-moz-transform:scale(.95) rotate(5deg);-ms-transform:scale(.95) rotate(5deg);-o-transform:scale(.95) rotate(5deg);transform:scale(.95) rotate(5deg);}
.service .b em.a1{background-position:0 0;}
.service .b em.a2{background-position:-150px 0;}
.service .b em.a3{background-position:-299px 0;}
.service .b em.a4{background-position:-448px 0;}
.service .b em.a5{background-position:-598px 0;}
.service .b em.a6{background-position:-748px 0;}
.service .b em.a7{background-position:-897px 0;}
.service .b em.a8{background-position:-1046px 0;}
.service p.t{font-size:16px;line-height:2.5em;color:#000;text-align:center;}
.service p.ls{font-size:12px;color:#333;line-height:2em;text-align:center;}
.service p.ls a{color:#444;margin-right:.5em;}
.service p.ls a:hover{color:#000;text-decoration:underline;}
.cases{width:100%;background:#fff;padding-top:30px;padding-bottom:32px;}
.cases .c_hd,.solution .c_hd,.cust .c_hd{padding-top:42px;height:46px;position:relative;background:url('index_15.png') no-repeat left top;}
.solution .c_hd{background:url('index_27.png') no-repeat left top;}
.solution .qu_s{padding:0;background:none;margin-top:2.5em;}
.cust .c_hd{background:url('index_38.png') no-repeat left top;}
.cases .c_hd p,.solution .c_hd p,.cust .c_hd p{line-height:46px;font-size:38px;color:#666;background:url('index_35.png') no-repeat 160px 3px;}
.solution .c_hd p{background-position:240px 3px;}
.cases .c_hd a{width:167px;height:87px;display:block;line-height:999px;overflow:hidden;background:url('index_18.png') no-repeat left top;position:absolute;top:0;right:0}
.cases .c_bd{position:relative;width:100%;}
.cases .c_bd li{display:block;float:left;margin-top:30px;width:285px;margin-left:20px;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1300px;-moz-perspective:1300px;-ms-perspective:1300px;-o-perspective:1300px;perspective:1300px;}
.cases .c_bd a{display:block;padding-top:24px;background:url('index_y_33.png') no-repeat left top;width:285px;height:156px;transform-origin:0 50%;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
.cases .c_bd a.on{-moz-transform:rotateY(28deg);transform:rotateY(28deg);}
.cases .c_bd li span{display:block;position:absolute;top:1em;right:-1.5em;opacity:0;font-size:14px;color:#666;width:14px;z-index:9999;-webkit-transition:all .4s linear .1s;-moz-transition:all .4s linear .1s;-ms-transition:all .4s linear .1s;-o-transition:all .4s linear .1s;transition:all .4s linear .1s;}
.cases .c_bd li span.on{opacity:1;right:.5em;}

.floor_2{height:754px;background: url('02_bg.jpg') no-repeat top center; overflow: hidden}
.floor_2 .title{color: #fff;text-align:center;padding:30px 0 30px 0;font-size:32px;}
.floor_2 .title p{color: #fff;padding:10px 0 0 0;font-size:20px;line-height:24px;}
.floor_2 .title a{color:#fff;}|
.floor_2 #demo-01{margin-top: 50px;width:1200px;margin:0 auto;}
.floor_2 ul li:last-child{margin-right: 0;}
.floor_2 ul li{width: 372px;height:508px;background: #fff;float:left;margin-right: 18px;border-radius: 5px;}
.floor_2 ul li .img img{display: block; height: 230px;width: 375px;}
.floor_2 ul li:hover .img{background:#0050b4;opacity: 0.5;}
.floor_2 ul li dl{padding:0 28px;text-align:left;}
.floor_2 ul li dl dt{font-size:20px;color: #464646;margin-top: 35px;}
.floor_2 ul li dl dd{margin-top: 8px;height: 71px;}
.floor_2 ul li dl dd a{font-size:14px;color: #666666;line-height: 26px;}
.floor_2 ul li dl dd a b{font-weight: normal;color: #0050b4;}
.floor_2 ul li:hover dl .btn a{background:#0050b4;color:#fff;}
.floor_2 .btn{width:120px;height:40px;margin:0 auto;}
.floor_2 a.prev{height: 40px;width: 40px;float: left;margin-top: 16px;background:url('02jt_1.png') no-repeat top center;}
.floor_2 a.next{height: 40px;width: 40px;float: left;background:url('02jt_2.png') no-repeat top center;margin-left:30px; margin-right:0; margin-top:16px; margin-bottom:0}
.floor_2 a.prev:hover{background:url('02jt_1_1.png') no-repeat top center;}
.floor_2 a.next:hover{background:url('02jt_2_2.png') no-repeat top center;}

/*¹«Ë¾»î¶¯*/
.mainn{ width:1200px; margin:0 auto;}
.personnel_title { padding:25px 0; font-size:1.167em;}
.personnel_title img{}
.personnel_title .tit{ display:inline-block; font-size:1.714em; color:#222; margin:0 15px;}
.personnel_Box1{ width:1200px;margin:0 auto;}
.personnel_Box2{ background:#f7f7f7; border-top:#eeeeee 1px solid; border-bottom:#eeeeee 1px solid; padding-top:27px; padding-bottom:65px;}
.personnel_Box3{ padding-top:47px;}
.Elegant_demeanor{ float:left; width:1200px;}
.Elegant_demeanor_content { overflow:hidden;}
.Elegant_demeanor_content ul li{ border:#ddd 1px solid; float:left; margin-left:15px;}
.Elegant_demeanor_content ul li img{ padding:4px; padding-bottom:0;}
.Elegant_demeanor_content ul li span{ display:block; font-size:1em; color:#666; line-height:40px; padding-left:45px; padding-right:14px; background:url(bg39.png) no-repeat 14px center;}
.Elegant_demeanor_content ul li span font{ display:block; text-align:center; background:url(bg40.png) no-repeat right center; padding-right:30px;}
.Elegant_demeanor_content ul .picture_1{ margin-left:0;}
.Elegant_demeanor_content ul .picture_1 img{ width:296px; height:322px;}
.Elegant_demeanor_content ul .picture_5 img{width: 420px; height: 322px;}
.Elegant_demeanor_content ul .picture_5 span{ line-height:56px;}
.Elegant_demeanor_content ul .picture_1 span{ line-height:56px;}
.Elegant_demeanor_content ul .picture_2 { margin-bottom:15px; width:427px;}
.Elegant_demeanor_content ul .picture_2 img{ width:419px; height:149px;}
.Elegant_demeanor_content ul .picture_2 span{ line-height:50px;}
.Elegant_demeanor_content ul .picture_3 font,.Elegant_demeanor_content ul .picture_4 font{width:116px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.Elegant_demeanor_content ul .picture_3,.Elegant_demeanor_content ul .picture_4 { width:207px; height:162px; }
.Elegant_demeanor_content ul .picture_3 img,.Elegant_demeanor_content ul .picture_4 img{ width:197px; height:118px; }
.Elegant_demeanor_content ul li:hover{ border:#e44e49 1px solid;}
.Elegant_demeanor_content ul li:hover span{ background:#e44e49 url(bg39_2.jpg) no-repeat 14px center; color:#fff; }
.Elegant_demeanor_content ul li:hover font{ background:#e44e49 url(bg40_2.jpg) no-repeat right center; }

.Annual_Video{ float:left; width:750px;}
.Annual_Video .videolist { position:relative;}
.Annual_Video .videolist .BanList{ border:#ddd 1px solid; padding:4px; float:left; width:570px; height:350px;}
.Annual_Video .videolist .TabList{ float:right;}
.Annual_Video .videolist .TabList ul li{ margin-bottom:19px; padding-left:6px;}
.Annual_Video .videolist .TabList ul li a{ border:#ddd 1px solid; padding:4px; display:block; position:relative;}
.Annual_Video .videolist .TabList ul li a,.Annual_Video .videolist .TabList ul li a img,.Annual_Video .videolist .TabList ul li a .span{ width:150px; height:97px;}
.Annual_Video .videolist .TabList ul li a .span{ display:block; position:absolute; left:4px; top:4px; background:url(bg45.png) repeat left top;}
.Annual_Video .videolist .TabList ul li.on{ background:url(bg48.jpg) no-repeat left top;}
.Annual_Video .videolist .TabList ul li.on a{ border:0; padding:5px;}
.Annual_Video .videolist .TabList ul li.on a .span{ display:none;}

.Annual_Video .videolist .prev,.Annual_Video .videolist .next{ display:block; width:39px; height:39px; position:absolute; bottom:0px; z-index:10;}
.Annual_Video .videolist .prev{ background:url(bg46.png) no-repeat center center; right:39px;}
.Annual_Video .videolist .next{ background:url(bg47.png) no-repeat center center; right:0px;}

.Annual_Meeting {width:420px; float:right;}
.Annual_Meeting .Annual_Meeting_content img{ width:420px; height:360px;}
 
.support {height: 203px;position: fixed;right: 0;top: 200px;width: 50px;z-index: 9999;}
.support li {height: 50px;left: 0;position: absolute;}
.support li a {background-color: #ef9b11;border-radius: 6px;color: #fff;display: block;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;transition: all 0.4s ease 0s;}.support li:hover a{background:#000;}
.support li img {display: block;float: left;margin: 12px 12px 14px 14px;}
.support li.support_wx i {background: rgba(0 url('songcaiweixin.jpg') no-repeat 0 0);display: none;height: 188px;left: -208px;position: absolute;top: -136px;width: 188px}
.support li.support_wx:hover i {display: block;}
.support li.support_tel:hover {left: -110px;}
.support li.support_qq:hover {left:-70px;}
.support li.support_tel {width: 172px;}
.support li.support_tel, .support li.support_qq, .support li.support_wb {transition: all 0.4s ease 0s;}
.support li.support_qq {top: 52px;width:140px;}
.support li.support_wb {top: 104px;width:140px;}
.support li.support_a{top:156px;}
.support li.support_b{top:209px;}
.support li.support_wx {width: 62px;}
.support li.support_wx {top: 156px;}

.Strength{ width:1100px; background:url('index_202.gif') repeat-y 187px 0; position:relative;margin-bottom:50px; margin-left:auto; margin-right:auto; margin-top:0px}
.Strength h3{padding-left:114px;}
.Strength h3 span{background:url('index_201.png') no-repeat; width:152px; height:66px; display:block; text-align:center; font-size:22px; color:#FFF; font-weight:bold; line-height:46px}
.Strength dl{ padding-top:25px; width:1000px;}
.Strength dl dt{ float:left; margin-top:50px; width:197px; height:106px; background:url('index_203.png') no-repeat; color:#FFF; font-size:24px; font-weight:bold; color:#eb3900; line-height:106px; text-indent:25px}
.Strength dl dd{ float:right; width:695px; background:#FFF; padding:30px 40px; color:#353534;}
.Strength dl dd h4{ font-size:18px; font-weight:bold; padding-bottom:10px;}
.Strength dl dd p{ padding-bottom:15px;line-height:25px;}

.Strength ul{ position:absolute; right:0px; top:90px; width:65px;}
.Strength ul li{width:65px; height:35px; padding-bottom:5px;}
.Strength ul li a{ display:block;width:65px; height:35px; background:#ffffff; color:#636363; text-align:center; line-height:35px; border-radius:10px; font-size:16px; font-weight:bold;}
.Strength ul li a.cur{ background:#0873ce; color:#fff;}

  

.WeChat_qu{ position:absolute;top:46px;left:680px;width:91px; text-align:center;}
.WeChat_qu img{width:91px;height:91px;margin:-5px 0 0 0;}
.contain .contain_l{width:190px;float:left; height:130px;margin:10px 0 10px 0; color:#fff;}
.contain .contain_l span{ display:block;}
.contain_l .contain_t{ font-size:25px;line-height:35px; font-weight:bold;}
.contain_l .contain_c{ font-size:14px; line-height:23px;}
.contain .contain_m{width:590px;float:left;color:#fff;margin:15px 0 0 40px; height:100px; font-size:13px;}
.contain_m .contain_tel{display:block;height:22px;background:url('contact_icon.png') no-repeat top left;margin-left:0; margin-right:10px; margin-top:0; margin-bottom:10px; padding-left:35px; padding-right:0; padding-top:0; padding-bottom:0}
.contain_m .contain_fax{display:block;height:22px;background:url('contact_icon.png') no-repeat 0 -22px;margin-left:0; margin-right:10px; margin-top:0; margin-bottom:10px; padding-left:35px; padding-right:0; padding-top:0; padding-bottom:0}.contain_m .contain_add{display:block;height:22px;background:url('contact_icon.png') no-repeat bottom left;margin-left:0; margin-right:10px; margin-top:0; margin-bottom:10px; padding-left:35px; padding-right:0; padding-top:0; padding-bottom:0}
.contain_m .contain_Bus{ display:block; height:22px; position:relative; padding:0 0 0 40px; width:580px;}
.contain_m .contain_Bus span.cnzz{float: left;width: 15px;position: absolute;top:-2px;margin:0 0 0 10px; left:-10px;}
.contain_m .contain_Bus span.tongji img{position: absolute;width: 15px;margin: 4px 0 0 30px;height: 15px;left:-12px;}
.bot_share{float: right;background: #FFF;text-align: right;margin-top: 47px;border-radius: 8px;padding: 1px 5px 1px 12px;}
  
.main{ width:1200px; margin:auto;}
.minw{ width:1200px;min-width:1200px;padding:10px 0;margin:0px auto}
  
.hright{ width:900px; position:absolute; top:30px; right:0;}
.htop{ padding-top:22px; line-height:20px; }
.htop span{ background:url(../cimages/htel.png) no-repeat left; padding-left:32px; height:20px; font-size:15px; color:#E7310C; font-weight:700; overflow:hidden;}
.htop .hl{ padding-right:23px; font-size:12px;}
.htop .hl a{ color:#000;}
.hnav{ text-align:right; padding-top:30px;}
.hnav li{display:block; float:left; width:30px; text-align:center;}
.hnav li.line{ color:#DDDDDD; font-size:9px; font-family:Arial, Helvetica, sans-serif; margin-left:39px; margin-right:20px;margin-top: 5px;}
.hnav li a:hover{ color:#ef9b11; text-decoration:none;}
.submenu{ background:rgba(255,255,255,1) ;width:100%; position:absolute; top:138px; z-index:10001; padding-bottom:15px; display:none; font-size:12px;/*background:rgba(2,85,153,0.9);*/}
.subbox{ margin: 0 0 0 384px;}
.mitem{ width:119px; float:left; min-height:10px;}
.mitem p{ padding-left:10px; margin-bottom:0px; line-height:24px; border-left:#CCC 1px solid;}
.mitem a{ color:#666;}
.mitem a:hover{ color:#ef9b11;}
.mitem.subnav8{ width:125px;}
.mitem.subnav9{ width:87px;}
.flipmenu {font-size: 14px;position: relative;height:20px;}
.flipmenu_box {overflow: hidden;position: relative;width:60px;height:20px;padding: 0px;margin: 0px;text-align:center;}
.home .flipmenu_box{ width:30px;}
.about .flipmenu_box{ width:75px;}
.flipmenu_link,.flipmenu_link_over,.flipmenu_link_active {text-decoration: none;text-transform: uppercase;color:#0c0c0c; cursor: pointer;white-space: pre;position: absolute;}
.flipmenu_link {top: 0px;left: 0px;padding:5px 0 0 0;}
.flipmenu_link_over, .flipmenu_link_active {color: #ef9b11;font-weight:600;}
.secNav{}.secNav .secNavBox{position:absolute;box-shadow:0px 3px 3px rgba(0,0,0,0.5);left:500px;top:168px;opacity:0;z-index:9999;background:#f3f3f3;color:#444;font-size:12px;padding:24px 24px 20px 0;display:none;}
.secNav em{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #f3f3f3;width:0;height:0;display:block;line-height:99px;overflow:hidden;position:absolute;top:-4px;left:3.8em;}
.secNavBox .m{float:left;border-left:1px dashed #ddd;font-size:13px;}
.secNavBox .m:first-child{border-left:0;}
.secNavBox .m li{padding-right:24px;height:30px;line-height:30px;}
.secNavBox .m li a{width:100%;height:30px;line-height:30px;display:block;text-indent:26px;color:#444;}
.secNavBox .m li:hover{background:#ef9b11;}
.secNavBox .i{float:left;border-left:1px dashed #ddd;}
.secNavBox .i li{margin-left:24px;width:190px;float:left;}
.secNavBox .i li img{width:190px;height:128px;margin-bottom:.6em;}
.secNavBox .i li p{line-height:1.8em;color:#444;}
.secNavBox .i li p strong{color:#000;font-size:14px;}
.dis_in{ width:1200px;margin:0 auto; margin-bottom:35px;}
.dis_in_b{float:left;color:#333333;text-align:left;padding-top:30px;width:400px; height:65px;}
.dis_in_b p{vertical-align:baseline;margin:0px;padding:0px;}
.dis_in_b p strong{color:#222222;font:bold 12px/24px ΢ÈíÑźÚ;}
.dis_in_b p span{vertical-align:top;color:#666666;font:12px/24px ΢ÈíÑźÚ;display:inline-block;}
/**newslist**/
 
.newslist a.rm,.visitBtn{font-size:16px;height:32px;line-height:32px;display:block;width:120px;text-align:center;color:#666;background:#eee;margin-top:0.8em;border-top-left-radius:3px;border-bottom-left-radius: 3px;position:relative;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.newslist a.rm:after,.visitBtn:after{position:absolute;top:0;left:100%;width:32px;height:32px;display:block;content:'s';line-height:999px;overflow:hidden;background:#4bcdd9 url('news_09.png') no-repeat center;border-top-right-radius:3px;border-bottom-right-radius:3px}
.newslist li:hover .rm,.visitBtn:hover{color:#4bcdd9;padding:0 5px;}
.pages { line-height:32px; text-align:center;font-size:14px;color:#444; margin-bottom:30px; position:relative; float: left;}
.pages a, .pages span,.both{ padding:6px 12px; border:1px solid #ddd; color:#444; }
.pages span{ background:#3fb5c0; color:#fff;border:1px solid #3fb5c0;}
 

.d_h1{font-size:20px;line-height:2em;border-top:1px solid #ddd;padding-top:20px;margin-top:10px;}
.d_context{margin-top:30px;width:100%;overflow:hidden;display:block;line-height:2em;font-size:14px;color:#444;}
.d_context {margin-bottom:12px;}
.d_context a{color:#444;}
.d_context a:hover{ color:#222;text-decoration:underline;}
.d_context img{max-width:1200px;}
.d_pn{margin-top:30px;color:#444;padding-bottom:40px;}
.d_pn b{margin-left:4em;color:#3fb5c0;}
.d_pn b:first-child{margin:0;}
.d_pn a{color:#444;}
.case-list{background:#fff;position:relative;}
.case-list .contain1000{width:1000px;min-width:1000px;}
.cl-ul{padding-top:40px;}
.cl-ul li{width:370px;height:330px;position:relative;overflow:hidden;background:#f3f3f3;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;cursor:pointer;margin:0px 15px 30px;display:inline-block;float:left;z-index:0;}
.cl-ul li .shade{width:370px;height:180px;background:url(qu6_25.png) center center no-repeat rgba(0,0,0,0.5);position:absolute;top:-180px;left:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.cl-ul li .bg{width:370px;height:80px;background:#DF0000;position:absolute;bottom:-123px;left:0;z-index:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.cl-ul li:hover .shade{top:0;}
.cl-ul li:hover .bg{bottom:0;}
.cl-ul li:hover p{color:#fff;}
.cl-ul li:hover p strong{color:#fff;}
.cl-ul li:hover img{}
.cl-ul li img{width:370px;height:250px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;}
.cl-ul li p{color:#999;line-height:2.1em;margin:10px 20px;font-family:"΢ÈíÑźÚ";position:relative;z-index:2;}
.cl-ul li p strong{color:#222;font-size:16px;}
.b_none{border:none;}
#casesp{display:none;}
.caselist{width:100%;position:relative;margin-top:40px;}
.caselist li{width:288px;float:left; overflow:hidden;}
.caselist li:first-child{ }
.caselist .citem{width:278px;border:5px solid transparent;background:#f3f3f3;margin-bottom:20px;border-top:5px solid #ddd;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.caselist .citem img{width:278px;}
.caselist .citem:hover{border:5px solid #3fb5c0;}
.caselist p.til{line-height:30px;font-size:16px;padding:10px 12px 10px 12px;}
.caselist p.des{color:#666;line-height:2em;padding:0 12px 20px 12px;}
#postcontainer,.single .portfolio.type-portfolio {margin-bottom:40px;}
.page-template-template-home-php #postcontainer,.page-template-template-portfolio-php #postcontainer {padding-top:15px;}
.pagetitle {padding: 50px 0 40px 0;margin-bottom: 30px;position: relative;  overflow: hidden;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-position: center center;}
.pagetitle.background-not-transparent {margin-bottom:50px;}
.titleoverlay {width:100%;height:100%;position:absolute;opacity:0.85;top:0;left:0;}
.page-template-template-home-php .pagetitle,.page-template-template-portfolio-php .pagetitle {padding: 60px 0 30px 0;}
.post .pagetitle,.portfolio .pagetitle {padding: 40px 0 0 0;margin-bottom: 0;}.sidebar {font-size:14px;}
.sidebar p,.sidebar ul,.sidebar ol {font-size:14px;}
.isotopecontainer.twocol {padding-bottom: 0;margin-bottom: 40px;border-bottom: 1px solid #dcdcdc;}
.twocol h2.indextitle {font-size: 26px;line-height: 30px;margin-bottom: 15px;}
.twocol .post {padding-right:20px;}.twocol .thumbnailarea {margin: 20px 0 10px 0;}
.twocol .post .twocol-inner {padding-top:40px;margin-bottom:35px;border-top:1px solid #dcdcdc;}
.post .twocol-inner .date {display:block;font-size:10px;margin-bottom:10px;letter-spacing:0;text-transform: none;}
.twocol .post.noborder .twocol-inner {padding-top:0;border-top:none;}
.twocol p,.twocol {font-size:14px;}
.twocol .categories a {background:#cacaca;}
.twocol.threecol .post {padding-right:0;	}
.blogisowrap {padding-left: 13px;width: 965px;overflow: hidden;	}
.post.onecol {margin-bottom:50px;padding-bottom:30px;border-bottom: 1px solid #dcdcdc;}
.onecol .thumbnailarea {margin-bottom: 25px;}
.post h2.title {font-size:36px;line-height: 38px;color: #222;margin-bottom:10px;display: inline-block;}
.single-post .post h2.title {margin-bottom:20px;	}
.post .date {margin-bottom:20px;display:block;font-size:13px;line-height: 13px;letter-spacing: 4px;text-transform: uppercase;color:#c2c2c2;}
.post .date i {margin-right: 7px;}
.datesection {width:85px;float:left;}
.datesection p {font-size:10px;line-height:18px;text-align:center;margin-bottom:0;}
.datesection p,.datesection p a {color: #ccc;color: rgba(0,0,0,0.4);}
.fulldate {border-left:2px solid 0.15); border-right:2px solid 0; border-top:2px solid rgba(0; border-bottom:2px solid 0; display: block;float:left;width: 85px;height: 85px;border-radius: 100px;margin-bottom:10px}
.indexcontent {float:left;width: 462px;margin-left: 28px;}
.fulldate .day {display:block;text-align:center;margin-top: 16px;margin-bottom: 4px;font-size: 35px;}
.fulldate .monthyear {text-align:center;display:block;color: #999;color: rgba(0,0,0,0.5);font-size: 10px;line-height:12px;text-transform: uppercase;font-weight:bold;}.details {font-size:14px;display:block;}
.commentwrapper .one-third {margin-bottom:10px;}
.detailgroup {margin-bottom: 30px;}
.detailgroup .avatar {margin-bottom:8px;border-radius:99px;-moz-border-radius:99px;-webkit-border-radius:99px;-o-border-radius:99px;}
.detailgroup .avatar.left {float:left;margin-right:18px;margin-top:-12px;}
.detailgroup p,.detailgroup p a {color:#999;font-size:14px;line-height:20px;}
p.detailtitle {font-size:12px;line-height:14px;margin-bottom:5px;color:#000;font-weight:bold;}
.details .author {margin-right:20px;}
.details .circle {width: 25px;height: 25px;background: #999;display: inline-block;text-align: center;line-height: 25px;border-radius: 25px;color: #fff;font-size: 12px;margin-right:6px;}
.calendar {background-image:url(images/sprites.png);width: 16px;height: 16px;background-position: -130px -59px;display: inline-block;padding-right: 14px;overflow: hidden;text-indent: 9999999px;vertical-align: middle;}
.date a, .details a {color:#333;text-decoration: none;}
.post .date.two.columns {margin-right:0;	}
.post .mobiledate {display:none;}
.post .mobiledate p {font-size: 12px;margin-bottom: 20px;	}
.post .date .day {display: block;text-align: center;background: #222;padding: 15px;color: white;font-size: 35px;	margin-bottom:10px;}.post .date p {font-size:10px;line-height:12px;text-align:center;margin-bottom:5px;	}
.post .day span {text-align: center;font-size: 10px;line-height: 10px;letter-spacing: 6px;text-transform: uppercase;display: block;margin-top: 10px;color: #ccc;margin-left: 3px; }
.categories {margin-bottom:15px;	}
.single-post .categories {margin-bottom: 20px;	}
.categories a {color: white;background: #c1c1c1;background: rgba(0,0,0,0.25);padding: 4px 6px;font-size: 10px;margin-right:2px;float:left;line-height:12px;}
.single .categories a:hover, .widget .categories a:hover {background: #111;	color: #fff;}
.commentwrapper {margin-top: 50px;background: #f6f6f6;background: rgba(0,0,0,0.03);padding-top: 50px;padding-bottom: 15px;}
.commentsheader {width:auto;}
.commentsheader h4,.commentsform h4 {font-weight:bold;	}
.comment {width:auto;}
.singlecomment {padding: 18px 30px 8px 30px;border: none;background: #f3f3f3;background: rgba(0,0,0,0.05);margin-left:85px;position:relative;}
.singlecomment:after {content: "";position: absolute !important;top:0;left:-20px;z-index: 100;width: 0; height: 0; border-top: 0 none;border-bottom: 20px solid transparent; border-right:20px solid rgba(0,0,0,0.05);}
.comment .avatar {display: inline-block;vertical-align: middle;border-radius: 99px;float:left;margin-top:5px;}
.greybackground .singlecomment {background: #f3f3f3;background: rgba(0,0,0,0.05);	}
.listcomments {margin: 0;padding: 20px 0;list-style: none;width:auto;}
.commentsform {width: auto;}
.singlecomment p.commentsmetadata {font-size: 10px;line-height: 12px;margin: 10px 0 0;}
.singlecomment .name {font-size:18px;border-bottom:1px solid 0;border-left-color:.15); border-right-color:0; border-top-color:rgba(0; margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:12px}
.singlecomment p {font-size: 14px;}
.name a, .name {font-weight:bold;color:#333;}
.name a:hover {text-decoration:none;}
.name strong {font-weight:normal;}
.listcomments .children .name {font-weight:bold;}
.listcomments .children {margin-left:30px;margin-bottom:30px;}
.listcomments li {list-style-type:none;}
.listcomments .children .comment {margin:30px 0 0 0px;padding:0;background:none;}
#commentsubmit span {color:#c85849;}
#commentsubmit label {margin:0 0 6px;display:block;font-size:12px;}
#commentsubmit input[type=text], #commentsubmit textarea {padding: 10px;margin: 0 0 20px 0;border: none;background: #e3e3e3;background: rgba(100,100,100,0.09);}#commentsubmit input[type=text] {width:275px;}
#commentsubmit input[type=text]#url {width:95%;}
#commentsubmit input[type=submit] {border:none;}
#commentsubmit textarea {width: 97%;}
#commentsubmit #submit {padding: 10px;margin: 0 0 20px 0;border:inherit;width:inherit;color: #fff;font-weight: normal;}
.reply a {font-size:12px;line-height:11px;float: right;color:#222;}
#reply-title {text-align: right;float: right;}
#respond {padding-top: 20px;	}
#commentsubmit input:focus, #commentsubmit textarea:focus {border-style:solid;border: none;background: #e9e9e9;background: rgba(100,100,100,0.15);outline:0;}.gallery-title {font-size:1.08em;text-transform:uppercase;}
.navigation-comments p a {padding: 5px 12px;background:#555;color:#fff;}
#cancel-comment-reply-link {padding: 8px;float:right;font-size:10px;line-height:10px;display:inline-block;}
a.comment-reply-link .icon-reply {font-size: 11px;color: #999;opacity: 0;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
a.comment-reply-link:hover .icon-reply {opacity:1;-webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px);}
.page-numbers {display: block;float: left;background: #e7e7e7;padding: 15px 18px;margin-right: 5px;color: #333;font-size: 12px;line-height: 12px;}
.aligncenter .pagination {display:inline-block;}
a.page-numbers:hover, .page-numbers.current {background: #333;color: white;}
.pagination {padding-bottom: 15px;}
.linkpagebutton {border-top: 1px solid #dcdcdc;padding-top:10px;margin: 25px 0;}
.pagelabel {float:left;padding-top:10px;padding-right:10px;}
.linkpagebutton .page-numbers {background:#333;background: rgba(0,0,0,0.85);color:#fff;}
.linkpagebutton a .page-numbers {background: #E3E3E3;background: rgba(0,0,0,0.05);color:#333;}
.more-posts:before {border-top: 1px solid #dcdcdc;margin-top: 50px;width: 100%;height: 1px;content: "";position: absolute;left: 0;top: -20px;z-index: 0;}
p.more-posts {margin-top: 15px;text-align: center;}
.more-posts a {text-transform: uppercase;letter-spacing: 2px;margin: 0 3px 20px 3px;background: #fff;border: 1px solid #dcdcdc;display: inline-block;text-align: center;padding: 18px 24px;line-height: 8px;font-size: 12px;margin-top: -74px;position:relative;}
.more-posts a:hover {background:#222;border-color:#222;color:#fff;}
.morepostscontainer {position:relative;}
.morepostscontainer .more-posts a {margin-top: 8px;}
#infscr-loading {position: absolute;bottom: 0;left: 50%;margin-left: -75px;}
.infinite-pagination {margin-bottom:40px;	}
.postphoto img {display:block;max-width: 100% !important;height: auto !important;}
.postphoto .featured-image {margin:0;}
.postphoto a.postlink div.overlay {position: absolute;top: 0;width: 100%;height:100%;text-align: center;background:#333;/* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";/* IE 5-7 */filter: alpha(opacity=00);/* Netscape */-moz-opacity: 0;/* Safari 1.x */-khtml-opacity: 0;/* Good browsers */opacity: 0;}
.postphoto {padding:0;position:relative;overflow:hidden;background: #333; width:310px;display:block;min-height:100px;}
.hasimages .postphoto {background:#f3f3f3 url(images/small-loading.gif) center no-repeat;}
.postphotoinner {padding:30px;}
.big .postphoto {width:623px;min-height:220px;}
.slim .postphoto {min-height:100px;}
.postphoto div.title {position: absolute;width:100%;text-align:center;display: table;height: 576px;top: 0;left: 0;}
.postphoto div.title h2 {margin:auto;display:table-cell;vertical-align:middle;padding:0 50px;height:100%;color: #fff;font-size: 20px;margin:0;line-height:26px;}/* Change Sizes */
.big .postphoto div.title h2 {font-size: 32px;line-height:38px;}
.slim .postphoto div.title h2 {font-size: 16px;line-height: 22px;}
.noimages .postphoto div.title {position:relative;top:auto;padding:50px 0;margin:0 !important;height: auto !important;}
a.postlink {display:block;width: 100%;height: 100%;background:#222;}
a.postlink img,.postphoto a.postlink div.overlay {transition: all 0.45s ease-in-out;-webkit-transition: all 0.45s ease-in-out;-moz-transition: all 0.45s ease-in-out;-o-transition: all 0.45s ease-in-out;-ms-transition: all 0.45s ease-in-out;}
.postphoto a.postlink:hover div.overlay {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
a.postlink:hover img {-webkit-transform:scale(1.2) rotate(5deg); -moz-transform:scale(1.2) rotate(5deg);-o-transform:scale(1.2) rotate(5deg); -ms-transform: scale(1.2) rotate(5deg); filter: gray;filter:  grayscale(100%) opacity(0.5);-webkit-filter: grayscale(100%) opacity(0.5);-moz-filter: grayscale(100%) opacity(0.5);-o-filter: grayscale(100%) opacity(0.5);-ms-filter: grayscale(100%) opacity(0.5);}
a.postlink .title h2 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;}
.noimages a.postlink .title h2 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";/* IE 5-7 */filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
a.postlink:hover .title h2 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.controls {position:absolute;top:0;right:0;height:50px;width:144px;z-index: 2;}
.controls span {float: right;margin-left:1px;display:block;}
.controls span.closepost {margin-left:10px;}
.controls span a {width: 40px;height: 40px;text-indent: -999999px;display: block;opacity: 0.5;border: 1px solid transparent;}
.controls p.hoverhelper {text-align: right;font-size: 10px;margin-right: 6px;margin-top: 10px;text-transform: uppercase;letter-spacing: 1px;color: #999;}
.closepost a, .nextpost a, .prevpost a {background: url(images/sprites.png) no-repeat;}
.closepost a {background-position: -277px -7px;}
.nextpost a {background-position: -219px -7px;}
.prevpost a {background-position: -168px -7px;}
.controls a:hover {opacity: 1;}
p.ld_m{width:100%;text-align:center;margin-top:40px;padding-bottom:50px;}
p.ld_m span{padding:10px 24px;background:#4bcdd9;font-size:18px;color:#fff;border-radius:5px;display:inline-block;cursor:pointer;box-shadow:0px 2px 0px #3fb5c0;text-shadow:1px 1px 0px #3baab4;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
p.ld_m span:hover{padding:10px 30px;background:#3fb5c0;box-shadow:0px 2px 0px #009eac;}
.n_b{border-bottom:1px solid #ddd;margin-bottom:40px;}
.caseDetail{background:#faf9f9; margin-bottom: 40px;}
.caseDetail .img{float:left;width:870px;border:5px solid #cdc9c9;}
.caseDetail .img img{width:870px;}
.caseDetail .txt{float:left;width:320px;text-align:left; height: auto;}
.caseDetail .txt p{padding:0 24px;line-height:2em;color:#666;font-size:12px;}
.caseDetail .txt p.til{padding-top:1em;font-size:18px;color:#333;}
.caseDetail .txt p.cla{font-size:14px;line-height:3em;color:#444;}
.caseDetail .txt p.des{color:#666;font-size:12px;}
.caseDetail .txt p.des span{font-size:12px!important; line-height:24px!important;}
.caseDetail .txt p.tim{color:#888;font-size:12px;line-height:4em;}
.caseDetail .txt p.tim b{color:red;}
.caseDetail .txt p.tim2 b{color:red;}
.visitBtn{margin-left:24px;}
.connlist{margin-top:90px;}
.conItem{width:300px;height:278px;border:1px solid #e8e8e8;position:relative;float:left;text-align:center;margin-left:145px;}
.conItem span{display:block;position:absolute;border-radius:50%;line-height:999px;overflow:hidden;}
.conItem .p1{width:121px;height:121px;border:1px solid #e8e8e8;top:-63px;left:89px;background:#fff;}
.conItem .p2{border:1px dashed #ffb82a;width:83px;height:83px;background:#fff;top:-43px;left:108px;}
.conItem .p3{background:rgba(255,184,42,0.6);width:75px;height:75px;top:-38px;left:113px;}
.conItem .p4{background:rgba(255,184,42,0.6);width:75px;height:75px;top:-38px;left:113px;}
.conItem .p5{background:url('connpngt.png') no-repeat 0 0;width:24px;height:24px;top:-13px;left:138px}
.conItem p.a_til{margin-top:90px;font-size:18px;color:#333;}
.conItem p{color:#666;line-height:2em;padding:0 30px;}
.conItem b{display:inline-block;padding:10px 20px;background:#333;color:#fff;margin-top:2em;}
.conItem:before{width:100%;height:11px;background:url('lianxiyy.png') no-repeat top center;content:'s';line-height:999px;overflow:hidden;position:absolute;top:100%;left:0}
.c_add{margin-left:0;}
.c_tel .p2{border-color:#91bb4f;}
.c_tel .p3{background:rgba(145,187,79,0.6);}
.c_tel .p4{background:rgba(145,187,79,0.6);}
.c_tel .p5{background-position:-48px 0;}
.c_tel b{background:#91bb4f;}
.c_ewm .p2{border-color:#4bcdd9;}
.c_ewm .p3{background:rgba(75,205,217,0.6);}
.c_ewm .p4{background:rgba(75,205,217,0.6);}
.c_ewm .p5{background-position:-24px 0;}
.conItem .p_a{-webkit-animation:p_a_act 4s linear infinite;-moz-animation:p_a_act 4s linear infinite;-ms-animation:p_a_act 4s linear infinite;-o-animation:p_a_act 4s linear infinite;animation:p_a_act 4s linear infinite;}
@-webkit-keyframes p_a_act{0% {-webkit-transform:scale(1);opacity:1;}30% {-webkit-transform:scale(1.4);opacity:0;}30.0011% {-webkit-transform:scale(.2);opacity:0;}100% {-webkit-transform:scale(1);opacity:1;}}
@-moz-keyframes p_a_act{0% {-moz-transform:scale(1);opacity:1;}30% {-moz-transform:scale(1.4);opacity:0;}30.0011% {-moz-transform:scale(.2);opacity:0;}100% {-moz-transform:scale(1);opacity:1;}}
@-ms-keyframes p_a_act{0% {-ms-transform:scale(1);opacity:1;}30% {-ms-transform:scale(1.4);opacity:0;}30.0011% {-ms-transform:scale(.2);opacity:0;}100% {-ms-transform:scale(1);opacity:1;}}
@-o-keyframes p_a_act{0% {-o-transform:scale(1);opacity:1;}30% {-o-transform:scale(1.4);opacity:0;}30.0011% {-o-transform:scale(.2);opacity:0;}100% {-o-transform:scale(1);opacity:1;}}
@keyframes p_a_act{0% {transform:scale(1);opacity:1;}30% {transform:scale(1.4);opacity:0;}30.0011% {transform:scale(.2);opacity:0;}100% {transform:scale(1);opacity:1;}}
.conItem .p_b{-webkit-animation:-1s p_b_act 4s linear infinite;-moz-animation:-1s p_b_act 4s linear infinite;-ms-animation:-1s p_b_act 4s linear infinite;-o-animation:-1s p_b_act 4s linear infinite;animation:-1s p_b_act 4s linear infinite;}
@-webkit-keyframes p_b_act{0% {-webkit-transform:scale(0.2);opacity:1;}70% {-webkit-transform:scale(1);opacity:1;}100% {-webkit-transform:scale(1.4);opacity:0;}}
@-moz-keyframes p_b_act{0% {-moz-transform:scale(0.2);opacity:1;}70% {-moz-transform:scale(1);opacity:1;}100% {-moz-transform:scale(1.4);opacity:0;}}
@-ms-keyframes p_b_act{0% {-ms-transform:scale(0.2);opacity:1;}70% {-ms-transform:scale(1);opacity:1;}100% {-ms-transform:scale(1.4);opacity:0;}}
@-o-keyframes p_b_act{0% {-o-transform:scale(0.2);opacity:1;}70% {-o-transform:scale(1);opacity:1;}100% {-o-transform:scale(1.4);opacity:0;}}
@keyframes p_b_act{0% {transform:scale(0.2);opacity:1;}70% {transform:scale(1);opacity:1;}100% {transform:scale(1.4);opacity:0;}}
.l_conn{float:left;width:50%;}
 
.addnews_list{}.addnews_list li{width:289px;float:left;margin-left:14px;}
.addnews_list p{font-size:13px;line-height:2.3em;width:100%;white-space:ellipsis;word-spacing: nowrap;overflow:hidden;}
.addnews_list a{color:#fff;}
.addnews_list a:hover{text-decoration:underline;}
.addnews_list li:first-child{margin-left:0;}

.addnews_list li .pic{overflow:hidden;position:relative;margin-bottom:30px;width:289px;height:243px;}
.addnews_list li .pic img{position:absolute;left:0px;top:0px;transition:all ease 0.4s;width:289px;height:243px; opacity:1; background:#000;}
.addnews_list li .pic img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:0.5;}
.p_nav{width:100%;height:70px;background:#fff;border-bottom:1px solid #aaa;box-shadow:0px 3px 3px #ccc;position:fixed;top:0;left:0;z-index:99999;display:none;opacity:0;-webkit-transition:all 1.2s linear;-moz-transition:all 1.2s linear;-ms-transition:all 1.2s linear;-o-transition:all 1.2s linear;transition:all 1.2s linear;}
.p_nav a{display:inline-block;float:left;line-height:26px;font-size:14px;padding:0 2em;margin:22px 0;color:#444;border-left:1px solid #ccc;text-decoration:none;}
.sl_imgs{text-align:center;}
.sl_imgs img{display:inline-block;zoom:1;*display:inline;height:52px;float:left;margin-left:2px;}
.pitxt{ font-size:12px !important; text-align:center;}
 
.banner2,.o2o-pic-box,.distributor-pic-box,.supplier-pic-box,.platform-pic-box,.individuation-pic-box{ height: 360px; width: 100%; display: block; overflow: hidden; }
.banner2 img,.o2o-pic-box img,.distributor-pic-box img,.supplier-pic-box img,.platform-pic-box img,.individuation-pic-box img{ display: block; margin: 0 auto; position: relative; height:100%; width: 100%;}