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:1300px; margin:0 auto;}
.mt5{ margin-top:50px;}
.mt3{ margin-top:30px;}
/********General**********/
.header{ width:100%; min-width:1300px; float:left;}
.main{ width:100%; min-width:1300px; float:left;background:url(../Image/showbj.jpg) bottom center no-repeat;}
.footer{ width:100%; min-width:1300px; float:left;}
.top{ width:100%; height:42px; background:#e5e5e5; line-height:42px; font-size:14px; color:#606060;}
.top span a{ background:url(../Image/top1.png) left center no-repeat; margin-left:10px; padding-left:23px;}
.top span a:nth-child(2){background:url(../Image/top2.png) left center no-repeat;}
.logo{ margin-top:48px; float:left;}
.tel{min-width:200px; height:auto;font-size:28px;color:rgb(40,90,233);line-height:32px;font-weight:bold;background:url(../Image/tel.png) left top no-repeat;float:right;padding-top:28px;margin-top:30px;}
.nav{ width:100%; height:72px; margin-top:38px; background:url(../Image/nav.png) center no-repeat;}
.nav li{ width:157px; float:left; font-size:18px; color:#ffffff; margin-top:31px; text-align:center;}
.nav li:nth-child(1){ margin-top:26px;}
.nav li:hover{ text-decoration:underline;}
.sousuo{ width:100%; height:57px; border-bottom:1px solid #c1c1c1;}
.sousuo p{ float:left; font-size:16px; color:#434343; line-height:57px;}
.sousuo p a:hover{ text-decoration:underline;}
.search{ float:right; margin-top:14px;}
.search-text{ width:269px; height:29px; text-indent:20px; float:left; border:1px solid #dddddd; border-right: none;}
.search-btn{ width:42px; height:31px; background:url(../Image/sousuobut.png) center no-repeat; border:none; float:left; font-size:0;}
.pro{ width:100%; float:left; margin-top:60px;}
.bt{ text-align:center; width:100%; float:left; background:url(../Image/btxian.png) bottom no-repeat; padding-bottom:20px;}
.bt p{font-size:41px; font-weight:bold;

background-image:-webkit-linear-gradient(right,#373fdc,#265eeb,#fff); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
}
.bt span{ font-size:23px; color:#595959; line-height:2; display:block;}
.prof{ width:314px; float:left; background:url(../Image/profbt.png) top center no-repeat; margin-top:36px; padding-top:110px;}
.prof ul{ width:100%; padding:18px 0; float:left; background:#f9f9f9;}
.prof li{ border:1px dotted #d0d0d0; width:264px; height:44px; margin:11px auto; background:url(../Image/proflisj.png)29px center no-repeat; line-height:44px; font-size:17px; color:#363636; text-indent:55px;}
.prof li:hover{ background:url(../Image/proflisjh.png)29px center no-repeat,url(../Image/profli.jpg) center no-repeat; color:#FFF; border:none; width:266px; height:46px; line-height:46px; }
.proshow{ width:950px; float:right; margin-top:36px;}
.probt{ width:100%; border:1px solid #d2d2d2; float:left;}
.probt p{ width:117px; height:43px; background:url(../Image/probtp.png) center no-repeat; font-size:19px; color:#ffffff; text-align:center; line-height:43px; float:left;}
.probt a{ float:right; font-size:16px; color:#707070; margin-right:14px; line-height:43px;}
#demo {
overflow:hidden;
width:100%; float:left;}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
.cpdx{width:297px; height:555px; float:left; margin-right:23px; margin-top:30px;text-align:center;}
.cpdx dd{ position:relative;  width:297px; margin-bottom:29px; height:255px; position:relative; border:1px solid #d0d0d0;}
.cpdx dd p{ height:297px; height:214px; overflow:hidden;}
.cpdx dd img{width:297px; height:214px; 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:42px; bottom:0; left:0; background: url(../Image/prospan.png) center no-repeat; font-size:16px; color:#ffffff; line-height:42px; text-align:center; position:absolute;}
.ad{ width:100%; height:1014px; background:url(../Image/ys1.jpg) center no-repeat; float:left; margin-top:80px;} 
.ad p{ float:left; margin:606px 0 0 588px; font-size:26px; color:#292929; font-weight:bold;}
.youshi{ width:100%; float:left; margin-top:80px; background:url(../Image/youshibt.png) top center no-repeat; padding-top:157px;}
.youshiw li{ margin-top:30px; width:100%; font-size:17px; color:#515151; background:url(../Image/youshili.png) left 5px no-repeat; padding-left:36px;}
.youshi1{ width:100%; float:left}
.youshi1 ul{ float:left; width:476px; height:494px; background: url(../Image/yousheul.png) left center no-repeat; padding-left:70px;}
.youshi1 i{ margin-top:148px; display:block; width:259px; height:55px; background:url(../Image/youshi1.png) center no-repeat;}
.youshi1 img{ float:right;}

.youshi2{ width:100%; padding-top:40px; float:left; height:503px; background:url(../Image/yoshibj2.jpg) center no-repeat; }
.youshi2 ul{ float:right; width:450px; height:494px; background: url(../Image/yousheul.png) right center no-repeat; padding-right:70px;}
.youshi2 i{ margin-top:148px; display:block; width:221px; height:55px; background:url(../Image/youshi2.png) center no-repeat;}
.youshi2 img{ float:left;}


.youshi3{ width:100%; float:left; margin-top:50px;}
.youshi3 ul{ float:left; width:476px; height:494px; background: url(../Image/yousheul.png) left center no-repeat; padding-left:70px;}
.youshi3 i{ margin-top:148px; display:block; width:259px; height:55px; background:url(../Image/youshi3.png) center no-repeat;}
.youshi3 img{ float:right; margin-right:-90px;}


.youshi4{ width:100%; padding-top:40px; float:left; height:503px; background:url(../Image/yoshibj2.jpg) center no-repeat; }
.youshi4 ul{ float:right; width:450px; height:494px; background: url(../Image/yousheul.png) right center no-repeat; padding-right:70px;}
.youshi4 i{ margin-top:148px; display:block; width:221px; height:55px; background:url(../Image/youshi4.png) center no-repeat;}
.youshi4 img{ float:left;}

.case{ width:100%; float:left; margin-top:80px;}
.blk_18 {
 overflow:hidden; position:relative;
 zoom:1; width:100%; height:499px;
 margin-top:60px;
}
.blk_18 .pcont {
 width:1223px;
 float:left;
 overflow:hidden; margin-left:44px;
}
.blk_18 .ScrCont {
 width:32766px;
 zoom:1;
}
.blk_18 #List1_1, .blk_18 #List2_1 {
 float:left;
}
.blk_18 .LeftBotton, .blk_18 .RightBotton {
 width:83px;
 height:89px; position:absolute; left:0; top:204px; z-index:99;}
.blk_18 .LeftBotton { background:url(../Image/left.png) center no-repeat;}
.blk_18 .RightBotton { background:url(../Image/right.png) right center no-repeat; right:0 !important; left:auto;}
.blk_18 .pl img {
 display:block; width:1223px; height:499px;}
.blk_18 .pl{ width:1223px; height:499px; float:left; position:relative;}
.blk_18 .pl p{ text-align:center; width:505px; height:499px; background:url(../Image/caselip.png) center no-repeat; background-size:auto 100%; position:absolute; right:0; top:0;}
.blk_18 .pl p span{ display:block; font-size:30px; color:#ffffff; text-align:center; font-weight:bold; margin-top:131px;}
.blk_18 .pl p font{ font-size:16px; color:#ffffff; display:block; width:262px; margin:30px auto; margin-bottom:40px;}
.blk_18 .pl a{ padding: 8px 20px; border:1px solid #FFF; font-size:16px; color:#FFF; margin:0 20px;}
.about{ width:100%; height:938px; background:url(../Image/aboutbj.jpg) center no-repeat; margin-top:90px;}
.demo{ width:100%; float:left; margin:984px; margin:242px 0 0 160px; background:url(../Image/numbxian.png)  right center no-repeat;}
.demo li{ background:url(../Image/numbxian.png) left center no-repeat;  font-size:18px; color:#fff; text-align:center; width:328px; float:left;}
.demo li span{ font-size:49px; font-weight:bold;}
.iabout_p{ position:relative; height:270px; width:550px; float:left; margin:199px 0 0 48px; font-size:16px; color:#2f2f2f; line-height:2;}
.iabout_p a{ display:block; position:absolute; left:0; bottom:0;}

.news{ width:767px; float:left; margin-top:80px;}
.newsbt{ width:100%; background:url(../Image/newsbtbj.png) right 5px no-repeat; float:left;}
.newsbt p{ float:left; width:138px; background:#FFF;}
.newsbt p span{ display:block; font-size:30px; color:#272727; font-weight: bold; width:138px; background:#FFF;}
.newsbt p font{ display:block; font-size:16px; color:#9d9d9d;}
.newsbt a{ display:block; width:29px; height:29px; float:right; margin-top:5px;}
.newsdh{ width:100%; margin:27px 0; float:left;}
.newsdh li{ font-size:18px; color:#4d4d4d; float:left; margin-right:60px; padding-bottom:7px;}
.newsdh li:hover{ font-size:18px; color:#2362ed; background:url(../Image/newsdhh.png) bottom center no-repeat;}
.newslist{ width:100%; float:left; margin-top:23px;}
.newslist ul{ width:411px; float:left; background:url(../Image/newspic.jpg) left center no-repeat; padding-left:356px;}
.newslist li{ width:100%; margin:26px 0; float:left;}
.newslist li span{ display:block; float: left; font-size:14px; color:#adadad; text-align:right; width:74px; padding-right:20px; height:39px; border-right:1px solid #dfdfdf;}
.newslist li span font{ display:block; font-size:25px;}
.newslist li p{ width:292px; float:right; font-size:14px; color:#7a7a7a;}
.newslist li p font{ display:block; font-size:17px; color:#4a4a4a; font-weight:bold;}
.newslist li:hover p{ text-decoration:underline;}

.question{ width:442px; float:right; margin-top:80px;}
.question ul{ width:100%; float:left; margin-top:30px;}
.question li{ width:393px; padding:15px 0;padding-left:49px;  float:left; border-bottom:1px dashed #bfbfbf; background:url(../Image/wd.png) left 10px no-repeat;}
.question li font{ display:block; font-size:17px; color:#434343; margin-bottom:20px;}
.question li p{ font-size:14px; color:#434343;}
.footer{ margin-top:80px;}
.fnav{ width:100%; height:103px; line-height:103px; background:#1958b9;}
.fnav li{ width:162px; float:left; color:#FFF; text-align:center; background:url(../Image/fnavxian.png) right center no-repeat;}
.ewm{ width:269px; height:133px; background:url(../Image/ewm.png) center no-repeat; float:right;}
.foot{ width:100%; padding:60px 0; background:#272727; float:left;}
.ftel{ background:url(../Image/ftel.png) left top no-repeat; padding-left:214px; float:left; margin-left:58px; font-size:16px; color:#8b8b8b; line-height:2;}
.admin{ width:100%; padding:20px 0; background:#333333; float:left; font-size:14px; color:#8b8b8b; line-height:2; text-align:center;}
.location{ width:100%; text-indent:24px; float:left; margin-top:20px; height:60px; background:url(../Image/location.png) left center no-repeat; border-bottom:1px dashed #dcdcdc; line-height:60px;}
.aboutdh{ width:100%; height:51px; text-align:center; margin-top:38px;}
.aboutdh li{ display:inline-block; font-size:18px; width:187px; margin:0; color:#474747; line-height:51px; text-align:center; background:#f4f4f4;}
.aboutdh li:hover{ background:url(../Image/nabdh.png) center no-repeat; color:#FFF;}
.nabt{ width:100%; font-size:28px; color:#2f2f2f; background:url(../Image/nabt.png) center no-repeat; font-weight:bold; text-align:center; margin:50px 0; float:left;}
.naboutw{ width:100%;background:#f4f4f4; float:left;}
.about_p_t{ font-size:20px; font-weight:bold; text-align:center; background:url(../Image/nabtxian.png) bottom center no-repeat; padding-bottom:17px; margin:40px 0; width:100%;}
.about_p{ width:100%; font-size:14px; color:#4b4b4b; line-height:2; width:650px; background: url(../Image/naboutpic.jpg) right center no-repeat #f4f4f4; padding:73px 650px 73px 0; float:left;}
.scsl{ width:100%; overflow:hidden; float:left;}
.scsl ul{ width:105%;}
.scsl li{ width:311px; float:left; margin-right:19px; height:225px;}
.scsl li img{ width:311px; height:225px;}
.side{ float:left;}
.stel{ width:312px; float:left; height:345px; background:url(../Image/stel.jpg) center no-repeat; margin-top:30px;}
.stel p{font-size:24px; font-weight:bold; margin-top:126px; float:left; text-align:center; width:100%;

background-image:-webkit-linear-gradient(right,#373fdc,#265eeb,#1182fc); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;}
.stel ul{ width:100%; float:left; margin-top:30px;}
.stel li{ font-size:14px; color:#636363; line-height:2; text-indent:25px;}


.nmainr{ width:950px; float:right; margin-top:36px;}
.nbt{ width:100%; border:1px solid #d2d2d2; float:left;}
.nbt p{ width:117px; height:43px; background:url(../Image/probtp.png) center no-repeat; font-size:19px; color:#ffffff; text-align:center; line-height:43px; float:left;}
.nbt span{ float:right; font-size:16px; color:#707070; margin-right:14px; line-height:43px;}
.npro{ width:100%; float:left; margin-top:30px;}
.npro ul{ width:105%;}
.npro li{ position:relative; float:left; width:297px; margin-bottom:29px; margin-right:23px; height:255px; position:relative; border:1px solid #d0d0d0;}
.npro li p{ height:297px; height:214px; overflow:hidden;}
.npro li img{width:297px; height:214px; display:block;transform:translate(0,0); transition:all .5s ease-in 0s;}
.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 span{ display:block; width:100%; height:42px; bottom:0; left:0; background: url(../Image/prospan.png) center no-repeat; font-size:16px; color:#ffffff; line-height:42px; text-align:center; position:absolute;}



.nhonor{ width:100%; float:left; margin-top:30px;}
.nhonor ul{ width:105%;}
.nhonor li{ position:relative; float:left; width:297px; margin-bottom:29px; margin-right:23px; height:355px; position:relative; border:1px solid #d0d0d0;}
.nhonor li p{ height:297px; height:314px; overflow:hidden;}
.nhonor li img{width:297px; height:314px; display:block;transform:translate(0,0); transition:all .5s ease-in 0s;}
.nhonor li:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.nhonor li span{ display:block; width:100%; height:42px; bottom:0; left:0; background: url(../Image/prospan.png) center no-repeat; font-size:16px; color:#ffffff; line-height:42px; text-align:center; position:absolute;}






.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 li img {
 display:block; width:950px; height:387px; }
.ncase li{ width:950px; float:left; height:387px; margin-bottom:30px; overflow:hidden; position:relative;}
.ncase li p{ text-align:center; width:505px; height:387px; background:url(../Image/caselip.png) center no-repeat; position:absolute; right:0; top:0;}
.ncase li p span{ display:block; font-size:30px; color:#ffffff; text-align:center; font-weight:bold; margin-top:131px;}
.ncase li p font{ font-size:16px; color:#ffffff; display:block; width:262px; margin:30px auto; margin-bottom:40px;}
.ncase li a{ padding: 8px 20px; border:1px solid #FFF; font-size:16px; color:#FFF; margin:0 20px;}






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