body{font-family:微软雅黑;color: #535353;font-size: 12px;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-color: #fff;}
body,IMG,ul,li,i,dd,ol,section,dl,dt{ list-style:none; margin:0; padding:0; border:0;}
i{ font-style:normal;}a{ text-decoration:none;}
h1,h2,h3,h4{display:inline-block;*display: inline;*zoom: 1; margin:0; padding:0; font-weight:100; font-size:100%;}

header{ margin:0; padding:0;}
.Ari{ font-family:Arial, Helvetica, sans-serif;}
/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:1999999999;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}

.side ul li .sidebox{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;background:#000;opacity:0.8;filter:Alpha(opacity=80); color:#fff;font:14px/54px "微软雅黑";overflow:hidden;-webkit-transition:width 0.5s ease; -moz-transition: width 0.5s ease;-o-transition: width 0.5s ease;transition: width 0.5s ease; position:absolute;top:0;right:0;}

.side ul li:hover .sidebox{position:absolute;width:180px;height:54px;top:0;right:0;background:#f00;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;-webkit-transition:width 0.5s ease; -moz-transition: width 0.5s ease;-o-transition: width 0.5s ease;transition: width 0.5s ease; }

.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}

.side ul li img{float:left;}

.side ul li .sidebox2{width:54px;height:54px;float:left;position:relative;background:#000;opacity:0.8;filter:Alpha(opacity=80); overflow:hidden;-webkit-transition: width 0.5s; -moz-transition: width 0.5s;-o-transition: width 0.5s;transition: width 0.5s ease;color:#fff;font:14px/54px 微软雅黑 !important; text-align:right; }

.side ul li:hover .sidebox2{position:absolute;width:254px;height:200px;top:0;right:0;background: url(../images/erweima.png) top left no-repeat;color:#fff;font:14px/54px "微软雅黑"; background-size:200px 200px;-webkit-transition:width 0.5s ease; -moz-transition: width 0.5s ease;-o-transition: width 0.5s ease;transition: width 0.5s ease; }

.side ul li .sidebox3{width:54px;height:54px;float:right;position:relative;background:#000;opacity:0.8;filter:Alpha(opacity=80);}

.side ul li .sidebox3:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}

.side ul li .sidebox3 img{position:absolute; top:12px; right:12px;}



/* 字体 */

@font-face {font-family:Zurich lt; src: url(../fonts/tt0178m.TTF) format("truetype"); }
@font-face {font-family:CASTLEL; src: url(../font/CASTLEL.TTF) format("truetype"); }
@font-face {font-family:汉仪特细等线简; src: url(../font/汉仪特细等线简.TTF) format("truetype"); }
@font-face {font-family:webfont; src: url("../fonts/fontawesome-webfont.TTF") format("truetype"), url('../fonts/fontawesome-webfont.eot') format('eot'),url('../fonts/fontawesome-webfont.woff') format('woff'); }


@font-face {font-family: 'YourWebFontName';src: url('YourWebFontName.eot?') format('eot');/*IE*/ src:url('YourWebFontName.woff') format('woff'), url('YourWebFontName.ttf') format('truetype');/*non-IE*/}

/* transition */
a,.s_01 article a i,.por .blk_18 .LeftBotton div.tx:after,.por .blk_18 .LeftBotton div.tx:before,.por .blk_18 .RightBotton div.tx:after,.por .blk_18 .RightBotton div.tx:before,.por .nr li,.s_01 .nr li h2,.ny_nav ul li,.transition{-webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}




/* top */
.main{ width:1280px; margin:auto}
.fl{ float:left;}
.fr{ float:right;}
.mt20{ margin-top:20px;}

.mt30{ margin-top:30px;}
.position_relative{ position:relative;}
.text_uppercase{text-transform:uppercase;}



.header{float:left; width:100%; position: absolute; z-index:98; height:100%;}
.header .right{float:left;width:16.36%; height:100%; background:#003b63 url(../images/top_left_bj.jpg) no-repeat top left; background-size:7% 100%; position: absolute; left:0; top:0;}/*left:307px;*/
.header .right a{ float:left; margin-right:14px; margin-top:4px;}
.header .right .right_zt{ width:93%; float:left; margin-left:7%; position:relative; height:100%;}
.header .right .logo{ width:50.34%; margin:12.3% 24.33% 0;}
.header .right .logo2{ width:72.6%; margin:20.4% 13.2% 0; position:relative;}
.header .right .logo2:before{ position: absolute; left:-5%; top:-40%; height:1px; width:110%; float:left; background:#99b0c0; content:"";}
.header .right .logo2:after{  position: absolute; left:-5%;top:140%; height:1px; width:110%; float:left; background:#99b0c0; content:"";}

.header .right .right_zt:before{ position: absolute; left:2%; height:100%; width:1px; float:left; background:#99b0c0; content:"";}
.header .right .right_zt:after{ position: absolute; right:2%; height:100%; width:1px; float:left; background:#99b0c0; content:"";}
.header .right .right_zt .list{ width:82%; margin:25% 9% 0; float:left; border-bottom:1px solid #99b0c0; padding-bottom:15%;}
.header .right .right_zt .list a{ width:100%; float:left; color:#fff; line-height:36px; font-size:16px;}
.header .right .right_zt .list a:after{ content:"+"; padding-left:15px;}
.header .right .right_zt .list a:hover{ opacity:0.7}
.header .right .tel{width:82%; margin:6% 9% 0; float:left;padding-bottom:4%;}
.header .right .tel h2{ width:100%; float:left; font-size:24px; color:#999e9d; margin-bottom:4%;}
.header .right .tel li{ width:90%; float:left; font-size:12px; padding-left:10%; color:rgba(255,255,255,0.6); line-height:24px;}
.header .right .tel li.ico01{ background:url(../images/top_tel_01.jpg) no-repeat left center;}
.header .right .tel li.ico02{ background:url(../images/top_tel_02.jpg) no-repeat left center;}
.header .right .tel li.ico03{ background:url(../images/top_tel_03.jpg) no-repeat left center;}
.header .right .tel li.ico04{ background:url(../images/top_tel_04.jpg) no-repeat left 2px;}
.header .right a.more{ background:#000; color:#fff; float:left; width:70%; margin:5% 15% 0; border:1px solid #000; line-height:50px; text-align:center; font-size:14px; font-weight:bold;}
.header .right a.more:hover{ background:#fff; color:#003b63;}

/* nav */
.header nav{ float:right; position: absolute; z-index:4; right:29px; top:20px;}
.header nav ul{background:#00335a; float:left; padding:0 20px;}
.header nav ul li{ width:auto; float:left}
.header nav ul li:hover a{ color:#ccc;}
.header nav ul li a{ z-index:99; line-height:73px; padding:0 15px; color:#fff; font-size:14px;text-transform:uppercase;}
 a.nav07{ font-family:"微软雅黑"; font-size:18px !important;  }
 a.nav07:after{ content:"\F0C9"; font-family:"webfont"; font-size:18px; margin-left:3px;}


/* 首页能力 */
.s_01{ float:left;width:100%; position:relative; text-align:center}
.s_01 .bt{ width:100%; float:left; text-align:center; margin:60px 0;}
.s_01 .bt h3{color:#003b63; font-size:50px; width:100%; float:left; text-align:center; padding-bottom:20px;}
.s_01 .bt div.tite{height: 1px; border-top: 1px solid #e5e5e5; text-align: center; margin-top:100px; width:300px; position: relative; left:50%; margin-left:-150px;}
.s_01 .bt div.tite span{position: relative;top: -10px;background: #fff;padding: 0 5px; color:#000; font-family:"Zurich lt"; font-size:20px;}
.s_01 .nr{ width:100%; float:left;}
.s_01 .nr li{ position:relative;width:312px; float:left; margin:0; padding-top:180px;}
.s_01 .nr li .tu{ position:absolute;width:150px; float:left; left:50%; top:50%; margin:-95px 0 0 -75px;}

.s_01 .nr li .tu img{border:10px solid #003b63; width:130px; border-radius:100%; float:left;-webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.s_01 .nr li .tu:hover{ width:166px;margin:-103px 0 0 -83px}

.s_01 .nr li .tu:hover img{width:148px; }
.s_01 .nr li p{ font-size:14px;text-align:center; width:100%;}

/* 首页产品和优势 */
.s_02{ float:left;width:100%; position:relative; overflow:hidden; padding-top:44px;}
.s_02 h2{font-size:40px; color:#fff; background:url(../images/s_02_bt.jpg) repeat-x; height:105px; line-height:105px; text-align:center; width:100%;}
.s_02 .nr{ background:#e1e1e1; width:100%; float:left; padding:58px 0;}
.s_02 .nr li{width:24%; float:left; margin-right:1.333%; position: relative; overflow:hidden;}
.s_02 .nr li:last-child{float:right; margin-right:0;}
.s_02 .nr li p{width:90%; float:left;line-height:30px; font-size:20px; background:rgba(0,59,99,0.75); margin:0; color:#fff; height:100%; position:absolute; text-align:center; vertical-align:middle; display:table-cell; top:0; left:0; opacity:0; padding:0 5%; padding-top:40%;}
.s_02 .nr li:hover p{opacity:1;}
.s_02 .nr li p i{ font-size:12px;line-height:24px;}

/* s_03 */
.s_03{ width:100%; float:left; margin:36px 0; position:relative;}
.s_03 .left{ width:38.85%; float:left;}
.s_03 .left img{ width:100%; float:left;}
.s_03 .right{ float:right; width:57.34%}
.s_03 .right h2{ width:100%; float:left; font-size:36px; color:#454545;position:relative; line-height:60px; margin:30px 0 30px;}
.s_03 .right h2 i{ font-family:Arial, Helvetica, sans-serif; color:#003b63;}
.s_03 .right h2:after{ width:50px; float:left; height:2px; background:#454545; content:""; position:absolute; bottom:-10px; left:0;}
.s_03 .right > p{ margin:0; width:100%; float:left; line-height:28px; font-size:14px; color:#4e4b49;}
.s_03 .right .nr{ width:100%; float:left; border-top:3px solid #ededed; margin-top:30px;}
.s_03 .right .nr .s_ab{ float:left; width:60%; font-size:12px; line-height:28px; margin-top:30px;}
.s_03 .right .nr .s_ab p{ margin:0;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:12;-webkit-box-orient: vertical; float:left; width:98%; margin-right:2%; overflow:hidden;}
.s_03 .right .nr .s_ab a{ font-size:14px;color:#000;}
.s_03 .right .nr .s_ab a:after{content:">"; margin-left:5px;font-weight:bold; font-family:宋体;}
.s_03 .right .nr .s_ab a:hover{ color:#bbb;}
.s_03 .right .nr .s_zz{ width:37.5%; float:right; margin-top:50px; margin-right:2.5%;}

/* s_04 */
.s_04{ float:left;width:100%; position:relative; overflow:hidden; padding-top:0;}
.s_04 .nr{ background:#e1e1e1; width:100%; float:left; padding:58px 0;}
.s_04 .nr dl{width:21%; padding:10px 1.5% 30px; height:130px; border-radius:2px; float:left; margin-right:1.333%; position: relative; overflow:hidden;}
.s_04 .nr dl:last-child{float:right; margin-right:0;}
.s_04 .nr dl dt{width:100%; float:left;line-height:48px; font-size:20px; margin:0; color:#fff; margin-bottom:10px;}
.s_04 .nr dl dd{ width:100%; float:left; font-size:14px;color:#fff;position:relative; line-height:20px; margin-bottom:8px;}
.s_04 .nr dl dd:before{float:left; font-size:14px;font-family:微软雅黑; color:#fff;content:attr(title); margin-right:5px; line-height:15px;}

.s_04 .nr dl.ico01{ background:rgba(0,59,99,1) url(../images/list_ico01.jpg) no-repeat 95% 80%;}
.s_04 .nr dl.ico02{ background:rgba(0,59,99,1) url(../images/list_ico02.jpg) no-repeat 95% 80%;}
.s_04 .nr dl.ico03{ background:rgba(0,59,99,1) url(../images/list_ico03.jpg) no-repeat 95% 80%;}
.s_04 .nr dl.ico04{ background:rgba(0,59,99,1) url(../images/list_ico04.jpg) no-repeat 95% 50px;}




/* 产品优势 */
.s_adv{ width:100%; float:left; position:relative; margin:46px 0;}
.s_adv .nr{ width:1144px; margin:0 auto; position:relative;}
.s_adv .nr li{ width:100%; float:left;position:relative; height:234px;  text-align:left;}
.s_adv .nr li:before{ position:absolute; left:50%; margin-left:-1px; height:100%; width:2px; background:#003b63; top:0; content:"";}
.s_adv .nr li:after{ position:absolute; left:50%; margin-left:-7px; height:14px; width:14px; background:#003b63; top:86px; content:"";}
.s_adv .nr li .left{ width:557px; height:100%; float:left;}
.s_adv .nr li h3{ line-height:48px; border:1px solid #ccc; width:475px; padding-left:80px; position:relative; font-size:16px;}
.s_adv .nr li h3:before{ line-height:50px; width:68px; float:left; height:50px; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:24px; background:#003b63; content:attr(title); position:absolute; left:0; top:0;}
.s_adv .nr li p{width:515px; color:#4e4b49; padding:20px; height:80px;border:1px solid #ccc; line-height:20px;}
.s_adv .nr li .right{ width:557px; height:100%; float:right;}
.s_adv .nr li img{border:1px solid #ccc; padding:3px; width:549px;}
.s_adv .nr li:last-child{ height:185px;}
.s_adv .more{ width:100%; float:left; text-align:center; margin-top:30px;}
.s_adv .more a{ font-size:14px;color:#000;}
.s_adv .more a:after{content:">"; margin-left:5px; font-weight:bold; font-family:宋体;}
.s_adv .more a:hover{ color:#bbb;}



.ad{font-size:40px; float:left;color:#fff; background:url(../images/s_02_bt.jpg) repeat-x; height:105px; line-height:105px;text-align:center; width:100%;}
.ad i{font-family:"Zurich lt";}


/* 新闻 */
.s_new{ width:100%; float:left; background:url(../images/s_newbj.jpg) no-repeat; background-size:100%; height:642px;}
.s_new h2{ width:100%; float:left; text-align:center; font-size:24px;  color:#fff; margin:50px 0 30px; line-height:40px; margin-bottom:45px; position:relative;}
.s_new h2:after{ width:50px;  height:1px;float:left; content:""; left:50%; margin-left:-25px; bottom:-20px; position:absolute;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb; }

.s_new ul{ float:left; width:100%;}
.s_new ul li{ width:32%; margin-right:2%; float:left;}
.s_new ul li:nth-child(3){margin-right:0; float:right;}
.s_new ul li img{ width:100%; height:273px; float:left;}
.s_new ul li dl{ width:90%; padding:15px 5% 20px; float:left;background:#fff;}
.s_new ul li dl dt{ width:100%; text-align:center; margin:10px 0; font-size:14px; color:#00335a; overflow:hidden; height:24px; line-height:24px;}
.s_new ul li dl div.sj{ display:none; width:100%; font-size:14px; color:#222; overflow:hidden; height:24px; line-height:24px;}
.s_new ul li dl dd{ width:100%; font-size:14px; color:#424242; overflow:hidden; height:72px; margin-top:10px; float:left; line-height:24px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.s_new ul li dl i{ width:50px;  height:1px;  text-align:center; float:left;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb; margin:8px 0; position:relative; left:50%; margin-left:-25px;}
.s_new ul li dl i:hover{ opacity:0.7}
.s_new ul li:hover dl{ background:#003b63;}
.s_new ul li:hover dl dt,.s_new ul li:hover dl dd{ color:#fff;}

/***********footer***************/
.footer{width: 100%;height: auto;position: relative;z-index: 3; float:left; overflow:hidden; padding-bottom:20px;}
.footer .foot_left{ float:left; margin-top:27px; margin-left:20px;}
.footer .foot_left li{ margin-right:50px; text-align:center; float:left; line-height:25px; color:#4e4b49; font-size:12px;}

.footer .foot_link{ float:right; margin-top:35px;width:362px;}
.footer .foot_link h2{ float:left; width:100%; line-height:32px; font-weight:bold; color:#000; font-size:16px;}
.footer .foot_link .nr{ float:left; width:100%;}
.footer .foot_link .nr li{ width:342px; padding-left:20px; line-height:24px; color:#003b63; position:relative; font-size:14px;}
.footer .foot_link .nr li:before{ width:15px; float:left;text-align:center; position:absolute; left:0 ; top:0;}
.footer .foot_link .nr li.ico01:before{ content:"\F015"; font-family:webfont;font-size:14px;}
.footer .foot_link .nr li.ico02:before{ content:"\F0E0"; font-family:webfont;font-size:14px;}
.footer .foot_link .nr li.ico03:before{ content:"\F10B"; font-family:webfont;font-size:18px;}
.footer .wz{ float:left;text-align: left;font-size:14px;padding-top:40px; color:#4e4b49; position:relative; line-height:24px; width:460px;}




/* slide */
.slide-main{height:auto;position:relative; width:100%; float:left;}
.prev,.next{display:block;width:60px;height:104px; font-size:36px; font-family:宋体; line-height:104px; color:#fff; text-align:center;position:absolute;z-index:222;top:45%;overflow:hidden; background:#102a50;cursor:pointer;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);_border:1px solid none;}
.prev{left:16.36%;}
.next{right:0;}

.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}
.item{display:block;width:100%;height:5px; margin-bottom:40px;margin-top:-45px;position: relative;z-index:124;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:auto; }.slide-box{ z-index:2;width:83.64%; float:right;}
.slide{display:none;position:relative;z-index:8;}
.slide-main .slide img{ width:100%;}
.banner_about{ position: relative; z-index:1;}
.banner_about .tite{ position: absolute; top:-430px; padding:36px 0 0 70px; width:479px; height:273px; background:url(../../images/banner_about.png); float:left; color:#e4e4e4; font:18px/36px Arial}
.banner_about .tite i{ font-size:24px; padding-bottom:10px;}
.banner_about .tite a{color:#e4e4e4; font:18px/36px Arial, Helvetica, sans-serif}
.banner_about .tite a:hover{color:#fff; text-decoration:underline;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:608px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


/* ny */
.ny{ width:100%;float:left; position:relative; background:#f7f7f7;padding-bottom:40px; z-index:99; height:100%;}
.ny .n_location{ float:left; background:#fff; margin-bottom:30px;width:100%;text-transform:uppercase; color:#999; line-height:50px;font-size:12px;box-shadow:0px 0px 10px 0 rgba(0,0,0,0.1);}
.ny .n_location .bt{font-size:24px; line-height:50px;text-transform:uppercase; text-align:left; color:#000;float:left;position:relative; z-index:9;white-space: nowrap}

.ny .n_location a{ color:#222; }
.ny .n_location a:before{ content:"\F015"; font-size:16px; padding-right:5px; color:#222;font-family:"webfont";}

.ny_nav{  width:100%;height:38px; float:right; position:relative; border-bottom:1px solid #ccc;  border-top:1px solid #ccc; }
/* 内页通用系列 */
.ny_nav ul{height:auto; width:auto; float:left;}
.ny_nav ul li{height:38px; width:auto;float:left;text-transform:uppercase; cursor:pointer; position:relative;}
.ny_nav ul li a{height:38px; margin:0 15px; padding:0 10px;font:12px/38px 微软雅黑;float:left;position:relative;color:#aaa; border-bottom:1px solid #ccc;  border-top:1px solid #ccc; margin-top:-1px; text-align:center;}
.ny_nav ul li a:hover{border-bottom:1px solid #003b63;  border-top:1px solid #003b63; color:#003b63;}
.ny_nav ul li:after{ content:"/"; line-height:40px;}
.ny_nav ul li:last-child::after{ opacity:0;}
.ny_nav ul li:first-child a{ margin-left:0;}
.ny_nav ul li:last-child a{ margin-right:0;}


.ny .nr_zt{ width:100%;height:100%; float:left; line-height:24px; padding-top:20px;s}
.ny .nr_zt .bt{ font:12px/40px Zurich lt;color:#000; height:40px; width:100%; float:left; text-align:left; border-bottom:1px solid #ccc;margin-bottom:20px;}
.ny .nr_zt .bt i{ background:#e5091c; padding:0 20px; height:40px; float:left; color:#fff; font-size:16px; display:none;}



/* 关于我们 */
.n_ab p{font-size:14px; text-indent:2em; width:100%; float:left;line-height:36px; color:#222; margin-bottom:10px;}
.n_ab p .img{margin-right:12px;}
.n_ab p .img2{margin-right:12px;}
.n_ab p .img3{margin-right:30px;}
.n_ab p b{font-size:16px; line-height:36px; margin-left:-2em; color:#003b63; text-transform:uppercase; margin-bottom:10px;}

.n_ab h2{ width:100%; float:left; font-size:36px; color:#454545;position:relative; line-height:60px; margin:30px 0 30px;}
.n_ab h2 i{ font-family:Arial, Helvetica, sans-serif; color:#003b63;}
.n_ab h2:after{ width:50px; float:left; height:2px; background:#454545; content:""; position:absolute; bottom:-10px; left:0;}

.n_ab_nr{ width:100%;}
.n_ab_nr span{ width:50%; float:left;}
.n_ab_nr span img{ margin-top:30px;}
.n_ab_nr span+span{ width:50%; float:left; margin-top:30px;}



/*企业文化*/
.n_wh{ font-size:14px; color:#222; line-height:30px;}
.n_wh b{ font-size:16px;color:#003b63;text-transform:uppercase;}


/* 设备中心 */
.n_sb{ width:100%; float:left;}
.n_sb h2{ width:100%; font-size:24px; color:#003b63; text-transform:uppercase; float:left; margin-bottom:10px;}
.n_sb p{ width:100%; font-size:14px; color:#222; margin:0; text-indent:2em; float:left; line-height:20px;}
.n_sb ul{ width:100%; float:left; margin-top:10px;}
.n_sb li{ width:32%; float:left; margin-right:2%; margin-bottom:2%;}
.n_sb li:nth-child(3n){ margin-right:0;}
.n_sb li img{ width:100%;}

.sb02 li{ width:23%;margin-right:2.6666%; margin-bottom:2.6666%;}
.sb02 li:nth-child(4){ float:right;margin-right:0;}
.sb02 li:nth-child(3){margin-right:2.6666%;}

.sb03 li{ width:49%}
.sb03 li:nth-child(2n){ margin-right:0;}

/* 新闻中心 */

.news_ny .nr ul{ float:left; width:100%;}
.news_ny .nr li{ width:32%; height:auto;float:left;position:relative;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s; padding-bottom:10px; margin-right:2%; border-bottom:1px solid #ddd; margin-bottom:30px;}
.news_ny .nr li:nth-child(3n){ margin-right:0;}
.news_ny .nr li .img{ width:100%; height:273px;}

.news_ny .nr li a dl{float: right;width:100%; }
.news_ny .nr li a dl > i{ width:auto; background: url(../images/sj.jpg) center left no-repeat; color:#142d65; height:24px; padding-left:26px;float:left; text-align:center ; font:12px/24px Arial;color:#da251d;}
.news_ny .nr li a{ width:100%; height:auto; float:left;color:#292929; }
.news_ny .nr li a dl > dt{font: bold 18px/30px 微软雅黑;width:100%; color:#142d65; margin:5px 0; float:left; overflow:hidden; height:30px;white-space:nowrap;text-overflow: ellipsis;}
.news_ny .nr li a dl > dd{font:12px/24px 微软雅黑; color:#1f1a17; float:left; width:100%;margin-top:5px; height:48px;text-overflow: ellipsis; overflow:hidden;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news_ny .nr li a dl > dd:hover,.news_ny .nr li a dl > dt:hover{ text-decoration:underline;}
.xx_more{ color:#fff; background:#142d65; padding:5px 15px;}

/* 内页搜索 */
#n_search{ width:auto; height:27px; position:relative;background:rgba(255,255,255,0.4); margin-top:5px; border:1px solid #ebebeb;}
#n_keys{ width:151px; padding:5px; color:#b9a6a6;float:left; height:17px; border:none !important; font-size:12px; line-height:20px;}
.n_kopa-icon-search{ float:right; width:auto; text-align:center; font-family:Zurich lt; height:27px; margin:0; line-height:27px; color:#fff;background:#bbb; border:none !important;}
.n_kopa-icon-search:hover{background:#054e8d}

/*产品介绍*/
.n-View{ width:100%; float:left; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc;}
.n-View h2{ width:100%; float:left; color:#003B63;   font-size:24px; line-height:60px; margin-bottom:15px;}
.n-View h2 i{ font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.n-View p{ width:100%; float:left; color:#003B63;   font-size:14px; line-height:24px; margin-bottom:20px;}
.n-View p a{ float:left; width:140px; text-align:center; background:#000; color:#fff; border:1px solid #000; margin-top:15px; margin-bottom:-5px; font-size:14px; line-height:40px;}
.n-View p a:hover{background:#fff; color:#000;}
.n-View:last-child{border-bottom: none;}
/* 产品内页 */
.nr_zt .n-cp{width:100%; padding:0;float:left; border: none;}
.nr_zt .n-cp li{ width:100%; height:auto; background:#054e8d;float:left; height:40px; overflow:hidden; font-size:14px; }
.nr_zt .n-cp li span{ width:14.28%; text-transform:uppercase; font-family:Zurich lt;float:left; color:#fff; text-align:center; height:40px; line-height:40px; border-left:1px solid #fff; box-sizing:border-box;}
.nr_zt .n-cp li + li{ background:none; height:100%; min-height:119px; display:table;}
.nr_zt .n-cp li a{ width:100%; float:left; color:#fff; text-align:center;}
.nr_zt .n-cp li dd{ display:table-cell; font-family:Zurich lt;vertical-align:middle;text-align:center;height:100%; width:14.28%;font-size:12px;line-height:20px; border-bottom:1px solid #ccc; box-sizing: border-box;}
.nr_zt .n-cp li dd:nth-child(2n){ background:#f2f2f2;}
.nr_zt .n-cp li p{ margin:0;font-family:Zurich lt;}

/* 下载中心 */
.ny_down li{ width:23%; margin:0 1%;float:left; padding-bottom:20px; border-bottom:1px solid #ccc; margin-top:20px;}
.ny_down li a{ width:100%; float:left;}
.ny_down li dt{ width:100%; float:left; font-size:14px; font-weight:bold;}
.ny_down li dd{ width:100%; float:left; line-height:24px; height:48px; overflow:hidden;}
.ny_down li a .more{ width:100%%; float:left;}


/* 服务 */

.ser p{ width:65%; font-size:14px; line-height:30px;}
/* 产品应用 */
.n_app{ width:100%;}
.n_app li{ float:left; margin-bottom:20px;}
/* 联系 */
.lxfs{ width:60%; font:14px/60px 微软雅黑; color:#000;}
.lxfs i{ font-size:24px; line-height:48px;}
.lxfs i abbr{ font-size:16px; color:#003b63;}
.lxfs a{ color:#000;}
.lxfs .ico_01, .lxfs .ico_02, .lxfs .ico_03, .lxfs .ico_04, .lxfs .ico_05, .lxfs .ico_06{ width:45%; float:left; padding-left:5%; background:url(../images/nyabout06.png) no-repeat left 10px;}
.lxfs .ico_02{ background-image:url(../images/nyabout07.png); background-repeat:no-repeat; background-position:left 20px;}
.lxfs .ico_03{ background-image:url(../images/nyabout10.png); background-repeat:no-repeat; background-position:left 20px;}
.lxfs .ico_04{ background-image:url(../images/nyabout11.png); background-repeat:no-repeat; background-position:left 20px;}
.lxfs .ico_05{display:none; background-image:url(../images/nyabout08.png); background-repeat:no-repeat; background-position:left 20px;font-family:Arial, Helvetica, sans-serif;}
.lxfs .ico_06{ background-image:url(../images/nyabout12.png); background-repeat:no-repeat; background-position:left 20px; font-family:Arial, Helvetica, sans-serif;}.lxfs .ico_06:hover{ color:#ef9800; text-decoration:underline;}
.ewm{ width:19%; margin-left:1%; margin-top:10px;}

/* 地图 */
.ny_map .map_bt{ width:100%; float:left; font-size:18px; font-weight:bold; border-bottom:1px solid #ccc; height:40px; line-height:40px; margin-bottom:30px;}

.ny_map .map_bt i{font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.jianjie{ font:14px/36px 微软雅黑;}
.about_lb{ display:none;}
.honor{ width:100%; height:auto; padding-bottom:150px;}

.new_nr .zixun{ width:94%; height:auto; padding:30px 3%;}
.new_nr .zixun li{ width:531px; height:70px; float:left; background:#fff; position:relative; margin:0 35px 20px;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s; background:#f2f2f2}
.new_nr .zixun li > i{ width:80px; background:#d0d0d0; height:50px; padding:10px 0; float:left; text-align:center ; font:14px/24px Arial;color:#353535;}
.new_nr .zixun li > i:first-line{ font: bold 24px/24px Arial; color:#003b63; }
.new_nr .zixun li a{ width:413px; height:60px; float:left; padding:10px 18px; color:#292929; }
.new_nr .zixun li a > dd{font:16px/25px Arial, Helvetica, sans-serif;width:340px; float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.new_nr .zixun li a > dd + dd{font:12px/25px Arial; color:#717171;}
.new_nr .zixun li a > i{ position:absolute; bottom:8px; right:18px;font:12px/30px Arial; color:#003b63;}
.new_nr .zixun li:hover{background:#003b63;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.new_nr .zixun li:hover a,.new_nr .zixun li:hover a > dd + dd,.new_nr .zixun li:hover a > i{ color:#fff;}



/* 页码 */
.ym{ height:40px; width:40px; background:#ccc; color:#fff; text-align:center; line-height:40px; font-size:12px; padding:5px 12px;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.ym:hover{background:#003b63;color:#fff;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.ym2{ height:40px; width:40px; background:#003b63; text-align:center; line-height:40px; font-size:12px; font-weight:bold; padding:5px 12px;}

@media screen and (min-width:1360px) and (max-width:1439px) {

.header .right .right_zt .list a{ line-height:18px; font-size:14px;}
.header .right .tel li{ line-height:20px; background-size:10px auto !important;}
.header .right a.more{line-height: 30px;font-size: 12px;}
.s_02 .nr li+li p{ padding-top:30%;}
.s_03 .right h2{margin: 0px 0 10px;;}
.s_03 .right h2:after{bottom:0;}
.s_03 .right > p{ font-size:12px; line-height:20px;}
.s_03 .right .nr{ margin-top:10px;}
.s_03 .right .nr .s_ab{ margin-top:10px;}
.s_03 .right .nr .s_ab p{margin:0; line-height:22px; height:198px; width:100%; overflow:hidden;}
.s_03 .right .nr .s_zz img{ width:90%; float:right;}
.s_04 .nr dl dt{ font-size:14px;}
.s_04 .nr dl dd{ font-size:12px;}

}

@media screen and (min-width:1440px) and (max-width:1599px) {

.header .right .right_zt .list a{ line-height:18px; font-size:14px;}
.header .right .tel li{ line-height:20px; background-size:10px auto !important;}
.header .right a.more{line-height: 30px;font-size: 12px;}
.s_02 .nr li+li p{ padding-top:30%;}
.s_03 .right h2{margin: 0px 0 10px;;}
.s_03 .right h2:after{bottom:0;}
.s_03 .right > p{ font-size:12px; line-height:20px;}
.s_03 .right .nr{ margin-top:10px;}
.s_03 .right .nr .s_ab{ margin-top:10px;}
.s_03 .right .nr .s_ab p{margin:0; line-height:24px; height:216px; width:100%; overflow:hidden;}
.s_03 .right .nr .s_zz img{ width:90%; float:right;}
.s_04 .nr dl dt{ font-size:14px;}
.s_04 .nr dl dd{ font-size:12px;}

}

@media screen and (min-width:1600px) and (max-width:1899px) {

.header .right .right_zt .list a{ line-height:24px; font-size:18px;}
.header .right .tel li{ line-height:20px; background-size:10px auto !important;}
.header .right a.more{line-height: 40px;font-size: 14px;}
.s_02 .nr li+li p{ padding-top:30%;}
.s_03 .right h2{margin: 0px 0 10px;;}
.s_03 .right h2:after{bottom:0;}
.s_03 .right > p{ font-size:12px; line-height:20px;}
.s_03 .right .nr{ margin-top:10px;}
.s_03 .right .nr .s_ab{ margin-top:10px;}
.s_03 .right .nr .s_ab p{margin:0; line-height:26px;width:100%; overflow:hidden;}
.s_03 .right .nr .s_zz img{ width:90%; float:right;}
.s_04 .nr dl dt{ font-size:18px;}
.s_04 .nr dl dd{ font-size:12px;}

}