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; overflow:hidden;}
.footer{ width:100%; min-width:1200px; float:left;}
.top{ width:100%; height:110px; position:fixed; top:0; left:0; background:rgba(255,255,255,.8); z-index:99;}
.logo{ float:left; margin-top:30px;}
.nav{ float:right;}
.nav li{ width:122px; position:relative; text-align:center; height:110px; float:left; font-size:20px; line-height:110px; font-family:"黑体";}
.nav li dl{ position:absolute; top:110px; left:0; width:122px;}
.nav li dd{ width:122px; height:0px;background:rgba(255,255,255,.8);font-size:16px; line-height:50px;  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s; overflow:hidden;}
.nav li:hover dd{height:50px}
.nav li.navon dd{height:50px}
.nbanner{ width:100%; height:300px; background:url(../images/nbanner.jpg) center no-repeat;}
.about{ width:100%; height:1067px; background:url(../images/aboutbj.jpg) center no-repeat;}
.bt{ font-size:33px; color:#4f4f4f; height:77px; background:url(../images/bt.png) center no-repeat; line-height:77px; text-align:center; width:100%; float:left; margin-top:170px;}
.fwf{ width:640px; overflow:hidden; float:left; margin-top:159px;}
.fwf ul{ width:105%;}
.fwf li{ float:left; margin-right:38px;}
.fwf li img{-webkit-transition:0.5s ease;-moz-transition:0.5s ease;}
.fwf li:hover img{-webkit-transform:rotatez(360deg);-moz-transform:rotatez(360deg);}
.demo{ width:602px; height:276px; background:url(../images/numb.png) left center no-repeat; margin-top:10px;}
.demo li{ width:200px; float:left; height:120px; font-size:18px; color:#666666; text-align:center; padding-top:20px;}
.demo li span{ font-size:42px; color:#cb202a; font-weight:bold;}
.demo li a{ font-size:19px; color:#cb202a; font-weight:bold; display:block; width:100%; float:left; margin-top:20px;}
.youshi{ width:100%; height:1068px; position:relative; background:url(../images/youshibj.jpg) fixed center no-repeat; background-size:cover;}
.quan{ z-index:999; width:636px; height:505px; position:absolute; top:306px;left:50%; margin-left:-292px; background:url(../images/ysquan.png) bottom center no-repeat;}
.quan p{ width:96%; height:356px; background:url(../images/ysbj.png) center no-repeat;}
.quan:hover p{-webkit-transform: rotate(360deg);
    animation: rotation 5s linear infinite;
    -moz-animation: rotation 5s linear infinite;
    -webkit-animation: rotation 5s linear infinite;
    -o-animation: rotation 5s linear infinite;}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotatey(0deg);}
    to {-webkit-transform: rotatey(360deg);}
}
.youshi .w{ width:1200px;}
.youshi ul{ width:100%; float:left; margin-top:155px;}
.youshi li{ width:50%; float:left; line-height:2; margin-bottom:56px; padding-bottom:120px;}
.youshi li p{ font-size:24px; color:#282828;}
.youshi li span{ font-size:16px; color:#4f4f4f;}
.youshi li:nth-child(1){ background:url(../images/you1.png) bottom left no-repeat;}
.youshi li:nth-child(2){ background:url(../images/you2.png) bottom right no-repeat;}
.youshi li:nth-child(3){ background:url(../images/you3.png) bottom left no-repeat;}
.youshi li:nth-child(4){ background:url(../images/you4.png) bottom right no-repeat;}

.youshi li:nth-child(2) p{ text-align:right;}
.youshi li:nth-child(2) span{ text-align:right;display:block;}
.youshi li:nth-child(4) p{ text-align:right;}
.youshi li:nth-child(4) span{ display:block;text-align:right;}

.youshi li:nth-child(3){padding-bottom:50px;}
.youshi li:nth-child(4){padding-bottom:50px;}

.news{ width:100%; height:999px; background:url(../images/newsbj.jpg) center no-repeat;}
.news .bt{ font-size:33px; color:#fff; height:77px; background:url(../images/newsbt.png) center no-repeat; line-height:77px; text-align:center; width:100%; float:left; margin-top:170px;}
.news .first{ width:568px; float:left; margin-top:94px;}
.news .first p{ font-size:32px; color:#fff; background:url(../images/newsxian.png) left bottom no-repeat; padding-bottom:29px; line-height:1.2;}
.news .first span{ font-size:16px; color:#ffffff; display:block; margin-top:50px;}
.news .first i{ width:162px; height:45px; font-style:normal; text-align:center; line-height:45px; font-size:20px; color:#ffffff; border:1px solid #FFF; display:block; margin-top:79px;}
.news .first i:hover{ border:1px solid #cb202a; color:#cb202a;}
.news ul{ width:624px; float:right; margin-top:94px;}
.news ul li{ position:relative; width:248px; height:205px; line-height:1.5; font-size:28px; color:#ffffff; margin:5px; float:left; border:1px solid #FFF; padding:25px;}
.news ul li:hover{ background:rgba(255,255,255,.5); width:248px; height:205px; color:#cb202a;}
.news ul li i{ display: none; width:179px; height:47px; background: url(../images/newsi.png)  center no-repeat; position:absolute; left:0; bottom:0; font-size:18px; text-align:center; line-height:47px; font-style:normal;}
.news ul li:hover i{ display:block; color:#FFF;}
.case{ width:100%; height:1028px; background:url(../images/casebj.jpg) center no-repeat;}
.case .bt{ margin-top:100px;}
#demo {
overflow:hidden;
width:100%; float:right; margin-top:22px;}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;}
.cpdx{width:367px; height:591px; float:left; margin-right:90px; text-align:center;}
.cpdx dd{ position:relative;  width:367px; margin-bottom:46px; height:267px; background:#e6e6e6; position:relative;}
.cpdx dd p{ height:367px; height:267px; overflow:hidden;}
.cpdx dd img{width:367px; height:267px; 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:none; width:100%; height:56px; bottom:0; left:0; font-size:16px; color:#020202; line-height:56px; text-align:center; position:absolute;}
.casebt{ font-size:24px; color:#4f4f4f; margin-top:20px;}
.casemore{ display:block; width:162px; height:45px; margin:69px auto; font-style:normal; text-align:center; line-height:45px; font-size:20px; color:#cb202a; border:1px solid #cb202a; display:block; margin-top:79px;}
.footer{ margin-top:80px; width:100%; height:640px; background:#f3f5f8;}
.ftel{ margin-top:90px; padding-top:20px; line-height:2; height:130px; float:left; background:url(../images/flogo.png) left center no-repeat; padding-left:163px;}
.ftel p{ font-size:30px; color:#000000; font-weight:bold;}
.ftel span{ font-size:16px; color:#7b7b7b;}
.link{ width:453px; margin-top:150px; float:right; position:relative;}
.link_p{cursor: pointer; width:453px; height:61px; background:url(../images/linkp.png) center no-repeat;}
.link ul{ position:absolute; display:none; width:413px; top:80px;  padding:20px; background:#FFF;-moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.link ul li{ width:100%; font-size:17px; color:#989898; line-height:2;}
.link ul.on{ display:block;}
.fnav{ width:100%; border-top:1px solid #dfdfe0; margin-top:60px;}
.fnav ul{ float:left; margin-top:100px; margin-right:40px}
.fnav ul p{ font-size:21px; color:#474747;}
.fnav ul li{ font-size:18px; color:#757575; line-height:2;}
.ewm{ width:128px; height:146px; background:url(../images/ewm.png); float:right; margin-top:138px;}
.fnav ul li:hover{ text-decoration: underline;}
.nabout{ width:100%; float:left; background:url(../images/naboutbt.png) top center no-repeat; margin-top:30px; font-size:16px; color:#3c3c3c; line-height:2; padding-top:142px;}
.lc{ width:100%; height:732px; background:url(../images/lc.jpg) center no-repeat; float:left; margin-top:80px;}
.honor{ width:100%; background:url(../images/naboutbt2.png) top center no-repeat; margin-top:65px; padding-top:187px;}
.honorw{ width:100%; height:472px; background:url(../images/nhonorpic.jpg) left center no-repeat;}
.honorr{ overflow:hidden; width:643px; float:right;}
.honorr p{ font-size:16px; color:#424242; line-height:2;}
.honorr ul{ width:105%; margin-top:80px;}
.honorr li{ width:204px; height:168px; border:1px solid #d2d2d2; margin:5px; float:left;}
.honorr li img{ width:204px; height:168px;}

.nmainr{ width:100%; 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:#d0231c;}
.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: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:#d0231c; font-weight:bold; display:block; font-style:normal;}
.nnews li:hover p{ background:#d0231c; 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(../images/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(../images/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(../images/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;}