﻿@charset "utf-8";
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
.flexslider *,.toperh,.toperh .tel,.prolist .procons,.prolist .procons .up h3,.rightprevnext,.news li .pic p,.news li,.news li .pic,.news li .addtime,.news li .cons,.news li .cons .title a,.news li .cons .content,.news li .cons .title a,.contact li,.aboutul3 li,.indnews .right .addtime,.serviceul li .left .title,.indnews .right .addtime,.indprogram li .cons .pic,.indprogram li,.indprogram li .cons .title,.indprogram li .cons .line,.solutiondesign li .pic p,.indprogram li .cons .content,.toper,.toper .logo,.toper .logoyw,.toper ul,.toper .tel,.toper li dl,.fixright li h1
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.abc
{transition-duration:2.5s;-ms-transition-duration:2.5s;-moz-transition-duration:2.5s; -webkit-transition-duration:2.5s;}
.abc,.news li .pic p:hover,.solutiondesign li .pic:hover p
{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.abc,.message input[type="text"],.message #cbeizu,.message #cbtn,.aboutul3 li,.indnews .right .cons,.indnews .right .addtime,.serviceul li,.serviceul li .right,.home-subjects-v2 li,.home-subjects-v2 li a,.solutiondesign li,.tabPanel2 ul li .cons,.tabPanel2 ul li .num,.oneservice li,.otherservice li
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:arial,'Microsoft YaHei','微软雅黑';height:100%;}
body {margin:0 auto;font-family:arial,'Microsoft YaHei','微软雅黑';height:100%;color:#454545;font-size:14px; line-height:25px; margin:0 auto; background:#f4f4f4; overflow-x:hidden;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#454545}
a:Hover,.casesubject h2 a:hover,.news li .cons .title a:hover,.solutiondesign li .cons .title a:hover,.msubject .title {color:#e60113;}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;font-family:arial,'Microsoft YaHei','微软雅黑';border:0;font-size:15px}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
h1,h2,h3,h4,h5 { font-weight:normal}
hr {border:0;border-top:1px solid #d5975c; height:1px;margin:15px 0 12px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

::-webkit-input-placeholder {color: #c8c8c8; } 
:-moz-placeholder {color: #c8c8c8; } 
::-moz-placeholder { color: #c8c8c8; } 
:-ms-input-placeholder {color: #c8c8c8; } 
 
.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:50px 0 0 0px; text-align:center;}
.pager {padding:0 0 0px 0; width:100%;text-align:center;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d3d3d3;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #d3d3d3;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {background:#f4f4f4;}  
.pager a:hover,.pager span.current { background:#e96415;border:1px solid #e96415;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #e96415} 
.pager a,.pager span.disabled {color:#767676;border:1px solid #d3d3d3;} 
.pager a,.pager span.current,.pager span.disabled{width:30px; height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px; } 
.pager font {font-family:宋体;}

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:50px;margin-bottom:10px;}
.picright {margin-left:50px;margin-bottom:10px;}

.wrap {max-width:1180px;margin:0 auto}
.wrap2 {padding:0 4.5%}

.toper,.toperh.active { background:#fff; height:50px; position:fixed; z-index:9999;left:0;top:0;width:100%;}
.toper .logo,.toperh.active .logo {display:block;float:left; background:url(/upLoad/logo/wapLogo1.png) no-repeat center;width:auto; height:50px;}
.toper .logoyw,.toperh.active .logoyw {display:block;float:left; background:url(/upLoad/logo/wapLogo2.png) no-repeat center;width:auto; height:50px;}

.toper ul { float:right;margin:20px 0 0 0}
.toper ul li { display:inline-block;text-align:center; position:relative;margin-left:30px}
.toper li a {font-size:16px; display:block; height:50px; display:block; line-height:65px;border-top:3px solid transparent;color:#333;}
.toper li a:hover,.toper li:hover>a,.toper ul li.check a,.toperh.active li a:hover,.toperh.active li:hover>a,.toperh.active ul li.check a {color:#e96415;border-color:#CCC;}

.topblank { height:50px;}
.toper .dyy{background:#fff; float:right; margin-top: 3%;  border:1px solid #404040;border-radius:10px;margin-right:12%; height:24px;line-height:24px;padding:0 16px;}

.bannerin { background-position:center; background-repeat:no-repeat; height:310px}




.fy-context-cont { background:#f4f4f4}

.tabPanel {}
.tabPanel ul{ text-align:center;height:65px; line-height:65px;margin:30px 0}
.tabPanel ul li{ display:inline-block; text-align:center;margin:0 15px;font-size:16px; cursor:pointer;border-top:3px solid transparent;color:#888}
.tabPanel ul li.hit {border-color:#e60039;color:#333}
.panes {}
.panes .pane { display:none;}
.panes .pane dd {float:left;width:25%;}

.indprosubject { text-align:center;font-size:35px; line-height:50px;padding:80px 0 30px 0}
.indprosubject .cons1 {color:#e96415;font-weight:Bold;}
.indprosubject .cons2 {color:#333}

.prolist { position:relative}
.prolist img {width:100%}
.prolist .procons { position:absolute; z-index:3;width:100%; height:100%; background:rgba(0,0,0,0.6);color:#fff;opacity:0}
.prolist .procons:Hover {opacity:1}
.prolist .procons .up { position:absolute; z-index:4;top:10%;left:10%;width:80%}
.prolist .procons .up h1 {font-size:24px; line-height:30px}
.prolist .procons .up h2 {font-size:14px;margin:3px 0 10px 0}
.prolist .procons .up h3 { height:2px; background:#fff;width:0px;}
.prolist .procons:hover .up h3 {width:50px;}
.prolist .procons .down { background:url(../images/6.png) no-repeat center; width:44px; height:44px; position:absolute; z-index:4;bottom:10%;right:10%}

.maincons {margin-top:65px;}
.casesubject { text-align:left;}
.casesubject h1 {font-size:35px; line-height:35px;color:#333;float:left;}
.casesubject h2 {float:right}
.casesubject h2 a {font-size:25px;color:#999}
.casesubject h2 a.check {color:#333}
.casesubject h2 a.check:hover {color:#e96415}
.casesubject h2 i {margin:0 20px;color:#333;font-size:23px}

.filtr-item {float:left;width:24.4%;padding:0.3%}
.simplefilter { text-align:center; z-index:10; position:relative;margin:20px 0}
.simplefilter li {cursor: pointer;display: inline-block;text-transform: uppercase;color:#333;margin-left:20px;border-bottom:2px solid transparent; height:60px; line-height:20px;}
.simplefilter li.active {font-weight:bold;border-color:#333}
.caselist {padding:0 4.2%}
.caseline { background:#e6e1e1; height:2px;margin:-2px 0 60px 0;}

.rightprevnext { position:fixed; z-index:9999;top:50%;left:50%;margin:-90px 0 0 640px;width:22px;}
.rightprevnext .close { background:url(../images/sw1.png) no-repeat;width:22px; height:23px; display:block;margin-left:-5px;}
.rightprevnext .next { background:url(../images/sw2.png) no-repeat;width:15px; height:27px; display:block;margin:20px 0}
.rightprevnext .prev { background:url(../images/sw3.png) no-repeat;width:15px; height:27px; display:block;margin-bottom:20px}
.rightprevnext .bdsharebuttonbox a.bds_more { background:url(../images/sw4.png) no-repeat;width:21px; height:23px;}
.rightprevnext a:hover{ background-position:bottom}
.rightprevnext .bdsharebuttonbox a.bds_more:hover { background-position:bottom;margin-left:-10px}

.news {margin-top:20px}
.news li{ position:relative;border-bottom:1px solid #dfdcdc;margin:0 0 0 0;padding:20px 0;min-height:130px}
.news li .pic { position:absolute; z-index:1;left:0;width:130px; height:130px; overflow:hidden}
.news li .cons {padding:0 160px}
.news li .cons .title {margin-top:25px; height:20px; line-height:20px; overflow:hidden}
.news li .cons .title a {font-size:16px;color:#333; font-weight:bold;}
.news li .cons .title a:hover { text-decoration:underline}
.news li .cons .content { line-height:25px; height:50px; overflow:hidden;margin-top:15px}
.news li .addtime { position:absolute; z-index:1;right:0;top:0;width:90px;padding:60px 0 0 0;font-size:16px; text-align:center;text-align:right}
.news li .addtime p {font-size:18px;margin:10px 0 0 30px; text-align:left;}
.news li:hover { background:#e96415}
.news li:hover .pic {left:20px}
.news li:hover .addtime {right:20px;color:#fff}
.news li:hover .cons {padding:0 160px 0 180px}
.news li:hover .cons .title a {color:#fff;}
.news li:hover .cons .content {color:#fff;}

.newsshow .current {margin-top:-50px}
.newsshow .ncons { line-height:30px;border-top:1px solid #dfdcdc;padding:30px 0 0 0;}
.newsshow .ncons img {margin:10px 0}
.newsshow .titles {float:left;width:55%;color:#333;font-size:30px; line-height:45px;margin:50px 0}
.newsshow .addtime {float:right;width:40%; text-align:right;margin:63px 0 50px 0}

.contact .left {float:left;width:30%;}
.contact .left .subject {font-size:35px; line-height:50px}
.contact .left .cons {font-size:16px;margin:10px 0 110px 0; line-height:30px;}
.contact .left .title { background:#444;color:#fff; height:22px; line-height:22px;padding:0 5px;font-size:16px; display:inline-block; letter-spacing:1px}
.contact .left .tel {color:#e96415;font-weight:BOld;font-size:30px;margin-top:15px; letter-spacing:1px}
.contact .right {float:right;width:65%;}
.contact .right .name {font-size:30px;margin:15px 0 30px 0}
.contact .right .cons {float:left;width:48%}
.contact .right .cons2 {margin-left:4%}
.contact .right .cons .title{font-size:24px;border-bottom:3px solid #454545; display:inline-block; line-height:60px;margin:0 0 20px 0}
.message .title {font-size:30px;margin:60px 0 15px 0}
.message .conss {margin:0 0 5px 0}
.message input[type="text"] {border:1px solid #b7b6b6;font-size:14px;color:#999; height:40px; line-height:40px; padding:0 20px; background:none;float:left;margin-top:2%;}
.message #cname {width:49%;}
.message #ctel {float:right;width:49%}
.message #caddress {width:100%}
.message #cbeizu {float:left;width:76%;margin-top:2%;border:1px solid #b7b6b6; height:100px;font-size:14px;color:#999;padding:10px 20px; overflow:auto; background:none;}
.message #cbtn {border:2px solid #e96415; height:100px; line-height:100px;float:right;width:22%; background:none; cursor:pointer;color:#e96415;margin-top:2%;font-size:16px;}
.message #cbtn:Hover { background:#e96415;color:#fff;}
.contact ul {border-top:1px solid #b7b6b6;margin-top:80px;padding:50px 0 0 0}
.contact li { display:inline-block; vertical-align:top;width:25%; text-align:center;padding:50px 0}
.contact li .pic { height:110px;}
.contact li .title {margin-top:20px}
.contact li:hover { background:#fff;}
.contact li:hover .title {color:#454545}
.namedw { position:absolute;width:0; height:0;top:-110px;}

.about .aleft {float:left;width:30%;}
.about .aleft .subject {font-size:35px; line-height:45px;color:#333}
.about .aleft .cons {font-size:16px;margin:10px 0 30px 0}
.about .aright {float:right;width:65%;}
.aboutul { text-align:center;margin-top:80px}
.aboutul li {float:left;width:30%;margin-right:5%; background:#fff;padding:0 0 30px 0}
.aboutul li.f3 {margin-right:0}
.aboutul li .cons {border-top:4px solid #e96415;max-width:230px;margin:0 auto}
.aboutul li .cons .title {font-weight:Bold;font-size:25px; line-height:40px;margin:40px 0 45px 0}
.aboutul li .cons .content {font-size:16px;margin:30px 0}
.aboutul li .cons .line { background:#454545; height:1px;}

.aboutcc { text-align:center; background:url(../images/1.jpg) no-repeat center; background-size:cover;padding:150px 0 250px 0;margin-top:100px;color:#fff;}
.aboutcc .title {font-size:30px; line-height:50px; letter-spacing:1px}
.aboutcc .title strong{font-size:35px}
.aboutcc .line { height:3px; background:#e96415;width:70px;margin:30px auto}
.aboutcc .cons {font-size:20px; line-height:30px}
.aboutul2 { text-align:center;margin-top:-70px}
.aboutul2 li {float:left;width:30%;margin-right:5%; background:#fff;padding:40px 0}
.aboutul2 li.f3 {margin-right:0}
.aboutul2 li .content {font-size:20px; line-height:35px;margin:0 0 30px 0}

.team { background:#fff; text-align:center;margin-top:100px}
.team .title {color:#e96415;font-size:35px;font-weight:Bold;padding:100px 0 20px 0}
.team .cons {font-size:20px; line-height:35px;max-width:700px;margin:0 auto 30px auto}
.aboutfh { text-align:center}
.aboutfh .title { text-align:center;color:#e96415;font-size:35px;font-weight:Bold;padding:90px 0 30px 0}
.aboutfh .cons { text-align:center;font-size:20px; line-height:35px;max-width:800px;margin:0 auto}
.aboutul3 {margin:30px 0 50px 0}
.aboutul3 li {float:left;width:30%;margin-right:5%;border:2px solid #454545;font-size:30px;padding:30px 20px }
.aboutul3 li.f3 {margin-right:0}
.aboutul3 li:hover { background:#e96415;color:#fff;border-color:#e96415}

.indnews {margin-top:100px;}
.indnews .left {float:left;width:30%;}
.indnews .left .f1 {font-size:33px}
.indnews .left .f2 { line-height:20px;margin:15px 0 25px 0}
.indnews .left .f3 { height:3px; background:#e96415;width:40px;}
.indnews .left .f4 {color:#e96415;font-weight:bold;font-size:30px; line-height:40px;margin:70px 0}
.indnews .left .f5 { background:#454545;color:#fff;font-size:16px;margin:0 0 5px 0; display:inline-block;padding:0 10px}
.indnews .left .f7 {font-size:30px;font-weight:bold; letter-spacing:1px;margin-top:15px}
.indnews .right {float:right;width:65%}
.indnews .right li {margin-bottom:40px}
.indnews .right li.f3 {margin-bottom:0}
.indnews .right .addtime {float:left;width:15%;border:1px solid #454545; text-align:center;font-size:22px;padding:16px 0 13px 0}
.indnews .right .addtime p {font-size:50px; line-height:50px;margin:10px 0 0 0}
.indnews .right .cons {float:left;width:79%;margin-left:6%;border-right:1px solid #454545;padding:0 6% 0 0}
.indnews .right .cons .title { height:20px; line-height:20px; overflow:hidden;margin-bottom:15px}
.indnews .right .cons .title a {font-size:20px}
.indnews .right .cons .content { line-height:25px; height:75px; overflow:hidden}
.indnews .right li:hover .addtime { background:#e96415;color:#fff;border-color:#e96415}
.indaboutul {margin-top:0}
.indmain { text-align:center;margin:60px 0}
.indmain .title {color:#e96415;font-weight:Bold;font-size:35px; line-height:50px;}
.indmain .cons {font-size:30px; line-height:45px;margin-top:10px}
.serviceul li {float:left;width:30%;margin-right:5%;border:2px solid #454545;padding:0 0 30px 0}
.serviceul li.f3 {margin-right:0}
.serviceul li .left {float:left;width:40%;margin-left:10%}
.serviceul li .left .title { background:#535353;color:#FFF;width:60px; height:70px;padding:10px 10px 0 10px;font-size:25px; line-height:30px;text-align:center;margin:-15px 0 60px 0}
.serviceul li .left .title2 { text-transform:uppercase; line-height:20px;font-weight:Bold;}
.serviceul li .right {float:right;width:45%;padding:60px 20px 0 0; min-height:210px}
.serviceul li:hover .title { background:#e96415;color:#fff;}

.kfpj { background:url(../images/2.jpg) no-repeat center; background-size:cover;padding:1px 0 110px 0;margin-top:100px}
.kfpj .indmain,.kfpj .indmain .title {color:#fff}
.kfpj .line { height:2px; background:#716666;margin-top:-40px;}
#slider2 .slide .cons { background:#fff;padding:20px;}
#slider2 .slide .cons .title {font-size:16px;font-weight:Bold;}
#slider2 .slide .cons .content { line-height:25px ; height:150px; overflow:hidden;margin:20px 0}
#slider2 .slide .cons .star { background:url(../images/1.gif) no-repeat;width:101px; height:17px;}
#slider2 .slide .icon { background:url(../images/14.png) no-repeat;width:21px; height:11px;margin:0 auto}
#slider2 .slide .pic { text-align:center}
#slider2 .slide .pic img {width:70px; height:70px;border-radius:50%;border:5px solid #fff;margin:30px auto 0 auto}

#slider2 .bx-wrapper .bx-controls-direction a {margin-top:105px}

.indprogram .indmain .title { font-weight:normal;color:#e96415}
.indprogram ul {position:relative; overflow:hidden}
.indprogram li {float:left; background:#fff; height:197px;margin-right:0.7%;width:19.44%}
.indprogram li.f7 {margin-right:0}
.indprogram li .cons { text-align:center;}
.indprogram li .cons .pic {width:72px; height:72px;margin:-10px auto 0 auto}
.indprogram li .cons .title {font-size:20px;font-weight:Bold;margin:8px 0 20px 0}
.indprogram li .cons .line { height:2px; background:#454545;width:30px;margin:0 auto}
.indprogram li .cons .content { height:0;color:#fff; overflow:hidden;}
.indprogram li:hover .cons .content { height:auto;line-height:25px;margin-top:15px}
.indprogram li.f1 .cons .content { line-height:20px;margin-top:18px}
.indprogram li:hover { background:#e96415;color:#fff;}
.indprogram li:hover .cons .pic { height:0; overflow:hidden}
.indprogram li:hover .title {color:#fff;}
.indprogram li:hover .line { background:#fff;}
.indprogram li.f1 { height:400px}
.indprogram li.f3 { position:absolute; z-index:1;top:197px;left:19.44%;margin:0.7% 0 0 0.7%}
.indprogram li.f4 { height:400px}
.indprogram li.f6 { position:absolute; z-index:1;top:197px;left:58.32%;margin:0.7% 0 0 2.1%}
.indprogram li.f8 { position:absolute; z-index:1;top:197px;left:77.76%;margin:0.7% 0 0 2.8%}

.indsolution { background:#fff;color:#000;padding:1px 0;margin-top:100px}


.ind4 { background:url(../images/3.jpg) no-repeat center; background-size:cover;padding:1px 0 70px 0; background-attachment:fixed}
.ind4 .indmain {color:#fff}
.ind4 .indmain .title {color:#e96415}
.home-subjects-v2 li *{-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear}
.home-subjects-v2{height:365px; background:rgba(255,255,255,0.85);overflow:hidden;}
.home-subjects-v2 li{width:15%;height:365px;float:left;overflow:hidden;border-right:1px solid #454545;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear;}
.home-subjects-v2 li.f4 {border-right:0}
.home-subjects-v2 li a{color:#454545;width:100%;height:365px;padding:0 40px;display:block;position:relative;cursor:pointer;text-decoration:none;overflow:hidden;}
.home-subjects-v2 li .left{float:left;}
.home-subjects-v2 li .left .num {color:#e96415;font-size:45px; line-height:45px;margin:90px 0 20px 0}
.home-subjects-v2 li .left .title {color:#e96415;font-size:28px; line-height:38px;font-weight:bold;}
.home-subjects-v2 li .left .title2 { line-height:20px;margin:10px 0 15px 0}
.home-subjects-v2 li .left .line {width:30px; height:2px; background:#454545;}
.home-subjects-v2 li .right{float:left;opacity:0;}
.home-subjects-v2 li .right .pic {float:right;width:48%; text-align:right;}
.home-subjects-v2 li .right .cons {float:right;width:45%;margin:0 0 0 7%; height:365px; text-align:left;}
.home-subjects-v2 .big{width:55%; background:#fff;}
.home-subjects-v2 .big a{width:100%}
.home-subjects-v2 .big .left{width:20%;}
.home-subjects-v2 .big .right{width:80%}
.home-subjects-v2 li a:hover .right,.home-subjects-v2 .big .right{opacity:1; }
.home-subjects-v2 .big .left .num {font-size:70px; line-height:70px;margin:40px 0 15px 0}
.home-subjects-v2 .big .left .title2 {font-weight:bold;}
.solution {margin-top:-50px}
.solution li .list { display:inline-block; vertical-align:middle;width:40%;}
.solution li {border-bottom:1px solid #333;padding:80px 0}
.solution li .list .num {color:#e96415;font-size:100px; line-height:100px;}
.solution li .list .title {font-size:35px; line-height:50px;color:#e96415;font-weight:Bold;margin:15px 0 15px 0}
.solution li .list .title span { font-weight:normal;color:#000;margin-left:15px}
.solution li .list .cons {font-size:20px; line-height:40px}
.solution li .pic { display:inline-block; vertical-align:middle;width:50%;margin-left:10%}
.solutiondesign .subject { text-align:center;padding:80px 0 60px 0}
.solutiondesign .subject .title {color:#e96415;font-size:35px; line-height:50px;font-weight:bold;}
.solutiondesign .subject .cons {font-size:18px;  line-height:35px;margin-top:10px}
.solutiondesign li {float:left;width:23.875%;margin:0 1.5% 0 0;}
.solutiondesign li.f4 {margin-right:0}
.solutiondesign li .pic { position:relative; overflow:hidden}
.solutiondesign li .cons {padding:30px;}
.solutiondesign li .cons .title { height:20px; line-height:20px; overflow:hidden;margin:0 0 10px 0}
.solutiondesign li .cons .title a {color:#000;font-size:20px;font-weight:Bold;}
.solutiondesign li .cons .content {color:#999; line-height:25px; height:50px;}
.solutiondesign li .cons .content a {color:#999}
.indsolutionlist { background:#efefef}
.tabPanel2 ul {float:left;width:32%;margin:-30px 0 100px 0}
.tabPanel2 ul{}
.tabPanel2 ul li{}
.tabPanel2 ul li .cons {border:4px solid #333; width:172px; height:172px;float:left; background:#efefef}
.tabPanel2 ul li .cons .cons2 { display:inline-block; vertical-align:middle;margin:0 5% 0 10%;width:67%}
.tabPanel2 ul li .cons .cons2 .title {font-weight:bold;font-size:18px; line-height:30px;}
.tabPanel2 ul li .cons .cons2 .content {font-size:18px; line-height:25px;margin-top:3px}
.tabPanel2 ul li .cons .icon { display:inline-block; vertical-align:middle;font-weight:bold;font-size:25px; font-family:宋体;width:10%;margin:0 8% 0 0; text-align:right;}
.tabPanel2 ul li .num {float:left;width:180px; height:180px; line-height:180px; text-align:center;color:#e96415;font-size:80px;opacity:0}
.tabPanel2 ul li.hit .cons {border-color:#e96415; background:#e96415;color:#fff}
.tabPanel2 ul li.hit .num {opacity:1}
.panes2 {float:right;width:63%;margin-top:70px; text-align:right}
.panes2 .pane2 { display:none;}

.qaservice {margin-top:-65px}
.qaservice li { display:inline-block; vertical-align:top;width:24.625%;margin:0 0.5% 0 0; background:#fff}
.qaservice li.f4 {margin-right:0}
.qaservice li .pic { position:relative;}
.qaservice li .pic .list { position:absolute; z-index:2;color:#fff;font-weight:Bold;left:13%; height:100%;font-size:25px; letter-spacing:1px}
.qaservice li .cons {max-width:74%;margin:25px auto;min-height:200px}
.msubject { text-align:center;padding:60px 0 40px 0}
.msubject .title {font-weight:bold;font-size:33px; line-height:50px;}
.msubject .cons {font-size:18px; line-height:35px;}

.oneservice ul { overflow:hidden; height:470px;}
.oneservice li {float:left;margin:0.5% 0.5% 0 0;width:24.625%; background:#fff; height:230px;padding:0px 20px 15px 20px}
.oneservice li.f1 { height:470px; text-align:center}
.oneservice li.f4,.oneservice li.f7 {margin-right:0} 
.oneservice li .pic { text-align:right}
.oneservice li .pic p {background-repeat:no-repeat;width:72px; height:72px;margin:0 0 0 auto}
.oneservice li .title {font-size:20px;font-weight:bold;margin-top:10px}
.oneservice li .line { height:2px; background:#333;width:30px;margin:15px 0}
.oneservice li .cons { line-height:25px; height:50px; overflow:hidden}
.oneservice li.f1 .pic { text-align:center}
.oneservice li.f1 .pic p {margin:0 auto}
.oneservice li.f1 .line {margin:25px auto}
.oneservice li.f1 .cons { height:auto}
.oneservice li:hover { background:#e60113;}
.oneservice li:hover .pic p { background-position:bottom}
.oneservice li:hover .title,.oneservice li:hover .cons {color:#fff;}
.oneservice li:hover .line { background:#fff;}

.otherservice li {float:left;width:33%;margin:0 0.5% 0 0; background:#fff; position:relative;padding:70px 2% 70px 5%}
.otherservice li.f3 {margin-right:0}
.otherservice li .pic {position:absolute; z-index:1;}
.otherservice li .cons {padding:0 0 0 90px;margin-top:10px}
.otherservice li .cons .title {font-weight:Bold;font-size:25px;}
.otherservice li .cons .content {margin-top:8px;}

.servicestep { background:url(../images/service.jpg) no-repeat center; background-attachment:fixed;padding:40px 0 80px 0;margin-top:80px}
.servicestep .msubject .cons {color:#fff;margin-top:10px}

.servicebz ul {margin-top:20px}

.case_list {padding:0 4.2%}
.case_list li {float:left;width:24.2%;margin:0.4%; position:relative; overflow:hidden}


.foot { background:#fff;padding:15px 0;color:#8a8888;border-top: 6px #3c4255 solid; margin: 0 auto;}
.foot a {color:#2a2a2a;}
.foot a:Hover {color:#e96415;}
.foot dl {float:left; width: 50%; text-align: center;}

.foot dt a {font-size:16px;color:#3c4255;  line-height:40px;}
.foot .allhr{ width: 100%; border-top: 1px #CCC solid;}
.foot dl.copy {width:100%; margin: 15px auto; text-align: center; line-height:30px;}
.foot dl.copy dt { color:#e96415; font-size:16px;}
.foot dl.copy p{font-size:14px;}
.foot dl.copy spen{font-size:20px;font-weight: bold; color:#3c4255;}




@media (max-width:1180px) {
.wrap,.wrap2 {padding:0 3%}
body {font-size:12px; line-height:20px; }
.bannerin { height:220px; background-size:cover;}

.mobmenu {display:block;background:none;width:auto; height:auto; margin-top:auto}
.mobmenu { position:absolute; z-index:9999;top:9px;right:3%;width:26px; height:21px;}
.mobmenu .openmenu { background:url(../images/open2.png) no-repeat;width:26px; height:21px; cursor:pointer;}
.mobmenu .closemenu { background:url(../images/close2.png) no-repeat;width:26px; height:21px; cursor:pointer; display:none}

.toperh.active { background:#fff;}
.topblank { height:50px;}
.toper { background:#fff;}
.toper,.toperh.active { height:50px;}
.toper .logo,.toperh.active .logo {width:120px; height:50px; background-size:100%;}
.toper .logoyw,.toperh.active .logoyw {width:120px; height:50px; background-size:100%;}
.toper ul {position:fixed; z-index:9999; right:0;width:50%;margin-left:0;top:30px;padding:0px 0;background:rgba(0,0,0,0.8); display:none; height:1500px}
.toper ul li {display:block; text-align:center; margin:20px auto; height:30px; line-height:30px}
.toper ul li i { display:none;}
.toper ul li a {padding:0;margin:0;color:#fff;border:0;font-size:18px}

/*首页分类模块*/
.topabP {}
.topabP ul{ text-align:center;height:auto; line-height:30px;margin:30px 0}
.topabP ul li{ display:inline-block; text-align:center;margin:3px; padding: 0 25px;font-size:16px; cursor:pointer;color:#2d2d2d;border:1px solid #ccc;}
.topabP ul li.hit {border-color:#e96415;color:#333}
.toppanes {}
.toppanes .toppane { display:none;}
.toppanes .toppane dd {float:left;width:49%;margin:0.5%;height: 180px;background: #fff;}	
.toprolist { position:relative}
.toprolist img {width:100%}
.toprolist .toprocons { position:absolute; z-index:3;width:100%; height:180px; background:rgba(0,0,0,0.6);color:#fff;opacity:0;border-bottom:1px solid #ccc;}
.toprolist .toprocons:Hover {opacity:1}
.toprolist h4 {position:absolute;font-size:14px; line-height: 40px; padding-left: 8%; width:92%; color:#000;border-top:1px solid #ccc;}
.toprolist .toprocons:hover .up h3 {width:30px;}
.toprolist .toprocons .down { width:20px;height:20px;background-size:100%}

/*首页客户展示*/
.khtabPanel { height:auto;}
.khpanes { height:auto;}
.khpanes .khpane { height:auto; }
.khpanes .khpane dd {float:left;width:25%; border-bottom: 1px solid #ccc;}
.khpanes .khpane dd img{width:100%; height:auto;}
.khindprosubject { text-align:center;font-size:20px; padding:20px 0; line-height: 60px;}
.khindprosubject .cons1 {color:#e96415;line-height:60px;}
.khindprosubject .cons2 {color:#333;font-size:14px;line-height:20px;}
.khindprosubject .cons2 kkcc1{display:inline-block;width:30px;border-top:1px solid #cccccc;vertical-align:5px; margin: 0 20px; }
.khindprosubject .conallp a{color:#fff;background: #e96415;font-size:14px; border-radius: 30px; padding: 8px 36px;line-height:30px;}

/*首页公司介绍模块*/
.indhome {}
.indhome .homeee{ float: left; width: 100%;background: #fff; padding: 30px 0}
.indhome .homeee img{position:relative; width: 100%; height: auto; margin-top: 20px;}
.indhome .homeee .title{ width: 100%;color:#e96415;font-size:22px; line-height:30px;font-weight:bold; }
.indhome .homeee p{float: left; width: 96%;font-size:14px; line-height:35px;text-indent:2em; padding: 3%;}
.indhome .homeee .comme{font-size:14px;line-height:35px;width: 100%; text-align: center;}
.indhome .homeee .comme a{color:#fff;background: #e96415;font-size:14px; border-radius: 30px; padding: 8px 36px;line-height:30px;text-align: center;}

/*首页案例展示模块*/
.topabCCC {margin: 40px 0 100px; }
.topabP1 {}
.topabP1 .title{text-align:center;width: 100%;color:#e96415;font-size:22px;font-weight:bold;margin-bottom: 30px; }
.toppanes1 .toppane1 dd {float:left;width:49%;margin:0.5%; padding-top: 20px; height: 220px;background: #fff;}	
.toprolist1 { position:relative;}
.toprolist1 img {width:50%;}
.toprolist1 h4 {position:absolute;font-size:14px; line-height: 20px; padding-top: 15px; padding-left: 8%; width:92%; margin-top: 40px;  color:#000;border-top:1px solid #ccc;}
.toprolist1 h3 {font-size:16px;padding-left: 8%; width:92%;  color:#000;margin-bottom: 10px;}
	
	
/*首页新闻示模块*/
	
.topindnews {margin-top:30px; padding: 20px;}
.topindnews .left .f1 {font-size:20px}
.topindnews .left .f2 {margin:10px 0 15px 0}
.topindnews .left .f3 { height:2px; width:30px;}
.topindnews .right {float:left;width:98%}
.topindnews .right li {margin-bottom:20px}
.topindnews .right li.f3 {margin-bottom:0}
.topindnews .right .addtime {width:18%;font-size:14px;padding:10px;float:left;border:1px solid #454545;text-align:center;}
.topindnews .right .addtime p {font-size:30px; line-height:30px;margin:10px 0 0 0}
.topindnews .right .cons { float: right; width:68%;  margin-left:6%;padding:0;}
.topindnews .right .cons .title {margin-bottom:5px; height:24px; line-height:20px; overflow:hidden;}
.topindnews .right .cons .title a {font-size:16px}
.topindnews .right .cons .content { line-height:20px; height:60px; overflow:hidden}
.topindnews .right li:hover .addtime { background:#e96415;color:#fff;border-color:#e96415}
	
	
	
.tabPanel ul{height:auto; line-height:30px;margin:15px 0}
.tabPanel ul li{ margin:-5px 10px;font-size:14px;border-top:2px solid transparent}
.indprosubject {font-size:20px; line-height:30px;padding:30px 0 10px 0}
.prolist .procons .up h1 {font-size:16px; line-height:25px}
.prolist .procons .up h2 {font-size:12px;margin:3px 0 8px 0}
.prolist .procons .up h3 { height:1px;}
.prolist .procons:hover .up h3 {width:30px;}
.prolist .procons .down { width:20px;height:20px;background-size:100%}

.maincons {margin-top:30px}
.casesubject h1 {font-size:20px; line-height:20px;}
.casesubject h2 a {font-size:18px;}
.casesubject h2 i {margin:0 10px;font-size:18px}
.simplefilter li {margin-top:5px;height:20px;font-size:14px;border-width:1px}
.caselist {padding:0 2.7%}
.caseline {margin:15px 0 20px 0;}


.rightprevnext { display:block; z-index:0;position:relative;margin:0px;top:auto;left:auto;width:auto;border-bottom:1px solid #dfdcdc;padding:0 0 10px 0}
.rightprevnext a { display:inline-block;margin:0; vertical-align:top;}
.rightprevnext .close {margin:20px 30px 0 30px; background-size:100%; height:18px;width:17px;display:inline-block;}
.rightprevnext .next {margin:20px 0 0 0;background-size:100%; height:18px;width:10px;display:inline-block;margin-left:-10px}
.rightprevnext .prev {margin:20px 0 0 0;background-size:100%; height:18px;width:10px;display:inline-block; position:absolute;left:0}
.rightprevnext .bdsharebuttonbox {float:right; position:absolute; z-index:1;right:-20px;top:10px;}
.rightprevnext .bdsharebuttonbox a.bds_more:hover { margin-left:-50px}

.newsshow .current {margin-top:-30px}
.newsshow .ncons { line-height:20px;padding:20px 0 0 0;}
.newsshow .ncons img {margin:5px 0}
.newsshow .titles {font-size:16px; line-height:25px;margin:30px 0;width:50%;}
.newsshow .addtime {margin:35px 0 30px 0;width:45%}

.contact .left {width:30%;}
.contact .left .subject {font-size:20px; line-height:30px}
.contact .left .cons {font-size:14px;margin:5px 0 10% 0; line-height:25px;}
.contact .left .title {font-size:14px}
.contact .left .tel {font-size:25px; letter-spacing:0}
.contact .right {width:70%;}
.contact .right .name {font-size:20px;margin:10px 0 20px 0}
.contact .right .name xxn{font-size:12px; padding-top: 30px;}
.contact .right .cons .title{font-size:18px;border-width:2px;line-height:30px;margin:0 0 10px 0}
.message .title {font-size:18px;margin:35px 0 10px 0}
.message .conss {margin:0 0 0 0}
.message input[type="text"] {font-size:12px;height:30px; line-height:30px; padding:0 10px;}
.message #cbeizu {height:80px;font-size:12px;padding:8px 10px; }
.message #cbtn {border-width:1px; height:80px; line-height:80px;font-size:14px;}
.contact ul {margin-top:30px;padding:10px 0 0 0}
.contact li {padding:20px 0}
.contact li .pic { height:80px;}
.contact li .pic img {max-height:60px}
.contact li.f1 .pic img {max-height:80px}
.contact li .title {margin-top:10px}
.namedw {top:-40px;}


.about .aleft .subject {font-size:20px; line-height:25px}
.about .aleft .cons {font-size:14px;margin:5px 0 15px 0}
.aboutul { margin-top:30px}
.aboutul li {padding:0 0 20px 0}
.aboutul li .cons {border-width:2px;max-width:80%}
.aboutul li .cons .title {font-size:18px; line-height:30px;margin:20px 0}
.aboutul li .cons .content {font-size:14px;margin:20px 0}
.aboutul li .cons .icon img {max-height:50px}

.aboutcc {padding:40px 0;margin-top:30px;}
.aboutcc .title {font-size:16px; line-height:25px;}
.aboutcc .title strong{font-size:20px}
.aboutcc .line { height:2px; width:50px;margin:20px auto}
.aboutcc .cons {font-size:16px; line-height:25px}
.aboutul2 { margin-top:30px}
.aboutul2 li {padding:20px 0}
.aboutul2 li .content {font-size:16px; line-height:25px;margin:0 0 20px 0}
.aboutul2 li .icon img {max-height:50px}

.team {margin-top:30px}
.team .title {font-size:20px;padding:30px 0 10px 0}
.team .cons {font-size:16px; line-height:25px;margin:0 auto 20px auto}
.aboutfh .title { font-size:20px;padding:30px 0 20px 0}
.aboutfh .cons { font-size:16px; line-height:25px;}
.aboutul3 {margin:0px 0 20px 0}
.aboutul3 li {border-width:1px;font-size:18px;padding:10px 10px }

.indnews {margin-top:30px;}
.indnews .left .f1 {font-size:20px}
.indnews .left .f2 {margin:10px 0 15px 0}
.indnews .left .f3 { height:2px; width:30px;}
.indnews .left .f4 {font-size:20px; line-height:25px;margin:30px 0}
.indnews .left .f5 { font-size:14px;padding:0 5px}
.indnews .left .f7 {font-size:20px;;margin-top:10px}
.indnews .right li {margin-bottom:20px}
.indnews .right .addtime {font-size:18px;padding:10px 0 10px 0}
.indnews .right .addtime p {font-size:30px; line-height:30px;}
.indnews .right .addtime {width:18%;}
.indnews .right .cons {width:78%;margin-left:4%;padding:0;border:0}
.indnews .right .cons .title {margin-bottom:5px}
.indnews .right .cons .title a {font-size:16px}
.indnews .right .cons .content { line-height:20px; height:60px;}

.indmain {margin:30px 0}
.indmain .title {font-size:20px; line-height:25px;}
.indmain .cons {font-size:16px; line-height:25px;margin-top:7px}
.serviceul li {border-width:1px;padding:0 0 10px 0;}
.serviceul li .left {width:40%;margin-left:5%;}
.serviceul li .left .title { width:40px; height:49px;padding:11px 10px 0 10px;font-size:16px; line-height:20px;margin:-15px 0 30px 0}
.serviceul li .right {width:50%;padding:30px 10px 0 0; min-height:220px;}

.kfpj { padding:1px 0 50px 0;margin-top:30px}
.kfpj .line { height:1px;margin-top:-23px;}
#slider2 {padding:0}
#slider2 .slide .cons .title {font-size:14px;}
#slider2 .slide .cons .content { line-height:20px ; height:100px; margin:10px 0}
#slider2 .slide .cons .star { width:71px; height:12px; background-size:100%}
#slider2 .slide .pic img {width:40px; height:40px;border-width:2px;margin:20px auto 0 auto}
.bx-wrapper .bx-controls-direction a { margin-top: 50px; }

.indprogram li .cons .title {font-size:16px;margin:5px 0 15px 0}
.indprogram li .cons .line { height:1px;width:20px;margin-top:-5px}
.indprogram li.f1 .cons { line-height:18px;}
.indprogram li.f1,.indprogram li.f4 { height:300px;}
.indprogram li {height:147px;}
.indprogram li.f3,.indprogram li.f6,.indprogram li.f8 {top:147px;}
.indprogram li:hover .cons .content { line-height:20px;margin-top:5px}
.indprogram li.f1 .cons .content { line-height:16px;margin-top:15px}

.indsolution {margin-top:30px}

.ind4 {padding:1px 0 30px 0}
.home-subjects-v2{height:200px;}
.home-subjects-v2 li{width:15%;height:200px;}
.home-subjects-v2 li a{height:200px;padding:0 20px;}
.home-subjects-v2 li .left .num {font-size:30px; line-height:30px;margin:35px 0 10px 0}
.home-subjects-v2 li .left .title {font-size:20px; line-height:38px;}
.home-subjects-v2 li .left .title2 { line-height:16px;margin:5px 0 12px 0}
.home-subjects-v2 li .left .line {width:20px;}
.home-subjects-v2 li .right .pic {width:48%; height:200px}
.home-subjects-v2 li .right .pic img{max-height:200px}
.home-subjects-v2 li .right .cons {width:45%;margin:0 0 0 7%; height:200px;}
.home-subjects-v2 .big{width:55%;}
.home-subjects-v2 .big .left{width:20%;}
.home-subjects-v2 .big .right{width:80%}
.home-subjects-v2 .big .left .num {font-size:40px; line-height:40px;margin:20px 0 10px 0}

.solution {margin-top:-20px}
.solution li .list {width:40%;}
.solution li {padding:25px 0}
.solution li .list .num {font-size:40px; line-height:40px;}
.solution li .list .title {font-size:20px; line-height:30px;margin:10px 0 10px 0}
.solution li .list .title span { margin-left:10px}
.solution li .list .cons {font-size:14px; line-height:25px}
.solution li .pic { width:55%;margin-left:5%}
.solutiondesign .subject { padding:30px 0 20px 0}
.solutiondesign .subject .title {font-size:18px; line-height:20px;}
.solutiondesign .subject .cons {font-size:14px;  line-height:25px;margin-top:5px}
.solutiondesign li {width:24.25%;margin:0 1% 0 0;}
.solutiondesign li .cons {padding:10px;}
.solutiondesign li .cons .title { margin:0 0 5px 0}
.solutiondesign li .cons .title a {font-size:14px}
.solutiondesign li .cons .content {line-height:20px; height:40px;}

.tabPanel2 ul {width:32%;margin:30px 0}
.tabPanel2 ul li .cons {border-width:1px; width:138px; height:138px;}
.tabPanel2 ul li .cons .cons2 { margin:0 5% 0 10%;width:67%}
.tabPanel2 ul li .cons .cons2 .title {font-size:14px; line-height:25px;}
.tabPanel2 ul li .cons .cons2 .content {font-size:14px; line-height:20px;margin-top:1px}
.tabPanel2 ul li .cons .icon { font-size:20px; width:10%;margin:0 8% 0 0; }
.tabPanel2 ul li .num {width:140px; height:140px; line-height:140px;font-size:60px;}
.panes2 {width:63%;margin-top:30px;}
.qaservice {margin-top:-30px}
.qaservice li .pic .list { left:10%; font-size:16px;}
.qaservice li .cons {max-width:80%;margin:15px auto;min-height:180px}
.msubject { padding:30px 0 20px 0}
.msubject .title {font-size:18px; line-height:25px;}
.msubject .cons {font-size:14px; line-height:25px;}

.oneservice ul {height:400px;}
.oneservice li {height:200px;padding:0px 15px 10px 15px}
.oneservice li.f1 { height:400px;}
.oneservice li .pic p {width:50px; height:50px; background-size:100%}
.oneservice li .title {font-size:16px;margin-top:5px}
.oneservice li .line { height:1px; width:20px;margin:10px 0}
.oneservice li .cons { line-height:20px; height:60px;}
.oneservice li.f1 .line {margin:15px auto}

.otherservice li {padding:30px 2% 30px 2%}
.otherservice li .pic img{ width:40px}
.otherservice li .cons {padding:0 0 0 50px;margin-top:5px}
.otherservice li .cons .title {font-size:18px;}
.otherservice li .cons .content {margin-top:5px;}

.servicestep { padding:0px 0 10px 0;margin-top:30px}
.servicestep .msubject .cons {margin-top:0px}
.servicebz ul {margin-top:0px}
.fixright { display:none;}

.case_list {padding:0 2.6%}
.case_list li {width:24.2%;margin:0.4%;}

.page_wrap {padding:30px 0 0 0px;}
.pager a,.pager span.current,.pager span.disabled{width:25px; height:25px; line-height:25px;}

#slider2 .bx-wrapper .bx-controls-direction a {margin-top:65px}
.news {margin:30px 0}
.news li{ padding:10px 0;min-height:85px; background: #FFFFFF;}
.news li .pic { width:85px; height:85px;}
.news li .cons {padding:0 45px 0 95px ;}
.news li .cons .title {margin-top:0px;}
.news li .cons .title a {font-size:14px;}
.news li .cons .content { line-height:20px; height:60px;margin-top:5px; border-right:1px solid #7A7A7A;}
.news li .addtime { width:35px;padding:37px 0 0 0;font-size:10px;}
.news li .addtime p {font-size:14px;margin:0px 0 0 2px;}
.news li:hover .pic {left:10px}
.news li:hover .addtime {right:10px;}
.news li:hover .cons {padding:0 55px 0 105px}
.bannerin { height:160px;}
.panes .pane dd {width:50%;}
.filtr-item {width:49.4%;padding:0.3%}
.newsshow .titles {width:100%;float:none;margin:20px 0 0 0}
.newsshow .addtime {margin:5px 0 20px 0;width:100%;float:none; text-align:left;}
.solutiondesign li {width:48%;margin:0 1% 2% 1%;}

.tabPanel2 ul {width:35%;}
.panes2 {width:60%;margin-top:10%}
.tabPanel2 ul li .cons {width:113px;}
.tabPanel2 ul li .num {width:115px;}

.case_list {padding:0 2%}
.case_list li {width:48%;margin:1%;}

	
/*产品列表页*/

.cpimg { text-align:center; background:url(../images/cpimg.jpg) no-repeat center; background-size:cover;padding:40px 0;color:#fff;}
.cpimg .title strong{font-size:16px;line-height:30px;letter-spacing:1px;color:#e96415;}
.cpimg .line { height:3px; background:#e96415;width:70px;margin:30px auto}
.cpimg .cons {font-size:12px; line-height:20px;color:#3c4255;}
.cpimg .cons a{color:#3c4255;}
.cpimg .cons a:hove{color:#e96415;}
.proxxbtall{ width: 94%;  background: #fff; margin: 0 auto; padding: 3%; height:120px; overflow-y: auto}
.proxxbtall .proxxbt{ width: 90%; margin: 0 auto;position:relative;}
.proxxbtall .proxxbt bt1{float: left; width:90%;font-size:14px; font-weight:Bold;}
.proxxbtall .proxxbt ul{ float: left;font-size:14px;display: inline-block; width:100%;height: auto;border-bottom:1px solid #707070; padding: 10px 0;overflow-y: auto}
.proxxbtall .proxxbt ul li a{ float: left;font-size:14px;margin: 4px 20px;  height:20px;line-height:20px;}
.proxxbtall .proxxbt ul li a:hover{color:#052675;}
.proxxbtall .proxxbt .proxxbt1{display:none;width:90%;position:absolute;top:110px; left:0; margin-bottom: 10px;}
.proxxbtall .proxxbt .proxxbt1 bt2{float: left; width:90%;font-weight:Bold;}
.proxxbtall .proxxbt .proxxbt1 ul{float: left;font-size:14px;display: inline-block;  height: auto;border-bottom:0;overflow-y: auto}
.proxxbtall .proxxbt .proxxbt1 ul li a{ float: left;font-size:14px; display:block; margin: 4px 20px;height:20px;line-height:20px;}
.proxxbtall .proxxbt .proxxbt1 ul li a:hover{color:#052675;}
.proxxbtall .proxxbt ul li.active .proxxbt1{display:block;}	
	
/*技术和产品内页导航位置*/
.caseshow { width: 100%; height: 30px; background: #4d4d4d;}
.caseshow .current {height:30px; line-height:30px;color:#fff;text-decoration:none;}
.caseshow .current a{color:#fff;text-decoration:none;}
.caseshow b {color:#333}	

/*新闻列表内容页面*/
.news1 {background: #fff}
.newsimg { text-align:center; background:url(../images/xwtop.jpg) no-repeat center; background-size:cover;padding:40px 0;color:#fff;}
.newsimg .title strong{font-size:16px;line-height:30px;letter-spacing:1px;color:#e96415;}
.newsimg .line { height:2px; background:#949494;width:70px;margin:4px auto}
.newsimg .cons a{font-size:12px; line-height:20px;color:#3c4255;}	

	
/*产品内容页面*/
.pcktop { width: 100%; height: 500px; background: #fff;overflow-y: auto}
.pcktop .alltlvc {float:left;}
.pcktop .alltlvc img{ max-width: 90%; padding: 5%}
.pcktop .alltlvc .title {color:#e96415;line-height:20px;font-size:16px; font-weight:Bold;height:30px;}
.pcktop .alltlvc .title span{color:#363636;line-height:18px;font-size:14px; font-weight:Bold;height:auto;}
.pcktop .alltlvc .subject {color:#e96415;font-weight:Bold;margin:10px 0}
.pcktop .alltlvc .subject span{color:#333;font-weight:500;}
.pcktop .alltlvc .dxt1 a{font-size:14px;line-height:35px;color:#FFFFFF; float:left;  margin-top:20px; background: #e96415; border-radius: 20px; padding: 2px 60px;}
.bg-grey {
	width: 94%;
	height: auto; 
	margin: 0 1% 0 3%;
}
.tab-block {
	margin: 0px auto 0;
	background-color: #FFF;
	border: 1px solid #e5e5e5
}
.tab-block.information-tab {

	height:auto;	
}
.tab-block.information-tab img{
	height:auto;
	max-width: 96%;
	margin: 10px;
}

.tab-block.information-tab .tabs {
	height:auto;
	padding: 30px 10px;
}

.tab-block .tab-buttons {
	width: 100%;
	height: 50px;
	background-color: #FFFFFF;
}
.tab-block .tab-buttons .tab-button {
	width: 33.33%;
	float: left;
	height: 50px;
	text-align: center;
	font-size: 16px;
	color: #e96415;
	line-height: 50px;
	position: relative;
	cursor: pointer;
	background-color: #ebf0f3;
}

.bg-grey .tab-item .cctw{
	width:100%;
	height:auto;
}
.bg-grey .tab-item .cctw a{
	font-size: 16px;
	background:url("../images/downimg.png") no-repeat right;
	margin: 10px 20px;
	width:86%;
	height: 20px;
	line-height: 20px;
	display:inline-block;	
}
.bg-grey .tab-item .cctw a:hove{
	color:#e96415;
}
.tab-block .tab-buttons .tab-button.cur {
	background-color: #fff;
	color: #e96415;
	font-weight: bold; 
}
.tab-block .tab-buttons .tab-button.cur:after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 96%;
	height: 4px;
	background-color: #e96415
}
.tab-block .tabs {
	width: 96%;
	height:auto;
}
.tab-block.tabs kkss {
	float: left;
	width: 260px;
	height: 80px;
	background: #878787;
}
.tab-block .tabs .tab-item {
	width: 96%;
	height: 100%;
	padding: 6px;
	display: none
}

.tab-block .tabs .tab-item.active {
	display: block
}
/*详情页底部产品推荐展示*/
.pckbtoom { margin: 30px auto}
.pckbtoom .subject { text-align:center;padding:20px 0}
.pckbtoom .subject .title {color:#3c4255;font-size:18px; line-height:20px;font-weight:bold;}
.pckbtoom .subject .cons {font-size:14px;  line-height:35px;margin-top:10px}
.pckbtoom ul {width:100%;overflow-x: auto}
.pckbtoom li {float:left;width:48%;margin:1%;}
.pckbtoom li .pic { position:relative; height: 120px; width: auto; overflow:hidden}
.pckbtoom li .cons {padding:10px; background: #3c4255; text-align: center;}
.pckbtoom li .cons .title { height:16px; line-height:16px; overflow:hidden;}
.pckbtoom li .cons .title a {color:#fff;font-size:14px;}
.pckbtoom li .cons .title a:hover {color:#fff;font-size:14px;}	

/*新闻内容页*/
.newsr { }
.newsrimg { text-align:center; background:url(../images/newimg.jpg) no-repeat center; background-size:cover;padding:30px 0;color:#fff;}
.newsrimg .title {font-size:16px; line-height:22px; letter-spacing:1px}
.newsrimg .title strong{font-size:35px}
.newsrimg .cons a{font-size:14px; line-height:30px;color:#ccc;}
.newsr .newsti{color:#3c4255;height:55px; line-height:18px; border-bottom: 3px #3c4255 solid; font-size:16px;font-weight:bold;}
.newsr li{ position:relative;border-bottom:1px solid #dfdcdc;margin:0 0 0 0;padding:20px 0;min-height:60px;}
.newsr li .cons { float:right; width: 70%;}
.newsr li .cons .title {margin-top:6px; height:25px; line-height:25px;padding-right: 20px;}
.newsr li .cons .title a {font-size:16px;color:#333;}
.newsr li .cons .title a:hover { text-decoration:none}
.newsr li .addtime {float:left; padding: 10px 30px; font-size:36px; text-align:center;text-align:left; color: #e96415;}
.newsr li .addtime p {font-size:14px; text-align:left; color: #e96415;}
.newsr li:hover { background:#fff;  box-shadow: 1px 1px 6px rgba(0,0,0,0.1);}
.newsshow .current { background: #252525; height: 35px;color:#a1a1a1;font-size:14px; padding-left: 20px;overflow: hidden;}
.newsshow .current a{ line-height: 35px;font-size:14px;color:#a1a1a1;}
.newsshow .ncons { line-height:30px;border-top:1px solid #dfdcdc;padding:16px; background: #FFFFFF;overflow: hidden;}
.newsshow .ncons img {margin:10px 0; max-width: 95%;}
.newsshow .ncons p{ text-indent: 2em; line-height: 22px;overflow: hidden;}
.newsshow .titles {float:left;width:55%;color:#333;font-size:30px; line-height:45px;margin:50px 0}
.newsshow .addtime {float:right;width:40%; text-align:right;margin:63px 0 50px 0}
.newsshow .sxb{border-top:1px solid #dfdcdc;background: #FFFFFF; width: 100%; height: 60px; line-height: 60px; overflow: hidden;}
.newsshow .sxb ttl{float:left;width: 40%; text-align: left; padding: 0 10px;}
.newsshow .sxb ttr{float:right; width: 40%; text-align:right;padding: 0 10px;}

/*人才招聘*/
.job_bg{ margin: 30px auto;}
.job_list ul{ padding:0; margin: 30px auto;}
.job_list table{border-collapse:collapse;border-spacing:0; }
.job_list table td{line-height:30px;height:130px; color:#e96415; font-size:18px; text-align:center;}
.job_list table .cny{padding-left:14%;text-align:left;background:url(../images/TW.png) left 10px top 40px no-repeat;}
.job_list table td p{line-height:30px;color:#3e3e3e; font-size:14px; }
.job_list ul li{border-bottom:1px solid #e9e9e9; height:130px; overflow:hidden; cursor:pointer;transition:all 0.3s;background:#fff;}
.job_list ul li tr:first-child td:last-child{background:url(../images/job_pic.png) 56% 55px no-repeat; }
.job_list ul li:Hover{border-bottom:1px solid #e9e9e9;background:#e9e9e9 97.5% 10px no-repeat;}
.job_list ul li.hauto{height:auto; background:none; background:#fff;}
.job_list ul li.hauto tr:first-child{background:#e96415;}
.job_list ul li.hauto tr:first-child td:last-child{background:url(../images/job_pic3.png) 56% 55px no-repeat;}
.job_list ul li.hauto tr:first-child .cny{color:#fff;background:url(../images/TW-1.png) 10px no-repeat; }
.job_list ul li.hauto tr:first-child td p{ display: none;}
.job_list ul li .job_con{ line-height:22px; font-size:12px; padding-bottom:20px; padding-top:20px;height:auto; }
.job_list .job_a a{ float:left; padding-right:23px; padding-left:50px; height:39px; line-height:39px; background:url(../images/job_pic4.png) #818181 15px center no-repeat; font-size:14px; color:#fff; text-align:left;}
.job_list .job_a a:Hover{background:url(../images/job_pic5.png) #fff 15px center no-repeat; color:#ca9361; text-decoration:none;filter:alpha(opacity=70);opacity:0.7;transition:all 0.3s; }

/*关于我们内页*/	
.aboutcctop {background: #fff}
.aboutcctop { text-align:center; background:url(../images/1.jpg) no-repeat center; background-size:cover;padding:40px 0;color:#fff;}
.aboutcctop .title strong{font-size:16px;line-height:30px;letter-spacing:1px;color:#e96415;}
.aboutcctop .line { height:2px; background:#949494;width:70px;margin:4px auto}
.aboutcctop .cons a{font-size:12px; line-height:20px;color:#3c4255;}	

	
.aboutcc1 {text-align:center; background:url(../images/2.jpg) no-repeat center; background-size:cover;padding:40px 0;color:#fff;}
.aboutcc1 .title strong{font-size:16px;line-height:30px;letter-spacing:1px;color:#e96415;}
.aboutcc1 .line { height:2px; background:#949494;width:70px;margin:4px auto}
.aboutcc1 .cons a{font-size:12px; line-height:20px;color:#3c4255;}
	
.foot { background:#fff;margin: 0 auto;}
}
@media (max-width:740px) {
.home-subjects-v2 { height:auto; overflow:visible; background:#fff;}
.home-subjects-v2 li {float:none;width:100%;border:0;}
.home-subjects-v2 li .right{opacity:1;}
.home-subjects-v2 .big{width:100%;}
.home-subjects-v2 li {border-top:1px solid #454545;}
.home-subjects-v2 .big .left,.home-subjects-v2 li .left{width:25%;}
.home-subjects-v2 .big .right,.home-subjects-v2 li .right{width:75%}
.tabPanel2 ul {width:40%;}
.panes2 {width:55%;margin-top:10%}
}


@media (max-width:640px) {
.bannerin { height:120px;}
.panes .pane dd {width:100%;}
.filtr-item {width:100%;padding:0 0 10px 0}
.caselist {padding:0 3%}
.caseshow .left {float:none;width:100%;}
.caseshow .right {float:none;width:100%;margin-top:20px}
.caseshow .prorelax li {float:none;width:100%;margin-right:0;margin-top:10px}

.contact .left {float:none;width:100%;}
.contact .right {float:none;width:100%;margin-top:30px}
.contact .left .cons {margin:5px 0 10px 0;}
.contact .right .cons {float:none;width:100%}
.contact .right .cons2 {margin-left:0;margin-top:20px}
.contact ul {padding-top:20px}
.contact li {width:50%;margin:0 auto}
.message #cname {width:100%;}
.message #ctel {float:none;width:100%}
.message #cbeizu {width:73%;}
.message #cbtn {width:25%;}

.about .aleft {float:none;width:100%;}
.about .aright {float:none;width:100%;}
.aboutul li {float:none;width:100%;margin-right:0;margin-top:20px}
.aboutul2 {margin-top:0px}
.aboutul2 li {float:none;width:100%;margin-right:0;margin-top:20px}
.aboutul3 {margin-top:-10px}
.aboutul3 li {float:none;width:100%;margin-right:0;margin-top:10px}

.indnews .left {float:none;width:100%;}
.indnews .right {float:none;width:100%;margin-top:30px}
.serviceul li {float:none;width:100%;margin-right:0;margin-top:30px;padding:0 0 20px 0}
.serviceul li .right {padding:30px 10px 0 0; min-height:auto;}
#slider2 {padding:0 20px}
#slider2 .slide .cons .content { height:auto;  overflow:visible}
.bx-wrapper .bx-controls-direction a { margin-top: 40px; }
.indprogram ul {overflow:visible}
.solutiondesign li {width:48%;margin:1%;float:left}
.solutiondesign li .pic{width:100%; height: 140px;}
.solutiondesign li .cons .content { height:auto}
.solutiondesign li .cons {padding:10px; background: #3c4255; }
.solutiondesign li .cons .title a {color:#fff;font-size:14px;}
.solution li .list {width:100%;float:none;}
.solution li .pic { width:100%; margin-left:0%;margin-top:15px}
.tabPanel2 ul {float:none;width:100%;margin:20px 0;}
.tabPanel2 ul li .cons {width:50%; height:100px;}
.tabPanel2 ul li .num {width:50%; height:100px; line-height:100px;}
.panes2 {float:none;width:100%;margin:20px 0; text-align:center}
.qaservice li { width:100%;margin:0}
.qaservice li .cons {min-height:auto}
.oneservice ul { height:auto;margin-top:-10px}
.oneservice li {float:none;margin:10px auto;width:100%; height:auto;padding:15px 6% 20px 6%}
.oneservice li.f1 { height:auto; text-align:left;}
.oneservice li.f1 .line {margin:10px auto 10px 0}
.oneservice li.f1 .pic p {margin:0 0 0 auto}
.oneservice li .cons { height:auto}
.otherservice ul {margin-top:-10px}
.otherservice li {float:none;width:100%;margin:10px 0 0 0;padding:30px 6%}
.case_list {padding:0 3%}
.case_list li {width:100%;margin:5px 0;}
#slider2 .bx-wrapper .bx-controls-direction a {margin-top:35px}

.indprogram li {width:48%;margin:1%; height:250px;}
.indprogram li.f7 {margin-right:1%}
.indprogram li.f1,.indprogram li.f4 { height:250px}
.indprogram li.f3,.indprogram li.f6,.indprogram li.f8 { position:relative; z-index:1;top:0;left:0;margin:1%}

.indprogram li .cons .pic {margin:0 auto}
.indprogram li .cons .title {margin:8px 0 20px 0}
.indprogram li .cons .line { height:2px;margin:-5px auto 10px auto}
.indprogram li:hover .cons .content { height:auto;line-height:20px;margin-top:0}
.indprogram li.f1 {padding-bottom:0}
.indprogram li.f1 .cons .content { line-height:16px;margin-top:0}
.indprogram li.f1 .cons { line-height:20px;}
.indprogram li.f1 .pic {margin-top:0}
.indprogram li.f1:hover .cons .content {margin:0}
.indprogram li.f1:hover .line {margin:-5px auto 10px auto}

}
