﻿@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 *,.prolist .procons,.prolist .procons .up h3,.rightprevnext,.news li .pic p,.appl li .pic p,.news li,.appl li,.news li .pic,.appl li .pic,.news li .addtime,.appl li .addtime,.news li .cons,.appl li .cons,.news li .cons .title a,.appl li .cons .title a,.news li .cons .content,.appl li .cons .content,.news li .cons .title a,.appl li .cons .title a,.contact li,.aboutul3 li,.indnews .right .addtime,.serviceul li .left .title,.abouttt li .left .title,.indnews .right .addtime,.indprogram li .cons .pic,.indprogram li,.indprogram li .cons .title,.indprogram li .cons .line,.solutiondesign li .pic p,.pckbtoom li .pic p,.newktoom li .pic p,.solutiondesign1 li .pic p,.solutiondesign1 li .pic1 p,.indprogram li .cons .content,.toper,.toper .logo,.toper .logoyw,.toper ul,.toper .tel,.toper li dl,.fixright li h1,.simplefilter li a:hover,.newsr li:hover,.appl li:hover
{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,.appl li .pic p:hover,.solutiondesign li .pic:hover p,.pckbtoom li .pic1:hover p,.newktoom li .pic1:hover p,.solutiondesign1 li .pic1:hover p,.solutiondesign1 li .pic:hover p,.pckbtoom li .pic:hover p,.newktoom 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,.abouttt li,.abouttt li .right,.home-subjects-v2 li,.home-subjects-v2 li a,.solutiondesign li,.solutiondesign1 li,.pckbtoom li,.newktoom 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,.solutiondesign1 li .cons .title a:hover,.pckbtoom li .cons .title a:hover,.newktoom li .cons .title a:hover,.msubject .title {color:#e96415;}
.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 #CCC; 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:30px 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:#e60013;border:1px solid #e60013;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #e60013} 
.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;}

.left {float: left; width: 71%;padding-right: 2%;}
.right {float:right; width: 25%;padding-left: 2%; }
.wraptop {max-width:1600px;margin:0 auto}
.wrap1 {max-width:1476px;margin:0 auto}
.wrap {max-width:1180px;margin:0 auto}
.wrapnr {max-width:1000px;margin:0 auto}
.wrap2 {padding:0 4.5%}
.wrapall { position: relative; width:100%;margin:50px auto; background: #ebf0f3 }

.toper,.toperh.active { background:#fff; height:90px; position:fixed; z-index:9999;left:0;top:0;width:100%;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
.toper .logo,.toperh.active .logo {margin:5px 0 0 0; display:block;float:left; background:url(/upLoad/logo/logo1.png) no-repeat center;width:244px; height:75px;background-size:244px 75px;}
.toper .logoyw,.toperh.active .logoyw {margin:5px 0 0 0; display:block;float:left; background:url(/upLoad/logo/logo2.png) no-repeat center;width:244px; height:75px;background-size:244px 75px;}
.toper .tel,.toperh.active .tel { background:url(../images/3.png) no-repeat center;width:44px; height:27px;float:right;margin:40px 0 0 30px}

.toper ul { float:right;}
.toper ul li { display:inline-block;text-align:center; position:relative;margin-left:80px;}

.toper li a {font-size:15px; padding: 0 14px; display:block; height:84px; display:block; line-height:90px;border-bottom:6px 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-bottom-color:#e96415;border-image:linear-gradient(90deg,#e96415,#fe9150) 10 0; font-weight:bold;}
.toper li dl { position:absolute; z-index:1;top:80px;left:0px;width:250px;display:none; text-align:left; border: solid 1px #bdbdbb;background:#fff;padding:10px 0; -webkit-animation: fadeInDown 0.2s ease-out 0.1s 1 both;}
.toper li:hover>dl { display:block;}
.toper li dl dd a,.toper li dl dd a:hover,.toper li.check dl dd a,.toperh.active li dl dd a,.toperh.active li dl dd a:hover,.toperh.active li.check dl dd a {font-size:14px; height:40px;line-height:40px;border-top:0;color:#2F2F2F; overflow:hidden;padding:0 20px;border-bottom:0px;transition: all 0.4s ease-in-out; font-weight:400; }
.toper li dl dd a:hover { background:#e96415;color: #FFFFFF;}
.toper .dyy{float:right; border:1px solid #404040;border-radius:10px;margin:31px 0 0 50px; height:24px;line-height:24px;padding:0 10px;}
.topblank { height:90px;}

.bannerin { background-position:center; background-repeat:no-repeat; height:400px}
.banner { width: 100%; height: 670px; position: relative;}

.wy-mod-banner { width: 100%; margin-top: 0;  height: 700px; position: relative; overflow: hidden }
.wy-mod-banner img { width: auto }
.wy-mod-banner .banners { width: 1920px; height: 700px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px }
.wy-mod-banner .banner { width: 1920px; height: 700px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px }
.wy-mod-banner .focus { width: 960px; margin: 0 auto; padding-top: 600px; text-align: center }
.wy-mod-banner .focus a { text-decoration: none; z-index: 3; width: 20px; height: 20px; position: relative; display: inline-block; overflow: hidden; margin: 0; zoom: 1 }
.wy-mod-banner .focus a .bg-m { z-index: 4; color: #fff; line-height: 40px; font-size: 40px; position: absolute; display: block; left: 2px; top: 6px; cursor: pointer; display: none }
.wy-mod-banner .focus a .bg-b { background: url(../Images/bt2.png) center center no-repeat; position: absolute; display: block; left: 0; top: 0; cursor: pointer; width: 20px; height: 20px }
.wy-mod-banner .focus a .inner { background: url(../Images/bt1.png) center center no-repeat; position: absolute; left: 0; top: 0; z-index: 9; opacity: 0; display: none\9; +display:none;
width: 20px; height: 20px }
.wy-mod-banner .focus a.on .inner, .wy-mod-banner .focus a:hover .inner { cursor: pointer; display: block; border: 0; -webkit-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 1 }
.wy-mod-banner .focus .hover .inner { display: block }


/*首页客户展示*/
.tabPanel { height:auto;}
.panes1 { height:auto;}
.panes1 .pane { height:auto; }
.panes1 .pane dd {float:left;width:10%; border-bottom: 1px solid #ccc;}
.panes1 .pane dd img{width:100%; height:auto;}
.indprosubject { text-align:center;font-size:35px; padding:50px 0}
.indprosubject .cons1 {color:#e96415;line-height:50px;}
.indprosubject .cons2 {color:#333;font-size:24px;line-height:50px;}
.indprosubject .cons2 kkcc1{display:inline-block;width:100px;border-top:1px solid #cccccc;vertical-align:5px; margin: 0 20px; }
.indprosubject .conallp a{color:#fff;background: #e96415;font-size:16px; border-radius: 30px; padding: 15px 80px;line-height:110px;}
.indprosubject .conallp a:hover{color:#e96415;background: #fff;border: 1px solid #e96415;}


.maincons {margin-top:65px}
.maincons1 {margin-top:10px}
.casesubject { text-align:left;}
.casesubject h1 {font-size:60px; line-height:60px;font-size:25px;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:#e60013}
.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;}
.simplefilter li {cursor: pointer;display: inline-block;text-transform: uppercase;color:#333;height:80px; line-height:20px; margin: 0 20px;}
.simplefilter li a{ padding: 6px 14px;}
.simplefilter li.active a{color:#FFFFFF; background-color: #e96415; padding: 6px 14px; border-radius:6px;}
.simplefilter li a:hover{color:#FFFFFF; background-color: #e96415; padding: 6px 14px; border-radius:6px;}
.simplefilter li.active:hover{color:#e96415; }
.simplefilter li.active{font-weight:bold; background:url(../images/flioc.png) no-repeat center;color:#FFFFFF; }
.caselist {padding:0 4.2%}
.caseline { background:#e6e1e1; height:3px;margin:-28px 0 0 0;}

.simpkk { text-align:right; z-index:10; position:relative;margin-top:20px}
.simpkk li {cursor: pointer;display: inline-block;text-transform: uppercase;color:#333;margin-left:20px;border-bottom:2px solid transparent; height:60px; line-height:20px;}
.simpkk li.active {font-weight:bold;border-color:#333}
.simpkklist {padding:0 4.2%}
.simpkkline { background:#e6e1e1; height:2px;margin:-2px 0 60px 0;}

/*下载及产品内容页面*/
.caseshow { width: 100%; height: 50px; background: #4d4d4d;}
.caseshow .current {height: 50px; line-height:50px;color:#fff;text-decoration:none;}
.caseshow .current a{color:#fff;text-decoration:none;}
.caseshow b {color:#333}
.caseshowtop { width: 100%; height: 50px; background: #fff;}
.caseshowtop .left {float:left;width:45%; line-height:30px;}
.caseshowtop.left .title { padding-top: 60px; color:#052675;height: 50px; line-height:50px;font-size:30px; font-weight:Bold;}
.caseshowtop .right {float:right;width:50%; line-height:30px}
.caseshowtop .left .subject {color:#333;font-weight:Bold;margin:5px 0}
.caseshow .cons {margin-top:30px}
.caseshow .cons img {margin-top:20px}
.caseshow .proline {border-bottom:1px solid #dfdcdc;margin:60px 0 0 0}
.caseshow .relax {color:#333;font-size:32px;margin:40px 0}
.caseshow .prorelax li {float:left;width:32.6666%;margin-right:1%; position:relative}
.caseshow .prorelax li.f3 {margin-right: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 {background: #fff}
.newsimg { text-align:center; background:url(../images/xwtop.jpg) no-repeat center; background-size:cover;padding:160px 0;color:#fff;}
.newsimg .title {font-size:30px; line-height:50px; letter-spacing:1px}
.newsimg .title strong{font-size:35px}
.newsimg .line { height:3px; background:#e96415;width:70px;margin:30px auto}
.newsimg .cons {font-size:20px; line-height:30px;color:#929292;}
.news li{ position:relative;border-bottom:1px solid #dfdcdc;margin:0 0 0 0;padding:40px;min-height:150px}
.news li .pic { position:absolute; z-index:1;width:320px; height:150px; overflow:hidden}
.news li .cons {padding:0 60px 0 360px}
.news li .cons .title {overflow:hidden}
.news li .cons .title a {font-size:20px; color:#e96415; height:24px; line-height:24px; }
.news li .cons .title a:hover { text-decoration:none;}
.news li .cons .content { line-height:25px; height:50px; overflow:hidden;margin-top:10px}
.news li .addtime { position:absolute; z-index:1; bottom: 30px;font-size:18px; padding:0 60px 0 360px; color: #e96415;}
.news li:hover {background:#e96415;}
.news li:hover .addtime {color:#fff;padding:0 0 0 800px; font-size:18px;}
.news li:hover .cons .title a {color:#fff;}
.news li:hover .cons .content {color:#fff;}

.newsr { }
.newsrimg { text-align:center; background:url(../images/newimg.jpg) no-repeat center; background-size:cover;padding:140px 0;color:#fff;}
.newsrimg .title {font-size:30px; line-height:50px; 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 {margin-top:-121px; background: #252525; height: 56px;color:#a1a1a1;font-size:14px; padding-left: 40px;}
.newsshow .current a{ line-height: 56px;font-size:14px;color:#a1a1a1;}
.newsshow .ncons { line-height:30px;border-top:1px solid #dfdcdc;padding:40px; background: #FFFFFF;}
.newsshow .ncons img {margin:10px 0; max-width: 95%;}
.newsshow .ncons p{ text-indent: 2em; line-height: 30px;}
.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;}
.newsshow .sxb ttl{float:left;width: 45%; text-align: left; padding: 0 20px;}
.newsshow .sxb ttr{float:right; width: 45%; text-align:right;padding: 0 20px;}
/*应用方案内页*/
.appl {background: #fff;}
.applimg { text-align:center; background:url(../images/yyimg.jpg) no-repeat center; background-size:cover;padding:160px 0;color:#fff;}
.applimg .title {font-size:30px; line-height:50px; letter-spacing:1px}
.applimg .title strong{font-size:35px}
.applimg .line { height:3px; background:#e96415;width:70px;margin:30px auto}
.applimg .cons {font-size:20px; line-height:30px;color:#929292;}
.appl li{ position:relative;border-bottom:1px solid #dfdcdc;margin:0 0 0 0;padding:40px;min-height:150px}
.appl li .pic { position:absolute; z-index:1;width:320px; left: 160px; height:150px; overflow:hidden}
.appl li .cons {padding:30px 260px 30px 470px }
.appl li .cons .title {overflow:hidden}
.appl li .cons .title a {font-size:20px; color:#e96415; height:30px; line-height:30px; }
.appl li .cons .title a:hover { text-decoration:none;}
.appl li .cons .content { line-height:25px; height:50px; overflow:hidden;margin-top:10px}
.appl li .addtime { position:absolute; z-index:1;font-size:26px; top:90px; color: #FFFFFF;overflow:hidden; right: 200px; line-height: 40px; text-align: center; width: 40px; height: 40px; border: 1px solid #fff;}
.appl li:hover {background:#e96415;}
.appl li:hover .addtime {background: #fff;padding:0 10px 0 10px; border: 1px solid #6C6C6C;color: #e96415; }
.appl li:hover .cons .title a{color:#fff;}
.appl li:hover .cons .content {color:#fff;}

.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 .name xxn{font-size:16px; padding-top: 30px;}
.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 #e60013; height:100px; line-height:100px;float:right;width:22%; background:none; cursor:pointer;color:#e60013;margin-top:2%;font-size:16px;}
.message #cbtn:Hover { background:#e60013;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%; margin-top: 65px;}
.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%;}
.about .aright p{ line-height: 36px;text-indent:2em;}
.about .aright h1{font-weight:Bold;font-size:26px;margin-bottom: 30px;color: #3c4255; }
.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 #e60013;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:180px 0 220px 0;color:#fff;}
.aboutccimg { text-align:center; height:auto; margin-top: 60px;}
.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;color:#929292;}
.aboutcc1 { text-align:center; background:url(../images/2.jpg) no-repeat center; background-size:cover;padding:180px 0 220px 0;color:#fff;}
.aboutcc1 .title {font-size:30px; line-height:50px; letter-spacing:1px}
.aboutcc1 .title strong{font-size:35px}
.aboutcc1 .line { height:3px; background:#e96415;width:70px;margin:30px auto}
.aboutcc1 .cons {font-size:20px; line-height:30px;color:#929292;}
.aboutul2 { text-align:center;margin-top:-150px}
.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}

/*关于我们内页*/
.abouttt li {float:left;width:100%;margin-right:5%;border-top:2px solid #454545;padding:0 0 30px 0}
.abouttt li.f3 {margin-right:0}
.abouttt li .left {float:left;width:20%;margin-left:4%}
.abouttt 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:-30px 0 60px 0}
.abouttt li .left .title2 { text-transform:uppercase; line-height:20px;font-weight:Bold;}
.abouttt li .right {float:right;width:70%;padding:60px 20px 0 0; font-size:24px; line-height:45px;}



.team { background:#fff; text-align:center;margin-top:100px}
.team .title {color:#e60013;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:#e60013;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:#e60013;color:#fff;border-color:#e60013}

.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:#e60013;width:40px;}
.indnews .left .f4 {color:#e60013;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:#e60013;color:#fff;border-color:#e60013}
.indaboutul {margin-top:0}
.indmain { text-align:center;margin:60px 0}
.indmain .title {color:#e96415;font-size:35px; line-height:50px;}
.indmain .cons {font-size:24px; line-height:45px;margin-top:10px;color:#333;}
.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:#e60013;color:#fff;}

/*人才招聘*/
.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:5%;text-align:left;background:url(../images/TW.png) left 20px 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) 20px 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; }

/*首页案例展示模块*/
.kfpj { background:url(../images/2.jpg) no-repeat center; background-size:cover;padding:1px 0 110px 0;}
.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 a:hover{ color:#000}
#slider2 .slide .cons .title {font-size:16px;font-weight:Bold; text-align:center;}
#slider2 .slide .cons .content { line-height:25px ; height:auto; overflow:hidden;margin:20px 0; text-align:left;}
#slider2 .slide .cons .star { max-width:100%; max-height:200px;overflow:hidden;}
#slider2 .slide .cons .star img{ width:100%; height:200px;margin:20px 0;overflow:hidden;}
#slider2 .bx-wrapper .bx-controls-direction a {margin-top:105px}


.indprogram .indmain .title {float: left; font-size:36px; padding-left: 20px; color:#e96415; text-align: left; line-height:40px; height: 60px;}
.indprogram .indmain .cons {float:right;font-size:24px; line-height:24px;text-align:right; height: 60px;}
.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:#e60013;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}
/*首页公司介绍模块*/
.indhome {background-color: #FFFFFF; padding: 100px 0 30px;}
.indhome .left{ float: left; width: 50%;}
.indhome .left img{position:relative; width: 100%; height: auto;}
.indhome .right{ float:right; width: 45%;}
.indhome .right .title{float: left; width: 100%;color:#e96415;font-size:35px; line-height:45px;font-weight:bold; margin-bottom: 20px;}
.indhome .right p{float: left; width: 100%;font-size:16px; line-height:35px;text-indent:2em;}
.indhome .right .comme a{float: left;font-size:14px;line-height:35px;color:#FFFFFF; background: #e96415; border-radius: 20px; padding: 0 20px; margin-top: 30px;}

.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:#e60013}
.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:#e60013;font-size:45px; line-height:45px;margin:90px 0 20px 0}
.home-subjects-v2 li .left .title {color:#e60013;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:#e60013;font-size:100px; line-height:100px;}
.solution li .list .title {font-size:35px; line-height:50px;color:#e60013;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%}



/*首页分类模块*/
.tabPanel {}
.tabPanel ul{ text-align:center;height:40px; line-height:40px;margin:30px 0}
.tabPanel ul li{ display:inline-block; text-align:center;margin:0 2px; padding: 0 45px; font-size:16px; cursor:pointer;color:#2d2d2d;border:1px solid #ccc;}
.tabPanel ul li.hit { background: #e96415;color:#fff;border:1px solid #e96415;}
.panes {}
.panes .pane { display:none;}
.panes .pane dd {float:left;width:24%;margin:0.5%; height: 360px;background: #fff;}
.prolist { position:relative;}
.prolist img {width:100%;}
.prolist .procons { position:absolute; z-index:3;width:100%; height: 360px; background:rgba(0,0,0,0.6);color:#fff;opacity:0;border-bottom:1px solid #ccc;}
.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 h4 {position:absolute;font-size:22px; line-height: 80px; padding-left: 8%; width:92%; color:#000;border-top:1px solid #ccc;}

.prolist .procons .down { background:url(../images/6.png) no-repeat center; width:44px; height:44px; position:absolute; z-index:4;bottom:10%;right:10%}

.solutiondesign1 { margin: 40px 0;}
.solutiondesign1 .title {float: left; font-size:36px; padding-left: 18px; color:#e96415; text-align: left; line-height:40px; height:80px;}
.solutiondesign1 .cons {float:right; background:url("../Images/TOPwz.png") no-repeat top;font-size:16px; line-height:40px;text-align:right; height:60px;padding:10px  18px; }
.solutiondesign1 li {float:left; margin: 0 10px;}
.solutiondesign1 li .pic { position:relative; overflow:hidden;z-index:-1;height:300px;}
.solutiondesign1 li .pic a .tit1{ z-index:999;position:absolute;margin: 0 auto;width:100%; color:#fff;font-size:20px; bottom: 20px; text-align: center;}
.solutiondesign1 li .pic1 { position:relative; overflow:hidden;height:600px; }
.solutiondesign1 li .pic1 a .tit1{ z-index:999;position:absolute;margin: 0 auto;width:100%; color:#fff;font-size:20px; bottom: 20px; text-align: center;}
.solutiondesign1 li.cv1 { width: 418px; height:300px}
.solutiondesign1 li.cv2 { width: 580px; height:600px}
.solutiondesign1 li.cv3 { width: 472px; height:300px; margin-top: 20px;}
.fy-context-cont { background:url("../Images/FLBJ.jpg") center; padding-bottom: 100px;}

.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:#e96415;}
.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}

/*产品列表页模块*/
.solutiondesign .subjkkk { text-align:center;padding:10px 0 60px 0;}
.cpimg { text-align:center; background:url(../images/cpimg.jpg) no-repeat center; background-size:cover;padding:200px 0;color:#fff;}
.cpimg .title {font-size:30px; line-height:50px; letter-spacing:1px;color:#e96415; }
.cpimg .title strong{font-size:35px}
.cpimg .line { height:3px; background:#e96415;width:70px;margin:30px auto}
.cpimg .cons {font-size:16px; line-height:30px;color:#3c4255;}
.cpimg .cons a{color:#3c4255;}
.cpimg .cons a:hove{color:#e96415;}

/*.proxxbt { width: 100%; height: auto; margin: 30px 0;border:1px solid #707070; }
.proxxbt bt1{float: left; width:130px; height: auto;line-height:40px;font-weight:Bold;border:1px solid #707070;}
.proxxbt ul{ float: left;font-size:14px; height: auto;position:relative;border:1px solid #707070;}
.proxxbt ul bt2{position:absolute;left:-130px; width:130px; height: auto;line-height:40px;font-weight:Bold;border:1px solid #707070;}
.proxxbt li { width:200px; cursor: pointer;display: inline-block;text-transform:none;line-height:40px;border:1px solid #707070;}
.proxxbt li a:hover{color:#052675;border:1px solid #707070;}
.proxxbt li ul{float: left; display:none; width:1346px; height:auto;border:1px solid #707070;}
.proxxbt li.active ul{display:block;}
.proxxbt li ul a{width:200px; cursor: pointer;display: inline-block;text-transform:none;line-height:40px;border:1px solid #707070;}
.proxxbt li ul a:hover{color:#052675;}*/
.proxxbtall{ width: 100%;  background: #fff; margin: 0 auto; height:auto;overflow-y: auto}
.proxxbtall .proxxbt{ width: 100%; height:160px;margin: 0 auto;position:relative;}
.proxxbtall .proxxbt bt1{float: left; width:5%;line-height:35px; height:35px;font-weight:Bold;padding: 20px 0}
.proxxbtall .proxxbt ul{float:right;font-size:14px;display: inline-block; width:94%;height: auto;border-bottom:1px solid #707070; padding: 20px 0;overflow-y: auto}
.proxxbtall .proxxbt ul li a{ float: left;font-size:14px; width:200px;  height:35px;line-height:35px;}
.proxxbtall .proxxbt ul li a:hover{color:#052675;}
.proxxbtall .proxxbt .proxxbt1{display:none;width:100%; margin: 60px auto; position:absolute; left:0; margin-bottom: 10px;overflow-y: auto}
.proxxbtall .proxxbt .proxxbt1 bt2{float: left; width:5%;line-height:35px; height:35px;font-weight:Bold;padding: 20px 0}
.proxxbtall .proxxbt .proxxbt1 ul{float:right;font-size:14px;display: inline-block; width:94%;  height: auto;border-bottom:0;overflow-y: auto }
.proxxbtall .proxxbt .proxxbt1 ul li a{ float: left;font-size:14px; width:200px;  display:block;height:35px;line-height:35px;}
.proxxbtall .proxxbt .proxxbt1 ul li a:hover{color:#052675;}
.proxxbtall .proxxbt ul li.active .proxxbt1{display:block;}

.proxxbtall .solutiondesign {background: #ebf0f3; width: 100%; height: auto;padding: 80px 0;}
.proxxbtall .solutiondesign .subject { text-align:center;padding:80px 0 60px 0}
.proxxbtall .solutiondesign .subject .title {font-size:35px; line-height:50px;font-weight:bold;}
.proxxbtall .solutiondesign .subject .cons {font-size:18px;  line-height:35px;margin-top:10px}
.proxxbtall .solutiondesign li {float:left;width:24%;margin:0.5%;}
.proxxbtall .solutiondesign li.f4 {margin-right:0}
.proxxbtall .solutiondesign li .pic { position:relative; height: 270px; width: auto; overflow:hidden}
.proxxbtall .solutiondesign li .cons {border:1px solid #c6c4c4;padding: 30px 10px; background: #3c4255;}
.proxxbtall .solutiondesign li .cons .title { height:20px; line-height:20px; overflow:hidden;}
.proxxbtall .solutiondesign li .cons .title a {color:#fff;font-size:20px;}
.proxxbtall .solutiondesign li .cons .title a:hover {color:#fff;font-size:20px;}

/*产品内容页面*/
.pcktop { width: 100%; height: 500px; background: #fff;}
.pcktop .left {float:left;width:45%; line-height:30px;}
.pcktop .left .title { padding-top: 60px; color:#e96415;height: 30px; line-height:30px;font-size:30px; font-weight:Bold;}
.pcktop .left .title span{color:#e96415;height:22px; line-height:22px;font-size:22px; font-weight:Bold;}
.pcktop .left .subject {color:#e96415;font-weight:Bold;margin:20px 0}
.pcktop .left .subject span{color:#333;font-weight:500;}
.pcktop .left .dxt1 a{font-size:14px;line-height:35px;color:#FFFFFF; float:left;  margin-top:20px; background: #e96415; border-radius: 20px; padding: 2px 60px;}
.pcktop .right {float:right;width:50%; line-height:30px}
.bg-grey {
	width: 100%;
	height: auto;
}
.tab-block {margin: -50px auto 0;
	background-color: #FFF;
	border: 1px solid #e5e5e5
}
.tab-block.information-tab {
	max-width: 1140px;
	height:auto;	
}
.tab-block.information-tab p{
	max-width: 1070px;
	height:auto;	
}
.tab-block.information-tab img{
	height:auto;
	max-width: 1060px;
	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:96%;
	height:auto;
}
.bg-grey .tab-item .cctw a{
	font-size: 18px;
	padding-left: 20px;
	margin: 10px 20px;
	width: 26%;
	background:url("../images/downpdf.png") no-repeat right;
	height: 60px;
	line-height: 60px;
	display:inline-block;
	overflow: hidden;
}
/**.bg-grey .tab-item .cctw a{
	font-size: 18px;
	padding-left: 20px;
	background:url("../images/downpdf.png") no-repeat right;
	margin: 10px 20px;
	width: 26%;
	height: 60px;
	line-height: 60px;
	display:inline-block;
	overflow: hidden;
}**/
.bg-grey .tab-item .cctw a:hover{
	 box-shadow: 1px 1px 6px rgba(0,0,0,0.1);
}

.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: 100%;
	height: 4px;
	background-color: #e96415
}
.tab-block .tabs {
	width: 100%;
	height:auto;
}
.tab-block.tabs kkss {
	float: left;
	width: 260px;
	height: 80px;
	background: #878787;
}
.tab-block .tabs .tab-item {
	width: 100%;
	height: 100%;
	padding: 20px;
	display: none
}

.tab-block .tabs .tab-item.active {
	display: block
}

/*详情页底部产品推荐展示*/
.pckbtoom .subject { text-align:center;padding:80px 0 60px 0}
.pckbtoom .subject .title {color:#3c4255;font-size:35px; line-height:50px;font-weight:bold;}
.pckbtoom .subject .cons {font-size:18px;  line-height:35px;margin-top:10px}
.pckbtoom li {float:left;width:23%;margin:0 1%;}
.pckbtoom li .pic { position:relative; height: 200px; width: auto; overflow:hidden}
.pckbtoom li .cons {padding: 20px 10px; background: #3c4255; text-align: center;}
.pckbtoom li .cons .title { height:30px; line-height:30px; overflow:hidden;}
.pckbtoom li .cons .title a {color:#fff;font-size:20px;}
.pckbtoom li .cons .title a:hover {color:#fff;font-size:20px;}

/*首页新闻展示*/
.newktoom .subject {padding:80px 0 60px 0}
.newktoom .subject .title {text-align:left;color:#e96415;font-size:30px; line-height:35px;font-weight:bold;float:left; margin-left: 20px;}
.newktoom .subject .cons a{font-size:14px;line-height:35px;color:#FFFFFF; float: right; text-align:right; margin-right: 20px; background: #e96415; border-radius: 20px; padding: 0 20px;}
.newktoom li {float:left;width:23%;margin:0 1%;}
.newktoom li .pic { position:relative; height: 200px; width: auto; overflow:hidden}
.newktoom li .cons {padding: 0 10px 20px 0 ;}
.newktoom li .cons .title {height:60px;font-size:16px; line-height:28px; overflow:hidden;font-weight: bold;}
.newktoom li .cons .title span{font-size:14px;height:20px; line-height:28px;color:#3c4255;}
.newktoom li .cons .title a {color:#e96415;font-size:20px;}
.newktoom li .cons .title a:hover {color:#e96415;font-size:20px;}
.newktoom li .cons .content {font-size:14px; margin-top: 10px;}



/*数据统计滚动*/
.product-number-info {
	position: relative;
}

.product-number-info .product-number-inner {
	width: 1200px;
	margin:20px auto;
}
.product-number-info ul {

}
.product-number-info ul.q:after {
	content: "";
	clear: both;
	display: table;
}
.product-number-info li {
	float: left;
	width: 33.33%;
	height: 100px;
	color: #000;
	padding-top: 1px;
	text-align: center;
}
.product-number-info li:first-child {
	border: none;
}
.product-number-info li b {
	font-weight:bold;
	font-size: 56px;
	line-height: 1;
	display: inline-block;
	position: relative;
	margin: 15px 0 10px;
}
.product-number-info li b i {
	font-style: normal;
}
.product-number-info li b sup {
	position: absolute;
	font-size: 20px;
	right: -15px;
	top: -3px;
}
.product-number-info li b em {
	font-style: normal;
	font-size: 28px;
	font-weight: 100;
	padding-left: 2px;
	position: relative;
	top: -4px;
}
.product-number-info li p {
	font-size: 14px;
	color:#666;
}
.product-number-info li.li-2 b, .product-number-info li.li-2 p {
	padding-left: 70px;
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
	padding-left: 70px;
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
	padding-left: 70px;
}
.product-number-info li.li-4 b, .product-number-info li.li-4 p {
	padding-left: 78px;
}

.bottfom{  width: 100%; padding: 35px 0}
.foot { background:#fff;padding:35px 0;color:#8a8888;border-top: 10px #183884 solid;}
.foot a {color:#2a2a2a;}
.foot a:Hover {color:#e96415;}
.foot dl {float:left;margin-right:120px;}
.foot dl.last {margin-right:0}
.foot dt a {font-size:16px;font-weight: bold; color:#183884; }
.foot .allhr{ width: 100%; background:#ccc;margin-top:60px}
.foot hr { background:#8a8888;width:15px; height:1px;border:0;margin:8px 0 15px 0}
.foot dl.copy {float:right;margin-right:0;width:260px;}
.foot dl.copy dt {margin:0 0 1px 0;color:#183884; font-size:16px;}
.foot dl.copy p{font-size:14px;}
.foot dl.copy spen{font-size:28px;font-weight: bold; color:#e96415;}

.fixright { position:fixed; z-index:99999; right:0;top:50%;margin-top:-117px;width:45px;}
.fixright a { display:block; height:45px;margin:1px 0; background:#e96415; background-position:center; background-repeat:no-repeat; position:relative}
.fixright a:hover { background-color:#333}
.fixright .totop a { height:50px; background:url(../images/f1.png) no-repeat center}
.fixright .tel a { background-image:url(../images/tel2.png);} 
.fixright .qq a { background-image:url(../images/QQ.png);} 
.fixright .sk a { background-image:url(../images/sk.png);} 
.fixright .wx a { background-image:url(../images/wx.png); position:relative;} 
.fixright .wx a p { position:absolute; z-index:1;right:46px;bottom:0;width:100px; display:none;}
.fixright .wx a p img {width:100%}
.fixright .wx a:hover p { display:block}
.fixright li h1 { position:absolute; z-index:1;top:0;right:-135px;width:85px; color:#fff;font-size:16px; height:45px; line-height:45px; background:#333 url(../images/tel2.png) no-repeat 15px 13px;padding:0 0 0 50px}
.fixright li.qq h1 { background:#333 url(../images/QQ.png) no-repeat 0px 0px;}
.fixright li.sk h1 { background:#333 url(../images/sk.png) no-repeat 0px 0px;}
.fixright li:hover h1 {right:0;}


@media (max-width:1360px) {
.bx-wrapper .bx-prev {left: -25px;}
.bx-wrapper .bx-next {right: -25px;}
.banner {height: 470px; }
.wy-mod-banner { width: 100%; margin-top: 0; height:470px; position: relative; overflow: hidden }
.wy-mod-banner img { width: 100%; height:500px; object-fit: cover;}
.wy-mod-banner .banners { width:1360px; height:500px;  overflow: hidden; position: absolute; left: 50%; margin-left: -50% }
.wy-mod-banner .banner { width:1360px; height:500px;  overflow: hidden; position: absolute; left: 50%; margin-left: -50% }
.wy-mod-banner .focus {padding-top: 390px;}

.fy-context-cont { background:url("../Images/FLBJ.jpg") center; padding-bottom: 100px;}
.kfpj .wrap1{ width: 1180px; margin: 0 auto;}
#slider2 .slide .cons .star { max-height:160px;}
#slider2 .slide .cons .star img{ height:100px;}
	
.proxxbt { width: 100%; height: auto; margin: 30px 0; }
.proxxbt bt1{float: left; width:130px; height: auto;line-height:40px;font-weight:Bold;}
.proxxbt ul{ float: left;font-size:14px; height: auto;position:relative;}
.proxxbt ul bt2{position:absolute;left:-130px; width:130px; height: auto;line-height:40px;font-weight:Bold;}
.proxxbt li { width:200px; cursor: pointer;display: inline-block;text-transform:none;line-height:40px;}
.proxxbt li a:hover{color:#052675;}
.proxxbt li ul{float: left; display:none; width:1250px; height:auto;}
.proxxbt li.active ul{display:block;}
.proxxbt li ul a{width:200px; cursor: pointer;display: inline-block;text-transform:none;line-height:40px;}
.proxxbt li ul a:hover{color:#052675;}
}

@media (max-width:1260px) {
#slider2 {padding:0 60px}
}

@media (max-width:1180px) {
.wrap,.wrap2 {padding:0 3%}
body {font-size:12px; line-height:20px; }
.bannerin { height:220px; background-size:cover;}

.wy-mod-banner { width: 100%; margin-top: 0; height: 250px; position: relative; overflow: hidden }
.wy-mod-banner img { width: auto; height: 250px; object-fit: cover;}
.wy-mod-banner .banners { width:100%; height: 250px; overflow: hidden; position: absolute; left: 50%; margin-left: -50% }
.wy-mod-banner .banner { width:100%; height: 250px; overflow: hidden; position: absolute; left: 50%; margin-left: -50% }
.wy-mod-banner .focus { width:100%; margin: 0 auto; padding-top: 220px; text-align: center }
.wy-mod-banner .focus a { text-decoration: none; z-index: 3; width: 20px; height: 20px; position: relative; display: inline-block; overflow: hidden; margin: 0; zoom: 1 }
.wy-mod-banner .focus a .bg-m { z-index: 4; color: #fff; line-height: 40px; font-size: 40px; position: absolute; display: block; left: 2px; top: 6px; cursor: pointer; display: none }
.wy-mod-banner .focus a .bg-b { background: url(../Images/bt2.png) center center no-repeat; position: absolute; display: block; left: 0; top: 0; cursor: pointer; width: 20px; height: 20px }
.wy-mod-banner .focus a .inner { background: url(../Images/bt1.png) center center no-repeat; position: absolute; left: 0; top: 0; z-index: 9; opacity: 0; display: none\9; +display:none;
width: 20px; height: 20px }
.wy-mod-banner .focus a.on .inner, .wy-mod-banner .focus a:hover .inner { cursor: pointer; display: block; border: 0; -webkit-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 1 }
.wy-mod-banner .focus .hover .inner { display: block }
.mobmenu {display:block;background:none;width:auto; height:auto; margin-top:12px;}
.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:40px}
.toper { background:#fff;}
.toper .tel { display:none;}
.toper,.toperh.active { height:40px}
.toper .logo,.toperh.active .logo {margin:10px 0 0 0;width:208px; height:20px; background-size:100%;}
.toper ul {position:fixed; z-index:9999;left:0;width:100%;margin-left:0;top:20px;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}
.toper ul li:hover>dl { display:none}
.toper li:hover>dl { display:none;}

.toperh{transition-duration:0s;-ms-transition-duration:0s;-moz-transition-duration:0s; -webkit-transition-duration:0s;}
.toperh .logo { background:url(../images/logo.png) no-repeat center;background-size:100%;}
.toperh.active ul li a {color:#fff;}
.toperh.active ul li i { display:none;}

.toper.active2 { height:40px;}
.toper.active2 .logo {margin-top:10px;}
.toper.active2 ul {margin-top:20px}
	

.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 {}
.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-left:15px;margin-top:5px;height:20px;font-size:14px;border-width:1px}
.caselist {padding:0 2.7%}
.caseline {margin:15px 0 20px 0;}

.caseshow .current {margin-top:-10px;padding:0 0 10px 0}
.caseshow .title {font-size:20px; line-height:30px;margin:20px 0 20px 0}
.caseshow .left {line-height:25px;}
.caseshow .right {line-height:25px}
.caseshow .cons {margin-top:20px}
.caseshow .cons img {margin-top:10px}
.caseshow .proline {margin:10px 0 0 0; height:50px;border:0}
.caseshow .relax {font-size:20px;margin: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 .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;}

.foot { padding:20px 0;margin-top:30px;}
.foot dl { display:none;}
.foot dl.copy { display:block; text-align:center;float:none;width:100%}
.foot dl.copy dt {margin:0 0 10px 0}
.foot dl.copy dd .cons {margin:20px 0 0 0;}

.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;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-top:0px}
.news li{ padding:10px 0;min-height:85px}
.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}
.news li .addtime { width:35px;padding:37px 0 0 0;font-size:13px;}
.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}


}

@media (max-width:1024px) {
#slider2 {padding:0 8px}
.tabPanel2 ul li .cons {height:113px;}
.tabPanel2 ul li .num {height:115px; line-height:115px;}

}

@media (max-width:960px) {
.tabPanel2 ul {width:42%;}
.panes2 {width:53%;margin-top:7%}

.qaservice li .cons {min-height:220px}
.serviceul li {width:32.6666%;margin-right:1%;}

}

@media (max-width:768px) {
.bannerin { height:160px;}
.banner { width:auto; height: 250px;}
.banner img{ width: 600px; height: 250px;}
.solutiondesign1 {width:100%;}
.solutiondesign1 .title {float: left; font-size:24px;color:#e96415; width:90%;text-align:center; height: 40px;}
.solutiondesign1 .cons {float: left; background:url("../Images/TOPwz.png") no-repeat top;width:90%; text-align:center;}
.solutiondesign1 li {float:left; padding-right: 20px;}
.solutiondesign1 li .pic {height:auto;margin-bottom: 20px;}
.solutiondesign1 li.cv1 .fadeInUp{ width:100%; height:auto;margin-bottom:-20px;}
.solutiondesign1 .fadeInUp{}
.solutiondesign1 li.cv2 { width:100%;height:auto;margin-bottom: 20px;margin-top:20px;}
.solutiondesign1 li.cv3 { width:100%; height:auto;margin-bottom:-20px;}

.product-number-info{ display: none}
.indhome{ width: 100%}
.indhome .left{ float: left; width:100%}
.indhome .right{ float: left; width:100%}
	
	
.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%;}
.fy-context-cont {}

.indprosubject { text-align:center;font-size:35px; line-height:50px;padding:80px 0 50px 0}
.indprosubject .cons1 {color:#e96415;}
.indprosubject .cons2 {color:#333;font-size:24px;}

.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%;}
}

@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:100%;margin:0 0 20px 0;float:none}
.solutiondesign li .cons .content { height:auto}
.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}

}

@media (max-width:480px) {
.bannerin { height:110px;}
.indnews .right .addtime {font-size:14px;}
.indnews .right .addtime {width:22%;}
.indnews .right .cons {width:74%;}
}

@media (max-width:420px) {
.bannerin { height:90px;}
}