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;}
html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
/*******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;}
.w{ width:72%; margin:0 auto;}
/********General**********/
.bx-wrapper .bx-caption span{text-overflow: ellipsis; display:block !important;overflow: hidden;white-space: nowrap}
.weixin{ display:none; width:100%; height:60px; background:#FFF;}
.weixin p{ float:left; margin-left:10px; font-size:1.4rem; padding-left:39px; background:url(../Image/wechat_logo.png) left center no-repeat; line-height:60px;}
.weixin p span{ display: block; width:0; height:0;}
.weixin .weixinbtn{ width:125px; height:40px; font-size:16px; color:#FFF; float:right; margin-top:10px; margin-right:10px;  background:#1aad17; border-radius: 20px;}
.tel{ display:none;}
.header{ width:100%; float:left;}
.top{ width:100%;background:#7787a4; float:left; position:relative; z-index:99999; position:fixed; top:0px;}
.logo{ margin-top:2%; float:left; }
.logo img{ width:100%;}
.nav{ float:right; width:70%;}
.nav li{ float:left; font-size:1.6rem; color:#fff; position:relative; float:left; width:9.5%; text-align:center; height:108px; border-right:1px solid #FFF;}
.nav li i{ display:block; width:100%; height:33px; margin-top:25px; margin-bottom:5px;
-webkit-transition:1s ease;-moz-transition:1s ease;
}
.nav li:hover i{-webkit-transform:rotatez(360deg);-moz-transform:rotatez(360deg);}
.m_nav{ display:none;}
.nav li:nth-child(1) i{ background:url(../Image/nav1.png) center no-repeat;}
.nav li:nth-child(2) i{ background:url(../Image/nav2.png) center  no-repeat;}
.nav li:nth-child(3) i{ background:url(../Image/nav3.png) center  no-repeat;}
.nav li:nth-child(4) i{ background:url(../Image/nav3.png) center  no-repeat;}

.nav li:nth-child(5) i{ background:url(../Image/nav4.png) center  no-repeat;}
.nav li:nth-child(6) i{ background:url(../Image/nav5.png) center  no-repeat;}
.nav li:nth-child(7) i{ background:url(../Image/nav6.png) center  no-repeat;}
.nav li:nth-child(8) i{ background:url(../Image/nav7.png) center  no-repeat;}
.nav li:nth-child(9) i{ background:url(../Image/nav8.png) center  no-repeat;}
.nav li:nth-child(10) i{ background:url(../Image/nav9.png) center  no-repeat;}

.nav li dl{ display: block; width:180%; position:absolute; top:108px; left:-40%;background:#6f81a0; z-index:9999;
-moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari 和 Chrome */
  border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.nav li:hover dl{box-shadow: 2px 3px 2px 1px #6f81a0;
}
.nav li dd{font-size:1.6rem; color:#fff;  line-height:40px; height:0px; text-align:center; float:left; width:100%; overflow:hidden;
transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
}
.nav li:hover dd{ height:40px; border-top:1px solid #FFFFFF;}
.nav li dd:nth-child(1){ border:none;}

.bannerw{ width:100%; float:left; margin-top:108px;}
.nbanner{ width:100%; float:left; height:305px; margin-top:35px; background-position: center; background-repeat:no-repeat;}
.nbanner img{ width:100%;}
.main{ width:100%; float:left;}
.about{ position:relative; width:100%; height:auto; float:left; overflow:hidden;}
.aboutbt{ width:100%; text-align:center; float:left; margin-top:30px;}
.aboutbt span{ font-size:22px; color:#4f4f4f;}
.aboutbt p{ font:1.5rem/1 Arial, Helvetica, sans-serif; color:#4f4f4f; line-height:2;}
.about_p{ font-size:1.4rem; color:#2a2a2a; line-height:2; text-align:left; padding-top:2px; margin-top:25px;}
.about_p span{ display:block; max-height:320px; overflow:hidden;}
.aboutdh{ width:95%; margin:25px auto 0; overflow:hidden;}
.aboutdh li{ width:33.3%; float:left; position:relative;padding-bottom:19.96%; overflow:hidden;}
.aboutdh li b{display:block; position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:999;
transition: all 0.8s ease 0s; opacity:1;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;

}
.aboutdh li img{ width:100%; height:100%;}
.aboutdh li:hover b{opacity:0;}
.aboutdh li dd{ position:absolute; width:100%; z-index:9999; height:100%}
.aboutdh li dd img{ width:100%; height:100%}

#videoswrap{ width:33.3%; float:left; position:relative;padding-bottom:19.96%; overflow:hidden;}
#videos{ width:100%; position:absolute; width:100%; height:100%; top:0px; left:0px;}
#videos li{width:100%; position:absolute; width:100%; height:100%; top:0px; left:0px; padding:0;}
.aboutdh li font{ display:block; position:absolute; width:100%; height:100%; top:0px; left:0px; }
.aboutdh li font img{width:100%; height:100%;}
.aboutdh li p{ position:absolute; z-index:9; width:90%; height:80%; margin:5% auto 0; border:1px solid #00285e; top:0;left:5%; font-size:1.6rem; color:#ffffff; text-align:center; text-shadow:1px 1px 1px #000; line-height:2;
transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;z-index:9999;


}
.aboutdh .child{background:#00285e;text-shadow: none; text-align:center;}
.aboutdh .child dd{ position:absolute;  font-size:1.6rem; line-height:2; color:#ffffff; text-align:center; top:30%; width:100%; left:0px; background:url(../Image/aboutdh1.png) center 5.6rem no-repeat; padding-bottom:50%;}
.aboutdh li p span{ display:block; width:60%; margin:10% auto 0; border-bottom:0.2rem solid #00285e; }
.aboutdh li p a{  display:block; border:1px solid #FFF; background:rgba(255,255,255,0.5);  width:50%; margin:8% auto 0; box-shadow: 1px 1px 1px #000;
-moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari 和 Chrome */
  border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
-webkit-transition:0.5s ease;-moz-transition:0.5s ease;}
.aboutdh li dd{ position:absolute; width:100%; z-index:9999;}
.aboutdh li dd img{ width:100%;}
.aboutdh li p i{ font-style:normal;}
.pro{ width:100%; float:left;/* background:url(../Image/probj.jpg) top center no-repeat;*/background-color:#eae8e8; margin-top:2rem}
.probt{ width:100%; text-align:center; margin-top:3%;}
.probt p{ font-size:4rem; color:#ffffff; text-shadow:3px 2px 2px #544f4f; font-family: "Times New Roman", Times, serif;}
.probt p i{ font-size:3.8rem; font-style:normal; font-family:"微软雅黑" !important; }
.probt span{ font-size:2.8rem; color:#00285e; line-height:2; margin:1rem auto; display:block; width:50%; background:#FFF;}
.probt font{ font-size:2.8rem; color:#00285e;text-shadow:3px 2px 0px #fff;}
.propic{ width:90%; margin:2rem auto 0;}
.propic li{ float:left; width:322px;  float:left;}
.propic li a{ display:block; position:relative; width:100%;}
.propic li img{ border:1px solid #666; width:99%;}

.propic2{ width:90%; margin:2rem auto 0; display:none;}
.propic2 li{ float:left; float:left;}
.propic2 li img{ border:1px solid #666; width:99%;}

.pro2{ width:100%; float:left; margin-top:2rem;}
.pro2bt{ width:100%; height:4rem; background:url(../Image/probtxian.png) bottom repeat-x;}
.pro2bt p{ background:#FFF; font-size:25px; color:#00285e; line-height:4rem; font-weight:bold; float:left;}
.pro2bt span{ float:right; line-height:1.2 !important; font-weight:100; font-size:1.2rem; margin-left:0.5rem; border-left:1px solid #00285e; margin-top:1.4rem; padding-left:1rem;}
.pro2bt a{ font-size:1.6rem; padding:0.5rem 2rem; float:right; border:1px solid #00285e; color:#00285e;
-webkit-transition:0.5s ease;-moz-transition:0.5s ease;
}
.pro2bt:hover a{-webkit-transform:rotatex(720deg);-moz-transform:rotatex(720deg);}
.pro2 ul{ width:100%; margin-top:2rem;}
.pro2 li{ width:20%; margin:1% 2%; position:relative; float:left; padding-bottom:21%; border:1px solid #d3d3d3;
box-shadow: 1px 1px 1px #d3d3d3; 
}
.pro2 li p{ position:absolute; width:100%; height:85%; top:0px; left:0px; z-index:2;}
.pro2 li p img{ width:100%; height:100%;}
.pro2 li span{display:block; background:#00285e; line-height:30px; font-size:1.4rem; color:#fff; position:absolute; width:90%; height:30px; bottom:0px; left:0px; z-index:999; padding:0 5%;
transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s; text-align:center;

}
.pro2 li span font{display:none !important; font-size:1.2rem; line-height:2; text-align:left !important; }
.pro2 li:hover span{ position:absolute; height:50%; }
.pro2 li:hover span font{ display: block !important;}

.npro2{ width:100%; float:left; margin-top:2rem;}
.npro2 ul{ width:100%; margin-top:2rem;}
.npro2 li{ width:29%; margin:2%; position:relative; float:left;  border:1px solid #d3d3d3;
box-shadow: 1px 1px 1px #d3d3d3; 
}
.npro2 li p{ position: relative; width:100%; padding-bottom:81%; top:0px; left:0px; z-index:2; overflow:hidden;}
.npro2 li p img{ width:100%; position:absolute; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;}
.npro2 li:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.npro2 li span{ padding:0 10%; width:80%;text-overflow: ellipsis; display:block !important;overflow: hidden;white-space: nowrap;display:block; background:#00285e; height:3rem !important; line-height:3rem; font-size:1.4rem; color:#fff; position:absolute;  bottom:0px; left:0px; z-index:999; 
transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s; text-align:center;

}
.npro2 li span font{ font-size:1.2rem; line-height:2; text-align:left !important; display:block;}




.nhonor{ width:100%; margin-top:2rem;}
.nhonor li{ width:20%; margin:1% 2%; position:relative; float:left; padding-bottom:33%; border:1px solid #d3d3d3;
box-shadow: 1px 1px 1px #d3d3d3; 
}
.nhonor li p{ position:absolute; width:100%; height:85%; top:0px; left:0px; z-index:2;}
.nhonor li p img{ width:100%; height:100%;}
.nhonor li span{display:block; background:#00285e; line-height:2.2; font-size:1.4rem; color:#fff; position:absolute; width:90%; height:15%; bottom:0px; left:0px; z-index:999; padding:0 5%;
transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s; text-align:center;

}
.nhonor li span font{ font-size:1.2rem; text-align:left !important; display:block;}
.nhonor li:hover span{ position:absolute; height:50%; }

.case{ height:auto; overflow:hidden; padding-bottom:5rem; position:relative; width:100%; float:left; margin-top:4rem;}
.casebj{ position:absolute; width:100%; top:0px; left:0px; z-index:0;}
.casebj img{ width:100%;}
.casew{ width:90%; padding-left:10%; position:relative; z-index:10;}
.casebt{ padding-bottom:2rem;}
.casebt p{ font-size:1.6rem; color:#959595; line-height:2;}
.casebt span{ font-weight:bold; font-size:2.5rem; color:#0e0e0e;}
.casew dd{font-size:1.2rem; width:50%; line-height:1.5;}
.casew dd a{ padding:0.4rem 2rem; float:left; background:#00285e; display:block; color:#FFF;
-moz-border-radius:1rem; /* Firefox */
  -webkit-border-radius: 1rem; /* Safari 和 Chrome */
  border-radius: 1rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.case ul{ width:100%; float:left; position:relative; z-index:10;}
.case li{ width:100%; float:left;}
.case li span{ display: block; font-size:2rem; color:#171717; line-height:2; width:40%; float:right; padding-right:10%;}
.case li span font{ font-size:1.6rem; color:#959595; display:block; line-height:2; padding-top:10%;}
/*.case li span a*/.bu{ background:url(../Image/caea.png) left center no-repeat; padding-left:4rem; color:#00285e; margin-top:5%; display:block;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;
}
.case li span:hover a{-webkit-transform:rotatex(720deg);-moz-transform:rotatex(720deg);}


.case li p{ width:50%; float:left;}
.case li p img{ width:100%;}

.case li:nth-child(1){}
.case li:nth-child(1) span{ float:left; padding:0; padding-left:10%;}
.case li:nth-child(1) p{ float:right;}
.case li:nth-child(2) span{ text-align:right; }
.case li:nth-child(2) /*span a*/.bu{ padding:0; padding-right:4rem; background:url(../Image/caea.png) right no-repeat;}
.honor{ width:100%; padding-bottom:2rem; /*background:url(../Image/honorbj.jpg) top center repeat-y; */background-color:#7787a4;float:left;}
.honorpic2{ display:none;}
.honorw{ width:45%; float:left; }
.honorbt p{ font-size:2.6rem; color:#ffffff; font-weight:bold;}
.honorbt{ font-size:2.6rem; color:#FFF;margin-top:10%;}
.honor_p{ font-size:1.7rem; color:#ffffff; line-height:1.8; margin-top:1%;}
.honorul{ width:50%; overflow:hidden; float:right; margin-top:6%; position:relative; padding-bottom:2%;}
.honorul li{ width:19%; position:relative; padding-bottom:19%; overflow:hidden; margin:3% 7%; float:left;}
.honorul li img{height:100%; position:absolute; top:0px; left:0px; }
.honorul p{ width:70%; padding-bottom:57.17%; position:absolute; top:5% ;left:50%; margin-left:-35%; z-index:999; 

transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;

}
.honorul p img{ position:absolute; width:100%;height:100%;  }
.honormore{ padding:0.4rem 2rem; float:right; margin-top:4%; background:#00285e; display:block; color:#FFF;
-moz-border-radius:1rem; /* Firefox */
  -webkit-border-radius: 1rem; /* Safari 和 Chrome */
  border-radius: 1rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */display:block;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;
}
.honorul:hover .honormore{-webkit-transform:rotatex(720deg);-moz-transform:rotatex(720deg);}
.news{ margin-top:3rem; position:relative; width:70%; float:left; background:url(../Image/newsbj.png) top left no-repeat;}
.newsbt{ width:40%; position:absolute; top:0px; left:0px; line-height:2; float:left; margin-left:20%; background:#FFF; color:#00285e; padding-left:10%;}
.newsbt p{ font-size:3.8rem;}
.newsbt span{ font-size:2.4rem;}
.news ul{float:left; border:2px solid #dcdcdc; float:left; padding:1rem; margin-top:15%;}
.news li{ width:100%; float:left; margin-top:20px; height:112px; background:#eeeeee;}
.news li span{ display:block; font-size:2.8rem; color:#00285e; float:left; width:10%; height:100%; text-align:center; line-height:2; position:relative;}
.news li span i{ position:absolute; top:1.5rem; line-height:3rem; right:0; font-size:2rem; background:url(../Image/newsspani.png) left top no-repeat; text-indent:2.6rem; font-style:normal;}
.newspic{ width:35%; float:right; margin-top:66px;}
.newspic img{ width:100%;}
.news li p{ width:88%; float:right; font-size:1.4rem; color:#949494; line-height:2; overflow: hidden; height:90px;}
.news_t{font-size:1.6rem; color:#494949;}
.newsr{ width:30.5%; position:absolute; right:0px; top:8rem;}
.search{ width:70%; margin-left:15%; position:relative;}
.searchbj{ position:absolute; top:0px; left:0px; width:100%;}
.searchbj img{ width:100%;}
.search form{ float:left; padding:0 8%; width:84%; height:3.4rem; border:1px solid #d6d6d6; margin-top:40%;
-moz-border-radius: 1.7rem; /* Firefox */
  -webkit-border-radius: 1.7rem; /* Safari 和 Chrome */
  border-radius: 1.7rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.search-text{ width:80%; font-size:1.3rem; text-indent:5%; line-height:3.4rem; color:#00285e; float:left;}
.search-btn{ font-size:0; width:19%; float:right; height:100%; background:url(../Image/search_bg.png) center right no-repeat;border:none;cursor:pointer;}
.jishu{ width:80%; margin-top:10%; float:left; padding:5% 10%; background:#eeeeee; box-shadow: 1px 1px 3px 1px #999;
-moz-border-radius: 0.5rem; /* Firefox */
  -webkit-border-radius: 0.5rem; /* Safari 和 Chrome */
  border-radius: 0.5rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.jishubt{ width:100%; line-height:1.5;}
.jishubt p{ font-size:2rem; color:#00285e;}
.jishubt span{ font-size:12px; color:#8f8f8f;}
.jishu ul{ margin-top:5%; width:100%; float:left; padding-bottom:20%}
.jishu li{ width:100%; height:3rem; font-size:1.4rem; border-bottom:1px dashed #CCCCCC; color:#a1a1a1; line-height:3rem;}
.jishu li p{ width:78%; height:3rem; float:left; overflow:hidden;}
.jishu li span{ float:right;}

.footer{ width:100%; float:left; padding:3rem 0 0 0; margin-top:3rem; overflow:hidden; height:auto; background:url(../Image/footerbj.jpg) top center repeat-x;background-color:#001d55;}
.fnav{ width:70%; float:left;}
.fnav li{ width:11.1%; float:left; font-size:1.rem; color:#bec1ca; text-align:center;}
.fnav li a{ display:block; width:80%; margin:0 auto; padding:5% 0;}
.fnav li:hover a{ background:#818181; color:#fff;}
.footl{ width:85%; float:left; margin-top:3%;}
.flogo{ width:15%; float:left;}
.flogo img{ width:100%;}
.ftel{ width:75%; float:right; padding-left:5%; border-left:1px solid #8c99b1;}
.ftel p{ width:45%; margin-top:0.5rem; font-size:1.2rem; line-height:2; float:left; color:#a6aab7; padding-left:3rem;}
.ftel p:nth-child(1){ background:url(../Image/ftel1.png) left center no-repeat}
.ftel p:nth-child(2){ background:url(../Image/ftel2.png) left center no-repeat}
.ftel p:nth-child(3){ background:url(../Image/ftel3.png) left center no-repeat}
.ftel p:nth-child(4){ background:url(../Image/ftel4.png) left center no-repeat}
.link{ width:100%; float:left; margin-top:1rem;}
.link p{ font-size:1.4rem; color:#FFF; margin-bottom:1rem}
.link a{ font:1.2rem/2 "宋体"; margin-left:0.3rem; color:#a6aab7;}
.ewm{ width:13%; float:right; background:url(../Image/ewm.png) center no-repeat; height:15rem;}
.admin{ width:100%; margin-top:2%; border-top:1px solid #FFF; font:1.4rem/3 Arial, Helvetica, sans-serif; color:#5d6676;}
.admin span{ float:right;}
.madmin{ display:none;}


.side{ width:22%; float:left; margin-top:3%; position:relative; z-index:99;}
.side ul{ width:99%; border:1px solid #c5c5c5; border-top: none;}
.side li{ width:100%; font-size:1.6rem; color:#322e2f; line-height:50px; height:50px; border-bottom:2px solid #fff; text-indent:20px; position:relative; background:#dddddd;}
.side li>i{ display:block; width:13px; height:100%; position:absolute; top:0; right:20px; background:url(../Image/sideli.png) center no-repeat;}
.side li:hover>i{background:url(../Image/sidelih.png) center no-repeat; color:#1f4d8c;}
.side li dl{ width:100%; position: absolute; top:50px; background:#ececec; z-index:10;}
.side li dl dd{ position:relative; width:100%; float:left; text-align:left; height:0px;font-size:1.4rem;text-indent:20px; line-height:49px; overflow:hidden;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;

}
.side li dl dd a{text-overflow: ellipsis; display:block !important;overflow: hidden;white-space: nowrap; width:80%; float:left;}
.side li dl dd b{ position:absolute; width:10px; right:40px; line-height:49px;  top:0; height:49px;} 
.side li:hover dl dd{ height:49px; border-bottom:2px solid #fff;}
.side li dl dd:hover b{ color:#fff} 
.side li dl dd:hover{ color:#fff; background:#014090; color:#fff;} 

.side li:hover dl{box-shadow:5px 5px 5px #888888;}

.anniu{ display: none; width:2rem; height:2rem}
.nbtr ul{ width:99%; height:0px; overflow:hidden; position:absolute; left:0px; top:3rem; background:#FFF;border-top: none;}
.nbtr li{ width:90%; margin-left:10%; font-size:1.6rem; color:#6b6b6b; line-height:3.5; text-indent:10%; position:relative; background:url(../Image/sidelibj.png) left center no-repeat;}
.nprosousuo{ width:100%; margin-bottom:5%; position:relative; float:left;}
.nprosousuo .search-text{ width:100%; float:left; height:41px;background:url(../Image/nprosousuo1.png) left center no-repeat; border: none; font:1.2rem/41px "宋体"; color:#cbcbcb; text-indent:17px;}
.nprosousuo .search-btn{ position:absolute; top:0px; height:41px; right:0px;background:url(../Image/nprosousuo2.png) center no-repeat; width:44px; font-size:0; border:none; z-index:9999;}

.nbt{ width:100%; float:left; padding-bottom:5%; height:auto; overflow:hidden; text-align:center; position:relative;}
.nbt p{width:100%; height:2.7rem; position: absolute; z-index:0;}
.nbt p img{ width:100%;}

.nbt span{ font:2.6rem/2 '微软雅黑'; margin-top:5%; display:block; position:relative; z-index:10; color:#fff;}
.nbt i{ font-style:normal; font:1.2rem/2 Arial, Helvetica, sans-serif; color:#ffffff; position:relative; z-index:10;}

.anniu{ display: none; width:2rem; height:2rem}
.nbtr ul{ width:99%; height:0px; overflow:hidden; position:absolute; left:0px; top:3rem; background:#FFF;border-top: none;}
.nbtr li{ width:90%; margin-left:10%; font-size:1.6rem; color:#6b6b6b; line-height:3.5; text-indent:10%; position:relative; background:url(../Image/sidelibj.png) left center no-repeat;}
.nbtr li:hover{background:url(../Image/sidelibjh.png) left center no-repeat; color:#1f4d8c;}

.nmainr{ width:75%; float:right; margin-top:3%; position:relative; z-index:1;}
.nbtr{ width:100%; float:left; height:4rem; line-height:4rem; background:url(../Image/nrbtbj.png) bottom left no-repeat;} 
.nbtr p{ font-size:1.8rem; color:#4d4d4d; float:left; border-bottom:2px solid #1f4d8c; height:95%;line-height:2; }
.nbtr font{ font-size:1.6rem; margin-left:1%; color:#bcbcbc; float:left;}
.nbtr span{ float:right; font-size:1.2rem; line-height:4rem; color:#888888;}
.npro{ width:100%; margin-top:5%; float:left;}
.npro ul{ width:100%; float:left;}
.npro li{ width:100%; float:left; margin-bottom:3%;}
.npro li p{ width:32%; padding-bottom:21%; float:left; position:relative;}
.npro li p img{ display:block; position:absolute; top:0px; left:0px; width:100%; height:100%;} 
.npro li dd{ width:65%; float:right; margin-top:3%;}
.npro li dd span{ font-size:1.8rem; display:block; margin-bottom:3%;}
.npro li dd font{ font-size:1.2rem; color:#767676; line-height:2;}
.npro li dd font i{ color:#1f4d8c; font-style:normal;}
.neirong{ width:90%; margin:5% auto;}
.neirong img{ max-width:100%;}
.page{ width:100%; float:left; margin-top:5%; text-align:center;}
.page select{ display: none;}
.nabout{ width:100%; float:left; margin-top:5%;}
.naboutf{ width:99%; float:left; border-left:1px solid #999;border-right: none}
.naboutf li{ width:19.5%; float:left; line-height:2; font-size:2rem; text-align:center;border:1px solid #999;border-left: none;}
.naboutf li:hover{ background:#3557ae; color:#FFF;}
#naboutw{ width:90%; margin:0 auto ; padding-top:25px;}
.naboutbt{ width:100%; text-align:center; margin-bottom:2%;}
.naboutbt p{ font-size:3rem;}
.naboutbt span{ font-size:1.4rem; color:#bdbdbd;}
#nhuajing{ width:90%; margin:0 auto ; padding-top:50px; height:auto; overflow:hidden;}
#nhuajing ul{ width:100%; float:left;}
#nhuajing li{ width:45%; float:left; margin-right:5%; position: relative; margin-bottom:2%; padding-bottom:30%;}
#nhuajing li img{ width:100%; height:100%; position:absolute;}


#nteam{ width:90%; margin:0 auto ; padding-top:50px;}
#nteam img{ width:100%;}

#nvideo{width:90%; margin:0 auto ; padding-top:50px;}
.nv{ width:100%; position:relative; height:80%; overflow:hidden;}
.nv img{ position:absolute; width:100%; z-index:0;}
.nv p{ width:60%; margin:1% auto 0; z-index:10; position:relative;}
.nv2{ display:none}
#nkefu{ width:100%; margin:0 auto ; padding-top:50px;}
#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: 1.4rem; line-height:2;
    color: #929292;
}
#nkefu li dd span{display: block;
    font-size: 1.4rem;
    color: #1e1e1e;
    margin-bottom: 5px;}
	
	
#nkefu2{ width:100%; margin:0 auto ; padding-top:10%;}
#nkefu2 li{ width:30%; float:left; margin-right:3%;}
#nkefu2 li p{ float:left; width:15%; float:left;}
#nkefu2 li p img{ float:left; width:100%;}
#nkefu2 li dd{ width:80%; float:right;
    font-size: 1.4rem; line-height:2;
    color: #929292;
}
#nkefu2 li dd span{display: block;
    font-size: 1.4rem;
    color: #1e1e1e;
    margin-bottom: 5px;}
	
.nnewsl{width:77%; float:left; margin-top:3%;}
.nnewsbt{ width:100%; font-size:1.3rem; color:#3557ae;}
.nnewsbt a{ }
.nnews{ width:100%; float:left;}
.nnews ul{ width:100%; float:left; margin-top:56px;}
.nnews li{ width:100%; float:left; margin-bottom:5%;}
.nnews li p{ width:32%; padding-bottom:21%; float:left; position:relative;}
.nnews li p img{ display:block; position:absolute; top:0px; left:0px; width:100%; height:100%;} 
.nnews li dd{ width:65%; float:right; margin-top:1%; position:relative;}
.nnews li dd span{ font-size:1.6rem; display:block; margin-bottom:3%;}
.nnews li dd font{ display:block; font-size:1.2rem; color:#767676; line-height:2;}
.nnews li dd i{ color:#3557ae; margin-top:2%; float:left; border:1px solid #3557ae; padding:0.5rem 2rem; font-style:normal;
-moz-border-radius: 2rem; /* Firefox */
  -webkit-border-radius:  2rem; /* Safari 和 Chrome */
  border-radius:  2rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.nnews li dd i:hover{ background:#3557ae; color:#FFF;}
.nnews li dd b{ position:absolute; font-weight:500; bottom:0px; right:0; float:right; background:url(../Image/newstime.png) left center no-repeat; text-indent:2rem;}


.nvideo{ width:100%; float:left;}
.nvideo ul{ width:100%; float:left; margin-top:56px;}
.nvideo li{ width:48%; padding:1%; float:left; margin-bottom:5%; position:relative;}
.nvideo li p{ width:60%; padding-bottom:34%; float:left; position:relative;}
.nvideo li p img{ display:block; position:absolute; top:0px; left:0px; width:100%; height:100%;} 
.nvideo li dd{ width:39%; float:right; margin-top:1%; position:relative;}
.nvideo li dd span{ font-size:1.4rem; line-height:1.5; display:block; margin-bottom:2%;}
.nvideo li dd font{ display:block; font-size:1.2rem; color:#767676; line-height:2;}
.nvideo li i{ color:#3557ae; position:absolute; right:15px; bottom:15px;  border:1px solid #3557ae; padding:0.5rem 2rem; font-style:normal;
-moz-border-radius: 2rem; /* Firefox */
  -webkit-border-radius:  2rem; /* Safari 和 Chrome */
  border-radius:  2rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.nvideo li i:hover{ background:#3557ae; color:#FFF;}
.nvideo li p b{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; }
.videodes{background:#f4f4f4; padding:1%; margin:0% 10% 2% 10%}

.nnewside{ width:20%; float:right; margin-top:7%;}
.nsearch{ width:236px; height:26px; background:url(../Image/nserach.png) left center no-repeat;}
.nsearch form{ width:100%; float:left; height:100%;}
.nsearch .search-btn{ width:15%; font-size:0; height:100%; border:none; background:none;}
.nsearch .search-text{ width:66%; margin-left:13%; line-height:26px; color:#b2cbd8; float:left; background:none; border:none; float:left;}
.tuijian{ width:100%; float:left; margin-top:15%;}
.tuijian p{ font-size:2rem; color:#3557ae; font-weight:bold;}
.tuijian ul{ margin-top:10%;}
.tuijian li{ border-bottom:1px dashed #CCCCCC; width:100%; padding-bottom:1%; margin-top:1%;}
.tuijian li span{ font-size:1.5rem; height:2.5rem; overflow:hidden; width:100%; color:#3557ae; line-height:2; display:block;}
.tuijian li font{ font-size:1.0rem; color:#CCC; }
.videoside li p{ position:relative; width:100%; padding-bottom:56%;}
.videoside li p img{ display:block; position:absolute; top:0px; left:0px; width:100%; height:100%;} 
.videoside li p b{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; }

.newsinfo{ width:100%; float:left; margin-top:5%;}
.newsinfo h1{  font-size:1.8rem; text-align:center; color:#333333; margin-bottom:2%;}
#prev_next{ float:left; margin-top:20px; padding-top:2%; border-top:1px solid #CCC; width:100%;}
#prev_next li{ width:100%; font-size:1.4rem; line-height:2; float:left; margin-bottom:2%;}

#prev_next li p{  color:#3557ae; line-height:1; margin-right:1%; float:left; border:1px solid #3557ae; padding:0.5rem 1rem; font-style:normal;
-moz-border-radius: 2rem; /* Firefox */
  -webkit-border-radius:  2rem; /* Safari 和 Chrome */
  border-radius:  2rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#prev_next li:hover p{ background:#3557ae; color:#FFF;}
.newstime{margin:2% 2% 0 0; background:url(../Image/newstime.png) left center no-repeat; display:inline; padding-left:2rem;}
.newszuozhe{  margin:2% 2% 0 0; background:url(../Image/admintb.jpg) left center no-repeat;  display:inline;padding-left:2rem;}
.newslaiyuan{margin:2% 2% 0 0; background:url(../Image/laiyuantb.jpg) left center no-repeat; display:inline;padding-left:2rem;}

.newsclick{margin:2% 2% 0 0; background:url(../Image/click.jpg) left center no-repeat; display:inline;padding-left:2rem;}
.ncase{ width:100%; margin-top:5%;}
.ncase ul{ width:105%;}
.ncase li{ width:45%; margin:1%; text-align:center; float:left; font:1.2rem/4 "宋体"; color:#333; border:1px solid #CCC;}
.ncase li dd{ width:99.5%;  border:1px solid #CCC; position:relative; padding-bottom:60%; overflow:hidden;}
.ncase li dd p{ width:100%; height:100%; position:absolute; top:0px; left:0;}
.ncase li dd p img{ width:100%; height:100%;}
.ncase li dd p font{ width:96%; padding-left:2%; padding-right:2%; display:block; height:0; overflow:hidden;font:1.2rem/1.8 "宋体"; background:#e4e4e4; color:#1155a6; display:block;
 transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s; text-align:left;

}

.ncase li:hover dd p font{ height:28%; padding-top:1%; }



.ntzs{ width:100%; margin-top:5%;}
.ntzs ul{ width:105%;}
.ntzs li{ width:22%; margin:1%; text-align:center; float:left;  border:1px dotted #CCC; padding-top:31%; text-align:center; position:relative; line-height:2;}
.ntzs li img{ position:absolute; width:100%; left:0px; top:0;}
.nproneirongpic{ width:500px;}
/***产品第三套模板样式****/
.nprofbt{ width:100%; height:108px; background:#5d88d4;}
.nprofbt p{ font-size:30px; color:#ffffff; line-height:1; font-weight:bold; padding-left:20%; float:left; margin-top:24px; width:80%}
.nprofbt span{ font-size:2.4rem; color:#ffffff; line-height:2; padding-left:20%}
.nprofbt a{ display:none;}