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;}
.fl{float:left;}
.fr{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:1180px; margin:0 auto;}
.mt5{ margin-top:50px;}
.mt3{ margin-top:30px;}
/********General**********/
.header{ width:100%; min-width:1180px; float:left;}
.main{ width:100%; min-width:1180px; float:left;background:url(../Image/showbj.jpg) bottom center no-repeat;}
.footer{ width:100%; min-width:1180px; float:left;}
.top{ width:100%; height:38px; background:#0047bb;}
.top p{ font-size:14px; color:#c8d8f1; line-height:38px; float:left;}
.top span{ font-size:14px; color: #FFF; display:block; line-height:38px; background:url(../Image/tel.png) center left no-repeat; padding-left:40px;}
.top span font{ font-size:16px; font-weight:bold;}
.logo{ float:left; margin-top:28px;}
.nav{ float:right; margin-top:50px;}
.nav li{ float:left; margin-left:10px;}
.nav li a{ display:block; height:56px; font-size:18px; color:#1d1d1d; text-align:center; width:90px;}
.nav li:hover a{ border-bottom:5px solid #009cff; color:#009cff;}
.pro{ width:100%; background:url(../Image/probj.png) center 60px no-repeat #f2f2f2; height:1062px; overflow:hidden; float:left; margin-top:0; }
.prow{ width:100%; height:821px; float:left; background:#FFF; margin-top:183px;box-shadow: 0px 0px 5px #d3d1d1;}
.prof{ width:100%; height:130px; text-align:center; margin-top:20px;}
.prof li{ display:inline-block; width:232px; height:130px; background:url(../Image/profxian.png) right center no-repeat; font-size:15px; color:#2a2a2a; text-align:center;}
.prof li img{width:97px; display:block; margin:0 auto;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;}
.prof li:hover img{-webkit-transform:rotatez(360deg);-moz-transform:rotatez(360deg);}

#demo {
overflow:hidden;
width:98%; margin:1%;}

#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
.cpdx{width:176px; height:206px; margin-left:10px; float:left;text-align:center; }
.cpdx img{width:176px; height:176px;}
.proshow{ width:100%; float:left;}
.proshow dd{ width:574px; height:582px; float:left; margin:0px 0 0 7px; position:relative; overflow:hidden;}
.proshow dd img{ width:574px; height:582px;ransform:translate(0,0); transition:all .5s ease-in 0s;}
.proshow dd:hover img{ transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}
.proshow dd p{ line-height:2; background:rgba(0,156,255,.85); width:297px; height:291px; position:absolute; right:0; bottom:0; text-align:center;}
.proshow dd p span{ display:block; font-size:24px; color:#ffffff; margin-top:45px;}
.proshow dd p font{ display:block; font-size:15px; color:#ffffff; margin:10px auto; width:240px}
.proshow dd p i{ display:block; width:138px; line-height:31px; font-style:normal; height:31px; border:1px solid #FFF; font-size:13px; color:#ffffff; margin:20px auto; }
.proshow ul{ width:592px; float:right; margin:0px 7px 0 0;}
.proshow ul li{ width:592px; height:291px;}
.proshow ul li img{ width:295px; height:291px; float:right;}
.proshow ul li p{ line-height:2; background:#e9e9e9; width:297px; height:291px; float:left; text-align:center;}
.proshow ul li p span{ display:block; font-size:24px; color:#282828; margin-top:45px;}
.proshow ul li p font{ display:block; font-size:15px; color:#696969; margin:10px auto; width:240px}
.proshow ul li p i{ display:block; width:138px; line-height:31px; font-style:normal; height:31px; border:1px solid #696969; font-size:13px; color:#696969; margin:20px auto; }
.proshow ul li:nth-child(2) img{ float:left}
.proshow ul li:nth-child(1) p{ float:right}
.proshow ul li:hover p{ background:rgb(0,156,255);}
.proshow ul li:hover p span{ color:#FFF;}
.proshow ul li:hover p font{ color:#FFF;}
.proshow ul li:hover p i{ color:#FFF; border:1px solid #FFF;}
.about{ width:100%; height:405px; background:url(../Image/aboutbj.jpg) center no-repeat;}
.about p{ font-size:16px; color:#ffffff; width:100%; float:left; margin-top:155px; line-height:2;}
.ys{ width:100%; height:738px; background:url(../Image/ys.png) center no-repeat; float:left; margin-top:-74px;}
.index_tel{ float:left; text-align:center; width:100%; height:579px; background:url(../Image/telbj.jpg) center no-repeat;}
.index_tel p:nth-child(1){ font-size:45px; color:#ffffff; line-height:2; margin-top:106px;}
.index_tel p:nth-child(1) span{ font-size:24px; padding:5px 0; background:url(../Image/itel.png) left center no-repeat; padding-left:56px;}
.index_tel p:nth-child(2){ font-size:16px; color:#ffffff; line-height:2; margin-top:50px;}
.index_tel p:nth-child(2) span{ font-size:16px; background:url(../Image/itel2.png) top center no-repeat; padding-top:34px;}
.index_tel p:nth-child(3){ font-size:16px; color:#ffffff; line-height:2; margin-top:50px;}
.index_tel p:nth-child(3) span{ font-size:16px; background:url(../Image/itel3.png) top center no-repeat; padding-top:34px;}
.fdh{ width:842px; float:left; margin-top:50px;}
.fdh ul{ width:150px; float:left; margin-right:8px; line-height:2;}
.fdh p{ font-size:16px; color:#2b2b2b; background:url(../Image/fdhxian.png) bottom left no-repeat; font-weight:bold; padding-bottom:15px;}
.fdh li{ font-size:15px; color:#6d6d6d; margin-top:10px;}
.ewm{ width:142px; height:196px; background:url(../Image/ewm.png) center no-repeat; float:right; margin-top:60px;}
.admin{ width:100%; height:90px; background:url(../Image/admin.jpg) center no-repeat; margin-top:40px; font-size:15px; color:#ffffff; text-align:center; padding-top:34px;}
.side{ width:257px; float:left; margin-top:63px;}
.nprof{ width:257px; background:url(../Image/sidebt.jpg) top center no-repeat; padding-top:91px;}
.nprof ul{ width:251px; border:3px solid #0047bb; float:left;}
.nprof li{ width:229px; margin-top:5px; height:45px; border-bottom:1px solid #d9d9d9; font-size:16px; color:#464646; line-height:45px; text-indent:20px; float:left; background:url(../Image/sideli.png) right center no-repeat; margin-left:12px;}
.nprof li:hover{ text-decoration:underline;}
.stel{ width:257px; float:left; margin-top:28px; background:url(../Image/stelbt.jpg) top center no-repeat; padding-top:91px;}
.stel li{ width:235px; height: auto; margin-top:5px; float:left; border:1px dashed #d1d1d1; line-height:44px; font-size:15px; color:#464646; padding-left:20px;}



.nmainr{ width:881px; float:right; margin-top:29px;}
.nbt{ width:100%; height:38px; border-bottom:1px solid #b1b1b1; margin-top:20px; line-height:38px; }
.nbt p{font-size:24px; color:#616161; float:left}
.nbt span{ font-size:14px; color:#616161; float:right;}
.npro{ width:100%; float:left; margin-top:30px;}
.npro ul{ width:110%;}
.npro li p{
 display:block;width:282px; height:253px;  overflow:hidden;}
.npro li img {
 display:block; cursor:pointer; border:none; width:282px; height:253px; transform:translate(0,0); transition:all .5s ease-in 0s;}
.npro li{width:282px; height:294px;margin-right:17px; margin-bottom:15px;
 float:left; font-size:18px; color:#3c3c3c; text-align:center;
 text-align:center;
 line-height:2;}
.npro li:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}
.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 span{ display:block; width:100%; height:30px; background:rgba(0,0,0,.5); color:#FFF; text-align:center; line-height:30px; top:}

.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:250px; 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; 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:#051b89; font-weight:bold; display:block; font-style:normal;}
.nnews li:hover p{ background:#051b89; 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;}