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:34px; background:#208e95; font-size:14px; color:#ffffff; float:left; line-height:34px;}

.logo{ float:left; }

.nav{ float:right; height:110px;}

.nav li{ position:relative; line-height:110px; font-size:16px; height:110px; color:#030303; width:95px; text-align:center; float:left;}

.nav dl{ width:350px; left:-89px;  position:absolute; top:110px; background:rgba(32,142,149,.9); z-index:999;

-moz-border-radius: 5px; /* Firefox */

  -webkit-border-radius: 5px; /* Safari 和 Chrome */

  border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;

}

.nav dd{ line-height:40px; width:50%; color:#FFF; float:left; overflow:hidden; height:0px; text-indent:10px; text-align:left;transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;}

.nav li:hover dd{ height:40px;}

.nav li:hover dl{ padding:10px;}

.nav dd:hover{ text-decoration:underline;}

.bannerw{}

.pro{ width:100%; float:left; padding-bottom:50px;background:#f3f3f3; }

.probt{ width:100%; height:96px; font-size: 40px; font-weight: bold; text-align: center; margin-top:46px;}

.prof{ width:260px; margin-top:43px; float:left; background:url(../Image/profbt.png) top center no-repeat; padding-top:96px; }


.probt {
    width: 100%;
    height: 112px;
    background: url(../Image/probt.png) center no-repeat;
    margin-top: 46px;
}

.proleft{width:925px; margin-top:13px;  float:right;overflow:hidden;}

.proleft ul{list-style-type:none;float:left;}

.proleft ul li{font-size:0; width:925px; height:571px; float:left;}

.proleft ul li p{ width:540px; height:571px; float:left;}

.proleft ul li p img{ width:540px; height:571px; float:left;}

.proleft ul li dd{ width:325px; padding:46px 30px; height:479px; background:#1b9ba0; float:left;}

.proleft ul li dd span{ display: block; width:229px; height:55px; background:#ffffff; font-size:20px; color:#1b9ba0; text-align:center; line-height:55px;}

.proleft ul li dd font{ display:block; font-size:16px; color:#ffffff; line-height:2; margin-top:35px;}

.proleft ul li dd i{ display:block; width:124px; height:35px; font-size:14px; font-style:normal; margin-top:20px; border:1px solid #FFF; line-height:35px; text-align:center; color:#FFF;}

.proshow{ width:100%; margin-top:30px;}

#demo {

overflow:hidden;

width:100%; float:left; }

#indemo {

float: left;

width: 800%;

}

#demo1 {

float: left;

}

#demo2 {

float: left;}

.cpdx{width:286px; height:675px; float:left; margin-right:19px; text-align:center;}

.cpdx dd{ position:relative;  width:286px; margin-bottom:25px; height:325px; background:#fff; position:relative; overflow:hidden;}

.cpdx dd p{ width:267px; height:267px; overflow:hidden; background:#FFF; border:10px solid #FFF; display: table-cell;

vertical-align:middle;

/*设置水平居中*/

text-align:center;}

.cpdx dd img{max-width:267px; max-height:267px;vertical-align:middle; 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%; line-height:45px; position:absolute;bottom:0; left:0; font-size:16px; font-weight:bold; color:#525252; text-align:center; position:absolute;transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;}

.about{ width:100%; float:left; margin-top:38px;}

.aboutbt{ width:100%; height:96px; background:url(../Image/aboutbt.png) center no-repeat;}

.aboutw{ width:100%; font-size:16px; color:#212121; line-height:2; margin-top:35px; text-indent: 2em;}

.demo{ width:100%; float:left; margin-top:30px;}

.demo li{ width:33%; float:left; height:114px; font-size:16px; color:#212121;  text-align:center; border-right:1px solid #d6d6d6;}

.demo li:nth-child(3){ border:none;}

.demo li span{ font-size:60px; color:#1b9ba0; font-weight:bold;}

.ad{ width:100%; height:385px; background:url(../Image/ad.jpg) center no-repeat; float:left; margin-top:40px;}

.ad p{ font-size:30px; color:#313131; float:left; margin:190px 0 0 570px;}

.case{ width:100%; margin-top:40px; overflow:hidden;}

.casebt{ width:100%; height:96px; background:url(../Image/casebt.png) center no-repeat;}

.case ul{ width:105%; float:left; margin-top:32px;}

.case li{ width:380px; height:300px; float:left; margin-right:30px; position:relative; overflow:hidden;}

.case li img{width:380px; height:300px;  transform:translate(0,0); transition:all .5s ease-in 0s;}

.case li:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }

.case li span{ display:block; width:100%; height:45px; background:rgba(0,0,0,.5); position:absolute; bottom:0; left:0; font-size:16px; color:#fefeff; text-align:center; line-height:45px;}

.case li:nth-child(1){ width:582px; height:384px; margin-right:36px; margin-bottom:30px;}

.case li:nth-child(1) img{width:582px; height:384px;}

.case li:nth-child(2){ width:582px; height:384px; margin-right:36px; margin-bottom:30px;}

.case li:nth-child(2) img{width:582px; height:384px;}

.youshi{ width:100%; float:left; height:826px; background:url(../Image/youshi.jpg) center no-repeat; margin-top:51px;}

.bx-wrapper{ margin-top:305px;}

.ys1{ width:314px; float:left; font-size:16px; color:#212121; line-height:2;}

.bxslider dl{ width:860px; float:right; margin-top:161px;}

.bxslider dl .ys2{ font-size:16px; color:#FFF; font-weight:bold; float:left; width:174px; text-align:center;}

.bxslider dl .ys2 font{ font-size:146px; font-weight:bold;}

.bxslider dl .ys3{ font-size:16px; color:#ffff; line-height:2; margin-top:36px; float:left; width:191px; margin-left:16px; text-align:center;}

.bxslider dl .ys4{ width:391px; float:left; margin:41px 0 0 80px; font-size:16px; color:#FFF; line-height:2;}

.bx-controls-direction{ position:absolute; width:220px; top:209px; left:0;}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ width:100px !important; top:198px; left:64px;}

.news{ width:100%; padding-bottom:10px; overflow:hidden; float:left; margin-top:40px;}

.newsbt{ width:100%; height:96px; background:url(../Image/newsbt.png) center no-repeat;}

.news ul{ width:105%; margin-top:35px;}

.news li{ position:relative; width:235px; height:419px; float:left; margin-right:6px;box-shadow: 3px 3px 10px #e5e5e6;}

.news li img{ width:235px; height:213px;}

.news li p{ font-size:14px; color:#9c9c9c; line-height:2; padding:19px;}  

.news li p font{ font-size:16px; color:#212121;}

.news li i{font-size:14px; color:#9c9c9c; font-style:normal; position:absolute; left:19px; bottom:33px;}

.news li:hover{ background:#1b9ba0;}

.news li:hover p{ color:#FFF;}

.news li:hover p font{ color:#FFF;}

.news li:hover i{ color:#FFF;}

.sllist{ width:100%; float:left; margin-top:40px;}

.sllist li{ width:12%; padding-left:.04rem; overflow:hidden; float:left; overflow:hidden; position:relative;

transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;}

.sllist li:nth-child(1){padding-left:0;}

.sllist li .pic{ width:386px;}

.sllist li .pic img{ width:100%; margin:0; display:block;}



.sllist li .sl_desc{position:absolute; width:314px; height:149px; bottom:0;  padding:30px 10px;





transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;}

.sllist li .sl_desc p{font-size:18px; font-weight: bold; color:#ffffff; line-height:2;}

.sllist li .sl_desc span{font-size:18px; padding-left:10px; color:#ffffff; display: none;}

.sllist li.li_on{width:27.5%;}

.sllist li.li_on .sl_desc{background:rgba(32,142,149,.9);}

.sllist li.li_on .sl_desc span{ display:block;}



.ifooter{ width:100%; background: url(../Image/foot.jpg) top center no-repeat #212121; }

.footer{ width:100%; background: url(../Image/foot2.jpg) top center no-repeat #212121; }

.ftel{ width:100%; height:57px; line-height:57px; font-size:30px; color:#fefeff; font-weight:bold; text-indent:97px;}

.fnav{ width:200px; float:left; margin-top:65px;}

.fnav ul{ widows:100%;}

.fnav li{ width:100px; float:left; font-size:16px; color:#fefeff; margin-bottom:10px;}

.fcontact{ width:635px; float:left; margin:60px 0 0 65px; height:185px; border-left:1px solid #FFF;border-right:1px solid #FFF; padding-left:65px;}

.fcontact li{ width:183px; float:left; font-size:16px; color:#fefeff; line-height:1.5; margin-bottom:38px; padding-left:45px;}

.fcontact li:nth-child(1){ background: url(../Image/ftel1.png) left center no-repeat;}

.fcontact li:nth-child(2){ background: url(../Image/ftel2.png) left center no-repeat; width:360px;}

.fcontact li:nth-child(3){ background: url(../Image/ftel3.png) left center no-repeat;}

.fcontact li:nth-child(4){ background: url(../Image/ftel4.png) left center no-repeat; width:360px;}

.ewm{ width:145px; height:177px; background:url(../Image/ewm.png) center no-repeat; float:right; margin-top:68px;}

.admin{ width:100%; height:74px; color:#787878; line-height:74px; text-align:center; margin-top:43px; font-size:16px; border-top:1px solid #9c9c9c}

.nmain{ width:100%; background:#f3f3f3; padding-bottom:80px;}

.side{ float:left;}

.stel{ width:260px; height:339px; background:url(../Image/stel.jpg) center no-repeat; float:left; margin-top:30px;}

.stel a{ display:block; height:339px;}

.neirong{ font-size:14px; line-height:1.8; background:#FFF; padding:2%; width:96%; text-indent: 2em;}



.nmainr{ width:898px; float:right; margin-top:35px;}

.nbt{ width:100%; height:35px; border-bottom:1px solid #1b9ba0; line-height:35px; }

.nbt p{ font-size:24px; color:#212121; float:left;}

.nbt span{ font-size:16px; color:#212121; float:right; }



.nabout{ width:100%; float:left; margin-top:35px; margin-right:30px;}

.nhonor{ width:885px; margin-top:70px; float:left;  background:#f0f0f0; padding:46px 40px;}

.nhonor_first{ margin-top:29px; background:url(../Image/honorbj1.jpg) top center no-repeat; width:229px; height:377px; border:1px solid #c9c9c9; float:left;}

.nhonor_first p{ width:201px; height:285px; margin:20px auto; overflow:hidden;}

.nhonor_first p img{ width:201px; height:285px;transform:translate(0,0); transition:all .5s ease-in 0s;}

.nhonor_first:hover p img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}

.nhonor_first span{ display:block; text-align:center; font-size:14px; color:#434343; margin-top:10px;}

.nhonor_right{ width:654px; float:right; margin-top:29px;}

.nhonor_li{ width:198px; height:178px; float:left; margin:0 0 18px 18px; border:1px solid #c9c9c9;}

.nhonor_li p{ width:174px; height:125px; margin:10px auto 0; overflow:hidden;}

.nhonor_li p img{ width:174px; height:125px;transform:translate(0,0); transition:all .5s ease-in 0s;}

.nhonor_li:hover p 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; padding:0 10px; text-align:center; font-size:14px; color:#434343; margin-top:0px;}

.nfc{ width:100%; float:left; margin-top:40px; overflow:hidden;}

.nfc ul{ width:110%;}

.nfc li p{

 display:block;width:287px; height:207px;  overflow:hidden;}

.nfc li img {

 display:block; cursor:pointer; border:none; width:287px; height:207px; transform:translate(0,0); transition:all .5s ease-in 0s;}

.nfc 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;}

.nfc li:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}

.nfc li:hover{color:#fff; background:#26459f;}

.ncult{ width:100%; float:left; margin-top:40px; overflow:hidden;}

.ncult ul{ width:110%; float:left; margin-top:40px;}

.ncult li{ width:188px; height:188px; border:2px solid #959595; float:left; margin-right:43px; overflow:hidden; position:relative;

-moz-border-radius:94px; /* Firefox */

  -webkit-border-radius: 94px; /* Safari 和 Chrome */

  border-radius: 94px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}

.ncult li:hover{ border:2px solid #0287e2;}

.ncult li p{ display:block; width:188px; height:188px; position:absolute; top:-188px; background:#0287e2; left:0; font-size:13px; color:#ffffff; text-align:center; transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;}

.ncult li p font{ display:block; background:url(../Image/nculxian.png) bottom center no-repeat; font-size:24px; color:#ffffff; text-align:center; margin-bottom:10px; margin-top:47px; padding-bottom:35px;}

.ncult li span{display:block; width:188px; height:68px; text-align:center; position:absolute; top:0px; font-size:16px; color:#4c4c4c; padding-top:120px; left:0; transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;}

.ncult li:hover span{ top:188px;}

.ncult li:hover p{ top:0px;}

.ncult li:nth-child(1) span{ background:url(../Image/cult1.png) center 39px no-repeat}

.ncult li:nth-child(2) span{ background:url(../Image/cult1.png) center 39px no-repeat}

.ncult li:nth-child(3) span{ background:url(../Image/cult2.png) center 39px no-repeat}

.ncult li:nth-child(4) span{ background:url(../Image/cult3.png) center 39px no-repeat}

.yewu{ width:100%; float:left; margin-top:35px;}

.yewu li{ width:945px; height:178px; padding:10px; border:1px solid #d2d2d2; margin-bottom:28px;}

.yewu li dl{ width:660px; float:right;}

.yewu li dl span{ font-size:24px; display:block; line-height:2; margin-bottom:20px; color:#2c2c2c; font-weight:bold;}

.yewu li dl dd{ font-size:18px; float:left; padding:0 24px; border-left:1px solid #2f2f2f; height:19px; line-height:18px; margin-bottom:11px;}

.yewu li dl dd:hover{ font-size:18px; color:#0166c0; font-weight:bold}

.njishu{ width:100%; float:left; margin-top:40px;}

.njishu li{ width:100%; float:left; margin-bottom:40px; overflow:hidden;}

.njishu li p{ width:100%; text-align:center; margin-bottom:10px; font-size:26px; color:#0287e2; font-weight:bold; float:left;}

.njishu li span{ width:100%; font-size:16px; color:#5a5a5a; display:block; margin:10px 0; margin-bottom:30px; float:left; }

.njishu li dl{ width:105%;}

.njishu li dd{

 display:block;width:287px; height:207px;  overflow:hidden; float:left; margin:0 40px 40px 0}

.njishu li dd img {

 display:block; cursor:pointer; border:none; width:287px; height:207px; transform:translate(0,0); transition:all .5s ease-in 0s;}

.njishu li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}

.njishu li dd:hover{color:#fff; background:#26459f;}



.npro{ width:100%; float:left; margin-top:30px;}

.npro ul{ width:110%;}

.npro li p{

width:287px; height:287px; background:#FFF;  overflow:hidden;display: table-cell;

vertical-align:middle;

/*设置水平居中*/

text-align:center;}

.npro li img {

cursor:pointer;vertical-align:middle; border:none; max-width:287px; max-height:287px; transform:translate(0,0); transition:all .5s ease-in 0s;}

.npro li{ position:relative;width:287px; background:#e5e5e5; height:337px;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:#1b9ba0;}

.npro li span{ display:block; position:absolute; line-height:3; width:100%; bottom:0; left:0; width:100%;}

.page{ text-align:center; margin-top:20px;}

.neirong{ width:96%; margin:30px auto; height:auto; overflow:hidden; }

#prev_next{ width:100%; margin-top:80px; border-top:1px dashed #CCCCCC; padding-top:10px;float:left;}

#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;}

.njjfa{width:100%; margin-top:30px; }

.njjfa li{ width:100%; margin-bottom:30px; float:left; position:relative;}

.njjfa li span{ display:none; width:20%; padding-top:3.5%; line-height:1; float:left; font-size:48px; color:#4a4a4a; display:block; text-align:center;}

.njjfa li span font{font-size:13px; border-top:1px solid #CCC;}

.njjfa li p{ background:#eeeeee; width:90%;padding:1% 5%; font-size:14px; color:#6d6d6d; line-height:1.5; float:right; position:relative;}

.njjfa li p font{ font-size:16px; color:#6d6d6d; display:block; margin-bottom:10px; font-weight:bold;}

.njjfa li p i{ color:#26459f; font-weight:bold; display:block; font-style:normal;}

.njjfa li:hover p{ background:#26459f; color:#FFF;}

.njjfa li:hover p font{ color:#FFF;}

.njjfa li:hover p i{ color:#FFF;}



.article{ background:#FFF; padding:10px;}



.ncase{ width:100%; float:left; margin-top:30px;}

.ncase ul{ width:105%;}

.ncase li img{ width:287px; height:202px;}

.ncase li{

 width:287px; height:326px; 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; background:#eeeeee;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{  width:70%;padding:1% 2%; font-size:14px; color:#6d6d6d; line-height:1.5; float:left; position:relative;}

.nnews li p font{ font-size:16px; color:#6d6d6d; display:block; margin-bottom:10px; font-weight:bold;}

.nnews li p i{ color:#208e95; font-weight:bold; display:block; font-style:normal;}

.nnews li:hover p{ background:#208e95; color:#FFF;}

.nnews li:hover p font{ color:#FFF;}

.nnews li:hover p i{ color:#FFF;}

.nnews li a{ display: block; width: 100%;}

.nnews li dd{ width:20%; position: relative; line-height:1; float:left;  color:#4a4a4a; display:block; text-align:center;}

.nnews li dd img{ width:100%; height: 150px; display: block;}



.fangan li{ width:100%; margin-bottom:30px; background:#eeeeee;float:left; position:relative;}

.fangan li span{ width:20%; padding-top:3.5%; line-height:1; float:left; font-size:48px; color:#4a4a4a; display:block; text-align:center;}

.fangan li span font{font-size:13px; border-top:1px solid #CCC;}

.fangan li p{  width:70%;padding:1% 2%; font-size:14px; color:#6d6d6d; line-height:1.5; float:left; position:relative;}

.fangan li p font{ font-size:16px; color:#6d6d6d; display:block; margin-bottom:10px; font-weight:bold;}

.fangan li p i{ color:#208e95; font-weight:bold; display:block; font-style:normal;}

.fangan li:hover p{ background:#208e95; color:#FFF;}

.fangan li:hover{ background:#208e95; color:#FFF;}

.fangan li:hover p font{ color:#FFF;}

.fangan li:hover p i{ color:#FFF;}

.fangan li a{ display: block; width: 100%;}

.fangan li dd{ width:20%; position: relative; line-height:1; float:left;  color:#4a4a4a; display:block; text-align:center;}

.fangan li dd img{ width:100%; height: 150px; display: block;}















#nkefu{ width:100%; margin:30px auto ; float:left;}

#nkefu li{ width:20%; 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:81%; float:right;

    font-size:16px; line-height:2;

   

}

#nkefu li dd span{display: block;

    font-size: 24px;

   

    margin-bottom: 5px;}

.nconinfo{ width:100%; margin-top:50px; text-align:center;}

.nconinfo p{ font-size:16px; }

.nconinfo span{ display:block; font-size:36px;  font-weight:bold;}

.nconinfo img{ display:block; max-width:100%; margin:20px auto; }



.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 30px 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;}





table { 

 border-collapse:collapse; 

 border-spacing:0; 
	border: 1px solid #49b6c3;

} 

table .firstRow{ background: #49b6c3; color: #fff;} 
table .firstRow td{border-right: 1px dashed #ccc;}

table #r1{background: #f2f2f2; }
table #r2{background: #f2f2f2; }

table #r5{background: #f2f2f2; }
table #r6{background: #f2f2f2; }

table #r9{background: #f2f2f2; }
table #r10{background: #f2f2f2; }

table #r13{background: #f2f2f2; }
table #r14{background: #f2f2f2; }
th {

font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

color: #000;

border-right: 1px solid #000;

border-bottom: 1px solid #000;

border-top: 1px solid #000;

letter-spacing: 2px;

text-transform: uppercase;

text-align: left;

padding: 6px 6px 6px 12px;

background: #CAE8EA no-repeat;

}

td {

border-right: 1px dashed #49b6c3;

border-bottom: 1px dashed #49b6c3;



font-size:14px;

padding: 6px 6px 6px 12px;


}

td.alt {

background: #F5FAFA;

color: #000;

}

th.spec,td.spec {

border-left: 1px solid #000;

}

.menu,.tab-box{  width: 260px; height: 100%;  margin: 0 auto; padding-top: 25px; background: #fff; }
.menu ul li{ /*height:45px; */line-height: 56px; border-bottom: 1px solid #eee; font-size: 15px;  }
.menu ul li span{ display: block; height: 100%; width: 88%; position: relative; padding: 0 20px;  }
.menu ul li span i{ display: block; height: 20px; width: 20px; background: url(../Image/arr.png) no-repeat center center; background-size:80% 80%; position: absolute; right: 20px; top: 50%; margin-top: -10px;  transition: all 0.3s ease-out; transform: rotate(0deg);}
.menu ul li span i.action{ transition: all 0.3s ease-out;transform: rotate(180deg);}
.menu ul li>dl{ display: none; padding-left: 35px; background: #d8e7f5; }
.menu ul li>dl a{ display: block; height: 100%; width: 100%; font-size: 14px; color: #222; text-decoration: none; }


.ser_r {
    position: relative;
    margin-top: 18px;
	 width: 394px;
}
.search-text {
    background: #ffffff;
    border: none;
    height: 50px;
    width: 372px;
    padding-left: 20px;
    padding-right: 2px;
    font-size: 12px;
    border-bottom: 1px solid #bfbfbf;
    position: relative;
}
.search-btn {
    position: absolute;
    width: 47px;
    height: 35px;
    line-height: 24px;
    top: 9px;
    right: 0px;
    border: none;
    font-size: 12px;
    background: url(../Image/search_btn.png) no-repeat top;
}

.lang ul li{ float: left; color: #fff; line-height: 30px; }
.lang ul li:nth-of-type(1){ margin-left: 100px;}

.search{ width: 232px; position: relative;margin-left: 240px;}
.search-textt {
    background: #ffffff;
    border: none;
    height: 25px;
    width: 232px;
    padding-left: 20px;
    padding-right: 2px;
    font-size: 12px;
    border-bottom: 1px solid #bfbfbf;
    position: relative;
	border-radius: 20px;
	
}
.search-btnn {
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 24px;
    top: 6px;
    right: 0px;
    border: none;
    font-size: 12px;
    background: url(../Image/search_btnn.png) no-repeat top;
}

.inner_contact ul li{ float: left; border:1px solid #ccc; margin-right: 10px; width: 356px; height: 200px; margin-top: 20px; text-align:left;}
.inner_contact ul li:nth-of-type(3){ margin-right: 0px;}
.inner_contact ul li .inner_contact_l{ margin-left: 10px;}
.inner_contact ul li .inner_contact_r{ margin-left: 10px; margin-top: 20px; width: 200px;}
.inner_contact ul li .inner_contact_r .big_tit1{ font-size: 18px; font-weight: bold;}
.inner_contact ul li .inner_contact_r .big_tit2
.inner_contact ul li .inner_contact_r .big_tit3{ color: #3e9c9a; font-weight: bold;margin-top: 18px;}
.inner_contact ul li .big_tit4{ margin-left: 10px;}