html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.mt5{ margin-top:50px; }
.mt4{ margin-top:40px; }
.mt3{ margin-top:30px; }
.mt2{ margin-top:20px; }
.mt1{ margin-top:10px; }
.w{ width:1200px; margin:0 auto;}
/********General**********/
.header{ width:100%; min-width:1200px; float:left;}
.main{ width:100%; min-width:1200px; float:left;}
.footer{ width:100%; min-width:1200px; float:left;}
.top{ width:100%; height:108px; background:url(../Image/topbj.jpg) bottom center no-repeat;}
.logo{ float:left; margin-top:49px;}
.nav{ float:right; margin-top:49px;}
.nav li{ width:122px;  float:left; height:59px; float:left;}
.nav li a{ display:block;width:156px; height:59px; font-size:16px; color:#707070; text-align:center; font-style:italic; line-height:59px;}
.nav li:hover a{ background:url(../Image/navli.png) center no-repeat; color:#FFF; font-weight:bold;}
.sousuo{ width:100%; height:68px; float:left; background:url(../Image/sousuobj.jpg) center no-repeat;}
.sousuo_p{ float:left; line-height:68px;}
.sousuo_p a{ font-size:16px; color:#8c8c8c; margin:0 5px;}
.sousuo_p a:hover{ text-decoration:underline;}
.sousuo_p span{ font-size:18px; color:#ffffff; float:left; margin-left:12px;}
.tel{ width:380px; font-size:28px; color:#ff0000; font-weight:bold; line-height:68px; float:right; text-indent:108px;}
.search{ float:right; margin:18px 18px 0 0;}
.search-text{ width:258px; height:34px; text-indent:10px; background:#ffffff; border:none; float:left;}
.search-btn{ width:37px; height:34px; border:none; font-size:0; background:url(../Image/sousuobut.png) center no-repeat; float:left;}
.pro{ width:100%; float:left; margin-top:40px;}
.bt{ width:100%;}
.bt p{ font-size:28px; color:#000000; text-align:center; background:url(../Image/btxian.png) center no-repeat;}
.bt span{ font-size:18px; color:#747474; display:block; text-align:center;}
.prof{ width:100%; float:left; overflow:hidden; margin-top:44px;}
.prof ul{ width:105%; float:left;}
.prof li{ width:174px; float:left; margin-right:31px; height:47px; font-size:16px; color:#ffffff; background:#26459f; text-align:center; line-height:47px;
-moz-border-radius: 23.5px; /* Firefox */
  -webkit-border-radius: 23.5px; /* Safari 和 Chrome */
  border-radius:  23.5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.prof li:hover{ background:#1f367a;}
#demo {
overflow:hidden;
width:100%; float:left; margin-top:49px;}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;}
.cpdx{width:289px; height:566px; float:left; margin-right:15px; text-align:center;}
.cpdx dd{ position:relative;  width:289px; margin-bottom:10px; height:277px; position:relative;}
.cpdx dd p{ height:289px; height:227px; overflow:hidden;}
.cpdx dd img{width:289px; height:227px; display:block;transform:translate(0,0); transition:all .5s ease-in 0s;}
.cpdx dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.cpdx dd span{ display:block; width:100%; height:56px; bottom:0; left:0; font-size:16px; color:#020202; line-height:56px; text-align:center; position:absolute;}
.case{ width:100%; float:left; margin-top:70px; height:569px; background:url(../Image/casebj.jpg) fixed center no-repeat; background-size:cover;}
.casebt{ text-align:center; width:100%; float:left; margin-top:40px;}
.casebt p{ font-size:28px; color:#fff; text-align:center; background:url(../Image/casexian.png) center no-repeat;}
.casebt span{ font-size:18px; color:#fff; display:block; text-align:center;}

.blk_18 {
 zoom:1;
 width:1200px; float:left;
 margin-top:63px; overflow: visible; position:relative;
}
.blk_18 .pcont {
 width:1200px;
 float:left;
 overflow:hidden;
}
.blk_18 .ScrCont {
 width:32766px;
 zoom:1;
}
.blk_18 #List1_1, .blk_18 #List2_1 {
 float:left;
}
.blk_18 .LeftBotton, .blk_18 .RightBotton {
 width:69px;
 height:69px; position:absolute; top:135px;}
.blk_18 .LeftBotton { background:url(../Image/left.png) center no-repeat; left:-95px;}
.blk_18 .RightBotton { background:url(../Image/right.png) right center no-repeat; right:-95px;}
.blk_18 .pl{
 width:365px; height:350px;
 float:left; margin-right:45px;
 background:#FFF;
 line-height:24px;
}
.blk_18 .pl p{ width:365px; height:242px; overflow:hidden;}
.blk_18 .pl p img{width:365px; height:242px; display:block;transform:translate(0,0); transition:all .5s ease-in 0s;}
.blk_18 .pl:hover p img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.blk_18 .pl span{ width:338px; margin:15px auto; display:block; font-size:14px; color:#5e5e5e;}
.blk_18 .pl span font{ font-size:18px; color:#000000; display:block;}
.about{ background: url(../Image/aboutpic.jpg) top center no-repeat; padding-top:268px; font-size:14px; color:#626262; line-height:2; width:577px; float:left; margin-top:85px;}
.news{ width:580px; float:right; margin-top:92px;}
.newsbt{width:100%; height:43px;}
.newsbt p{width:110px; height:36px; font-size:16px; line-height:36px; color:#ffffff; text-align:center; background:#26459f; float:left;
-moz-border-radius: 13px; /* Firefox */
  -webkit-border-radius: 13px; /* Safari 和 Chrome */
  border-radius: 13px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.newsbt a{ display:block; width:43px; height:43px; line-height:38px; background:url(../Image/newsmore.png) center no-repeat;font-size:24px; color:#ffffff; text-align:center; float:right;-webkit-transition:0.5s ease;-moz-transition:0.5s ease; }
.newsbt a:hover{-webkit-transform:rotatez(360deg);-moz-transform:rotatez(360deg);}
.news .first{ width:100%; float:left; margin-top:25px;}
.news .first img{ width:263px; height:184px; border:2px solid #26459f; float:left;}
.news .first p{ width:295px; float:right; font-size:14px; color:#626262; line-height:1.8;}
.news .first p font{ font-size:18px; color:#1b1b1b; font-weight:bold;}
.news ul{ width:100%; float:left; margin-top:20px;}
.news li{ width:100%; height:49px; line-height:49px; border-bottom:1px solid #dcdcdc; background:url(../Image/newsdian.png) 10px center no-repeat; text-indent:25px;}
.news li span{ float:right;}
.flogo{ width:353px; float:left; margin-top:55px; background:url(../Image/flogo.png) left top no-repeat; padding-top:75px; font-size:16px; color:#767676; line-height:2;}
.footer{ margin-top:80px; width:100%; height:277px; background:#313131;}
.ftel{ width:318px;height:194px; margin-top:55px; float:left; border-left:1px solid #626262; float:left;}
.ftel dd{ font-size:20px; color:#ffffff; text-indent:42px; line-height:1;}
.ftel ul{ background:url(../Image/ftel.png) 46px center no-repeat; padding-left:70px;}
.ftel p{font-size:14px; color:#888888; line-height:47px;}
.fnav{ float:left;width:302px; height:194px; margin-top:55px; float:left; border-left:1px solid #626262; float:left;}
.fnav li{ width:50%; float:left; font-size:14px; color:#888888; text-align:center; line-height:34px; margin-bottom:10px;}
.ewm{ width:225px; height:194px; background:url(../Image/ewm.png) top left no-repeat; float:right; margin-top:55px;}
.side{ width:226px; float:left; margin-top:58px;}
.nprof{ float:left;}
.nprofbt{ width:226px; height:71px; background:url(../Image/sidebt.png) center no-repeat; float:left;}
.nprof ul{ width:100%; float:left; margin-top:2px; background:#f6f6f6; padding:30px 0;}
.nprof li{ line-height:58px; text-indent:15px; width:100%; border-bottom:1px dashed #dcdcdc; height:58px; float:left;  font-size:16px; }
.nprof li:hover{ background:#014994; color:#FFF;}
.stel{ float:left; width:226px; height:136px; background:url(../Image/stel.jpg) center no-repeat;}
.stel p{ font-size:25px; color:#ffffff; font-weight:bold; margin:84px 0 0 12px;}









.nmainr{ width:897px; float:right; margin-top:35px;}
.nbt{ width:100%; height:45px; border-bottom:1px dashed #9f9f9f; line-height:45px; }
.nbt p{  font-size:24px; color:#0e0e0e; float:left}
.nbt span{ font-size:14px; color:#0e0e0e; float:right;}
.npro{ width:100%; float:left; margin-top:30px;}
.npro ul{ width:110%;}
.npro li p{
 display:block;width:287px; height:207px;  overflow:hidden;}
.npro li img {
 display:block; cursor:pointer; border:none; width:287px; height:207px; transform:translate(0,0); transition:all .5s ease-in 0s;}
.npro li{width:287px; background:#e5e5e5; height:257px;margin-right:17px; margin-bottom:30px;
 float:left; font-size:16px; color:#010101; text-align:center;
 text-align:center;
 line-height:3.5;}
.npro li:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}
.npro li:hover{color:#fff; background:#26459f;}
.nhonor{ width:100%; float:left; margin-top:30px;}
.nhonor ul{ width:105%;}
.nhonor li{ position:relative; float:left; width:281px; height:220px; margin-right:22px; position:relative; margin-bottom:18px; border:1px solid #e2e2e2;}
.nhonor li p{ text-align:center; height:39px; position:absolute; background:#dddddd; width:268px; line-height:39px; font-size:14px; color:#4d4d4d; bottom:7px; left:7px; }
.nhonor li img{width:281px; height:220px; display:block;}
.nhonor li:hover{ background:#7d3415; color:#FFF; border:1px solid #ff920f;}
.page{ text-align:center; margin-top:20px;}
.neirong{ width:95%; margin:30px auto; }
#prev_next{ width:100%; margin-top:80px; border-top:1px dashed #CCCCCC; padding-top:10px;}
#prev_next li{ float:left}
#prev_next li:nth-child(2){ float:right;}

.nteam{ width:100%; float: left; margin-top:30px;}
.nteam ul{ width:105%;}
.nteam li{width:288px; height:398px; margin-bottom:15px; margin-right:15px; float:left;text-align:center; position:relative; overflow:hidden;}
.nteam li img{width:288px; height:398px;transform:translate(0,0); transition:all .5s ease-in 0s;}
.nteam li p{ width:100%; background:rgba(0,0,0,.5); position:absolute; bottom:0; left:0; height:54px; font-size:16px; color:#fbfcfd; line-height:54px; text-align:center;}
.nteam li:hover p{ background:#1b769a;}
.nteam li:hover img{ transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}
.nteampic{ float:left;}
.nteaminfo{ width:530px; float:right; margin-top:30px;}
.nteaminfo h1{ font-size:20px;}

.nhuanjing{ width:100%; float:left; margin-top:40px;}
.nhuanjing ul{ width:110%}
.nhuanjing li{ width:288px; margin-bottom:40px; overflow:hidden; position:relative; border:1px solid #cdcdcd; background:#FFF; height:288px; float:left; margin-right:13px;  overflow:hidden; position:relative;}
.nhuanjing li p{ width:280px; height:280px; border:4px solid #fff;}
.nhuanjing li:hover p{ border:4px solid #cd0000;}
.nhuanjing li:hover{ border:1px solid #cd0000;box-shadow:0px 0px 20px #333333;}
.nhuanjing li span{ display:block; background:#cd0000; width:100%; height:50px; font-size:18px; color:#ffffff; text-align:center; line-height:50px; text-align:center; position:absolute; bottom:-50px; left:0;  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;}
.nhuanjing li:hover span{ bottom:0px;}
.nhuanjing li img{ width:280px; height:280px;}



.ncase{ width:100%; float:left; margin-top:30px;}
.ncase ul{ width:105%;}
.ncase li img{ width:287px; height:202px;}
.ncase li{
 width:287px; height:247px; text-align:center; margin-bottom:26px; background:#f0f0f0; margin-right:16px;
 float:left;
 text-align:left;
 
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s; }
.ncase li p{ font-size:14px; color:#919192; line-height:1.8; padding:5px;}
.ncase li p span{ font-size:16px; text-align:center; color:#020202; display:block;}
.ncase li:hover{box-shadow: 5px 5px 15px #888888;}
.nnews{width:100%; margin-top:30px;}
.nnews li{ width:100%; margin-bottom:30px; float:left; position:relative;}
.nnews li span{ width:20%; padding-top:3.5%; line-height:1; float:left; font-size:48px; color:#4a4a4a; display:block; text-align:center;}
.nnews li span font{font-size:13px; border-top:1px solid #CCC;}
.nnews li p{ background:#eeeeee; width:70%;padding:1% 5%; font-size:14px; color:#6d6d6d; line-height:1.5; float:right; position:relative;}
.nnews li p font{ font-size:16px; color:#6d6d6d; display:block; margin-bottom:10px; font-weight:bold;}
.nnews li p i{ color:#26459f; font-weight:bold; display:block; font-style:normal;}
.nnews li:hover p{ background:#26459f; color:#FFF;}
.nnews li:hover p font{ color:#FFF;}
.nnews li:hover p i{ color:#FFF;}

#nkefu{ width:100%; margin:30px auto ; float:left;}
#nkefu li{ width:30%; float:left; margin-right:3%;}
#nkefu li p{ float:left; width:15%; float:left;}
#nkefu li p img{ float:left; width:100%;}
#nkefu li dd{ width:80%; float:right;
    font-size: 14px; line-height:2;
    color: #929292;
}
#nkefu li dd span{display: block;
    font-size: 1.4rem;
    color: #1e1e1e;
    margin-bottom: 5px;}
.jobsmain{ width:100%; padding-bottom:80px; background:#f4f4f4; float:left;}
.jobs{ width:75%; float:right}
.jobs dl{ width:100%; float:left; background:#FFF; height:71px; border-bottom:1px solid #f6f6f6;}
.jobs dd{float:left; background:#fff; font-size:14px; color:#4d4d4d; line-height:71px; text-indent:30px; background:url(../Image/jobslixian.png) right center repeat-y;
-moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari 和 Chrome */
  border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.jobs .d1{width:40%;}
.jobs .d2{width:20%}
.jobs li{ width:100%; float:left; border-bottom:1px solid #f6f6f6;}
.jobs li .p{ width:40.5%; float:left; background:#fff; line-height:.71rem; text-align:center; font-size:13px; color:#676c68; text-align:left;  text-indent:30px;}
.jobs li .p1{width:40%;}
.jobs li .p2{width:20%}
.jobs li .jobsinfo{ width:90%;   line-height:2; font-size:16px;  height:0; overflow:hidden; padding:0 5%;
transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s; background:url(../Image/jobscon.png) 40px top no-repeat #f0f0f0;
}
.jobs li.on .jobsinfo{ height:auto; padding:50px 5%;}

.jobsside{ width:23%; float:left;}
.jobssidebt{ width:100%;}
.jobssidebt p{ font-size:14px; color:#6c6c6c;}
.jobssidebt span{ font-size:23px; color:#3c3c3c;}
.jobsside ul{ width:100%; margin-top:37px; background:url(../Image/jobsli.png) top left no-repeat; padding-top:6px;}
.jobsside li{ width:90%; height:75px; padding-left:10%; border-bottom:1px solid #f6f6f6; padding-top:25px; background:#2167d2; color:#FFF;}
.jobsside li p{ font-size:20px; color:#ffffff;}
.jobsside li span{ font-size:14px; color:#ffffff;}
.jobscon{ margin-top:30px; padding:10%; width:80%; line-height:2; background:#FFF;}
.jobscon p{ font-size:24px; color:#2167d2;}
.jobscon span{ font-size:16px; color:#2167d2;}
/*产品详情*/
.o_product{
    clear: both; padding:20px 0;}
.o_product .o_product_img{
    float: left;
    width:420px;
}
.o_product .o_product_img .o_product_thumb{
    height:270px;
    width:420px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.o_product .product_small{
    margin-top:10px;
    height: 55px;
    position: relative;
}
.swiper-container{
    width: 240px;
    height: 50px;
    overflow: hidden;
}


.o_product .o_product_img .o_product_thumb img{
    max-width:420px;
    max-height:270px;
    display: inline-block;
    vertical-align: middle;
}

.o_product .o_product_info{
    float: right;
    width: 415px;
}
.o_product .o_product_info h2{
    color: #3f3f3f;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
}
.o_product .o_product_info .o_product_detail{
    background: #F6F6F6;
    font-size: 14px;
    color: #999;
    padding: 15px 10px;
    margin-top: 10px;
}
.o_product .o_product_info .o_product_detail .o_product_data{
    clear: both;
    width: 100%;
}
.o_product .o_product_info .o_product_detail .o_product_data:after,.o_product:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.o_product_data span{
    display: inline-block;
    float: left;
    line-height: 22px;
}
.o_product_data span.key{
    width: 56px;
    text-align: right;
}
.o_product_data span.val{
    width: 339px;
}
.colhs{
    color: #FE4200;
}
.o_product_data span.val b{
    color:#FE4200;
    font-size: 16px;
}
.o_product_info .go_order{
    padding: 8px 25px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    background: #ff5e25;
    border: none;
    margin-top: 50px;
    outline: none;
}
.o_product_info .go_order:hover{
    background: #FE4200;
}

.order-content{
    padding: 20px 30px;
    background: #fff;
}

.order-content .order-line{
    color: #333;
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
    font-size: 14px;
}
.order-content .order-line:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.order-content .order-line lable{
    width: 70px;
    margin-right: 5px;
    display: inline-block;
    float: left;
    text-align: right;
}
.order-content .order-line .order-zhi{
    float: left;
    padding: 10px;
    line-height: 30px;
    padding: 0px 10px;
    max-width: 380px;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .order-zhi.noborder{
    border:none;
}
.order-content .order-line  .order-zhi.overword{
    height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;

}
.order-line.bz-line{
    height: auto;
}
.order-content .order-line .beizhu{
    padding: 10px;
    float: left;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .dwid{
    width: 375px;
}
.order-content .order-line img{
    display: inline-block;
    float: left;
    margin-left:15px;
}
.order-content .go-sub{
    margin-left:70px;
    border: none;
    color: #fff;
    background: #ff5e25;
    font-size: 14px;
    padding: 8px 28px;
    margin-top:8px;
    border-radius: 5px;
    outline: none;
}
.order-content .go-sub:hover
{
    background: #FE4200;
}

.info_title{margin:30px 0 0 0px;width:100%;height:30px;background:#ececec;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}