@charset "utf-8";
*{margin:0;padding:0;outline:0;}
*,:after,:before{box-sizing:border-box;}
body,html{overflow-x:hidden;color:#333;font:14px/30px arial,"Microsoft Yahei","微软雅黑";background:#fff;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:Microsoft Yahei,microsoft yahei,"微软雅黑",arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul,time,address{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
a{color:#333;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#0055a5;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;overflow:hidden;margin:0 auto;width:1200px;}
.wrap-no{clear:both;display:block;margin:0 auto;width:1200px;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
.yahei{font-family:Microsoft Yahei,microsoft yahei,微软雅黑,arial;}
.shadow{-webkit-box-shadow: 0px 2px 3px rgba(115, 128, 157, 0.2);box-shadow: 0px 2px 3px rgba(115, 128, 157, 0.2);}


#top{position:fixed; left:0; top:0; z-index:1000}
#top{ width:100%; height:40px; line-height:40px; background:#eee}
#top .weicome span{ float:left}
#top .weicome a{ float:left; margin-left:10px}
#top .weicome a i{ margin-right:5px; opacity:.5}
#top .right a{ margin-left:20px;}
#top .right i{ margin-right:5px; color:#0055a5}

#header{ width:100%; height:120px; margin-top:40px;}
#header .logo{ padding:28px 0}
#header .logo img{ height:57px;}
#header .text{ padding:30px 0; font-size:17px; margin-left:20px; line-height:30px;}
#header .date_add{ padding:30px 0; margin-left:80px; line-height:27px;}
#header .date_add time{ font-size:26px; color:#f00}
#header .date_add address{ font-size:17px; font-style:normal}
#header .lan{ padding:45px 0; }
#header .lan a{ background:url(../images/cn.png) no-repeat left center ; padding-left:40px; margin-left:20px}
#header .lan a:nth-child(2){ background:url(../images/en.png) no-repeat left center ; padding-left:40px; margin-left:20px}

#nav{ width:100%; height:50px; background:#0055a5}
#nav ul li{ float:left; margin-right:10px; line-height:50px;position:relative}
#nav ul li:last-child{ margin-right:0}
#nav ul li h3 a{ color:#fff ; font-size:16px; display:block; padding:0 30px; font-weight:normal}
#nav ul li.on h3 a{ background:#004789}
#nav .sub{display:none;width:100%;position:absolute;left:0px;top:50px; background:rgba(0,71,137,.8);z-index:999;}
#nav .sub a{ display:block; color:#fff; line-height:36px; height:36px; overflow:hidden; text-align:center}
#nav .sub dd:last-child{margin-bottom:10px}
#nav .sub dd:first-child{margin-top:5px}
#nav .sub a:hover{; background:rgba(0,71,137,.9)}
#banner{ width:100%; background:#eee; text-align:center;position:relative;overflow:hidden;}
#banner .swiper-wrapper .swiper-slide{ width:100%; background-repeat:no-repeat; background-position: center center}
#banner .swiper-wrapper .swiper-slide img{ width:100%; }

#about{ width:100%; padding:50px}
#about .weicome{ font-size:30px;}
#about .content{ margin-top:30px}
#about .view{ margin-top:20px}
#about .view a{ color:#0055a5}
#about .view i{ margin-left:10px}
#about .view a:hover{ opacity:.8}
#about .btn{ margin-top:30px}
#about .btn .item{ width:48%;}
#about .btn .item a{ background:#0055a5; display:block; padding:30px 0 30px 60px; border-radius:6px}
#about .btn .item a i.timg{ color:#fff; font-size:50px; line-height:50px; margin-right:30px}
#about .btn .item a h2{ font-size:18px; color:#fff; line-height:25px;}
#about .btn .item a p{ color:#fff; line-height:20px; margin-top:5px; display:block}
#about .btn .item a p i{ margin-right:10px;}

#count{background:url(../images/qianjiz.jpg) no-repeat center top; background-size:cover; padding:50px 0}
#count .con{ width:100%; background:rgba(255,255,255,.9); padding:30px 0; display:block;}
#count .con .title{text-align:center; border-bottom:#d9dadb 1px solid; padding-bottom:30px}
#count .con .title .time{ font-size:36px; line-height:40px; color:#0055a5; text-align:center}
#count .con .title .content{ font-size:26px; padding:10px 0 5px;}
#count .con .title .en{ text-align:center}
#count .con .num{ border-top:1px solid #fff}
#count .con .num .item{ float: left; width:33%; text-align:center; padding:50px 0 10px}
#count .con .num .item .t{ font-size:17px}
#count .con .num .item .t span{ font-size:33px; margin-right:10px; color:#0055a5}
#count .con .num .item .t span.nor{ margin-right:0}
#count .con .num .item .info{ line-height:24px; color:#666; margin-top:10px}

#news{ width:100%; padding:50px 0}
#news .stitle{ font-weight:700; font-size:24px}
#news .list{ margin-top:20px}
#news .list .item{ width:48%}
#news .list .item .t{ position:relative}
#news .list .item .t .img{ width:100%; height:150px; overflow:hidden}
#news .list .item .t .img img{width:100%; height:100%;object-fit:cover;}
#news .list .item .t .info{ position:absolute; width:100%; height:150px; left:0; top:0; text-align:center; padding:52px 0;}
#news .list .item .t .info span{ background:rgba(0,0,0,.5); border-radius:25px; font-size:22px; color:#fff; padding:8px 25px; line-height:46px;}
#news .list .item ul{ margin-top:20px}
#news .list .item ul li{ border-bottom:1px solid #ddd; padding:8px 0}
#news .list .item ul li span{ float:right; color:#999}
#news .list .item ul li i{ margin-right:5px; color:#ccc;}
#news .list .item ul li a{ height:30px;}
#news .list .item ul li a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#news .list .item ul li a:hover i{ color:#0055a5}
#news .list .item .view{ margin-top:20px}
#news .list .item .view a{ color:#0055a5}
#news .list .item .view i{ margin-left:10px}
#news .list .item .view a:hover{ opacity:.8}

#join{ width:100%; padding:50px 0; background:url(../images/qianjiz2.jpg) no-repeat center top}
#join .con{ width:100%; background:rgba(255,255,255,.9); padding:40px 30px; display:block; position:relative}
#join .con .stitle{ font-size:30px}
#join .con .content{ margin-top:20px; padding-right:300px;}
#join .con .btn{ width:250px; position:absolute; right:30px; top:90px}
#join .con .btn a{ background:#0055a5; display:block; padding:20px 0 20px 30px; border-radius:6px}
#join .con .btn a i.timg{ color:#fff; font-size:50px; line-height:50px; margin-right:30px}
#join .con .btn a h2{ font-size:18px; color:#fff; line-height:25px;}
#join .con .btn a p{ color:#fff; line-height:20px; margin-top:5px; display:block}
#join .con .btn a p i{ margin-right:10px;}

#tongqi{ width:100%; padding:50px 0}
#tongqi .stitle{ border-left:4px solid #0055a5; padding-left:15px; font-size:24px; line-height:24px;}
#tongqi .list{ margin-top:30px;}
#tongqi .list ul li{ float:left; width:23%; margin-right:calc(8% / 3)}
#tongqi .list ul li:nth-child(4n){ margin-right:0}
#tongqi .list ul li .img{ width:100%; height:200px;}
#tongqi .list ul li .img img{width:100%; height:100%;object-fit:cover;}
#tongqi .list ul li .t{ padding:10px 0 0px; }
#tongqi .list ul li .t{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#tongqi .list ul li big{ font-size:14px; font-weight:700}
#tongqi .list ul li big{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#tongqi .list ul li time{ color:#666; line-height:24px;}
#tongqi .list ul li address{ color:#666; line-height:24px}
#tongqi .list ul li .view{ margin-top:10px; color:#0055a5}
#tongqi .list ul li .view i{ margin-left:10px;}

#tongqi .right{ width:310px; position:relative}
#tongqi .right .stitle{ border-left:4px solid #0055a5; padding-left:15px; font-size:24px; line-height:24px;}
#tongqi .right .list{ margin-top:30px}
#tongqi .right .list ul li{ border:1px solid #eee; border-radius:4px; height:64px; line-height:64px;; box-sizing:content-box; margin-bottom:15px;}
#tongqi .right .list ul li .img{ float:left; margin-right:10px; margin-left:10px}
#tongqi .right .list ul li .img img{ width:83px; max-height:44px;}
#tongqi .right .list ul li p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#tongqi .right .btn{ position:absolute; right:0; top:0}
#tongqi .right .btn{ border:1px solid #eee; width:100px; height:30px; border-radius:30px; padding:8px 0}
#tongqi .right .btn a{ float:left; width:50%; text-align:center; opacity:.5; line-height:14px; cursor:pointer}
#tongqi .right .btn a:nth-child(2n){ border-left:1px solid #ddd}

#guanzhu{ width:100%; padding:50px 0; background:#0055a5}
#guanzhu .item{ width:50%}
#guanzhu .item .img{ width:90px; height:90px;  background:#fff}
#guanzhu .item .img img{ width:90px;}
#guanzhu .item .info{ padding:15px 0; margin-left:20px;}
#guanzhu .item .info .t{ font-size:20px; color:#fff; font-weight:700}
#guanzhu .item .info .t i{ margin-left:10px}
#guanzhu .item .info p{ color:#fff;}
#guanzhu .item .info p i{ margin-right:5px}
#guanzhu .item .font{ width:90px; height:90px;  text-align:center; background:#fff}
#guanzhu .item .font i{ font-size:60px; color:#0055a5; line-height:90px}

#hezuo{ width:100%; padding:50px 0;}
#hezuo .stitle{ font-size:30px;}
#hezuo .list{ margin-top:40px}
#hezuo .list .swiper-slide{ width:200px; line-height:46px; border:1px solid #eee; padding:10px; border-radius:4px; text-align:center}
#hezuo .list .swiper-slide img{vertical-align: middle;max-height: 46px;max-width: 100%;}


#map{ width:100%; padding:50px 0; background:#186baf;}
#map .item{ width:160px}
#map .item h3{ font-weight:700; font-size:16px}
#map .item dl{ margin-top:10px}
#map .item a{ color:#fff;}

#footer{ width:100%; background:#f4f4f4; padding:20px 0;}
#footer .contact{ text-align:center; margin-top:10px; line-height:24px}
#footer .contact i{ margin:0 10px}
#footer .cor{ text-align:center; line-height:24px}
#footer .cor i{ margin:0 10px}
#footer .zhao{ text-align:center; margin-top:5px}
/*通用分页样式*/
#fenye{padding:50px 0;text-align:center;clear:both;font-size:14px;}
#fenye table{text-align:center;margin:0 auto;}
#fenye a{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;}
#fenye .prev,#fenye .next{width:52px;text-align:center;}
#fenye a.curr{font-weight:bold;color:#fff;background:#193d85;border:1px solid #193d85;}
#fenye a:hover{background:#193d85;color:#fff;border:1px solid #193d85;}
#fenye span{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#f5f5f5;}

#left_qq{ position:fixed; left:20px; top:220px; width:93px;z-index:999}
#right_fixed{ position:absolute; right:20px; top:210px; width:150px;z-index:999}
#right_fixed .login{ display:block}
#right_fixed .login a{ display:block; background:#0055a5; color:#fff; text-align:center; margin:10px 0; border-radius:4px; line-height:44px}
#right_fixed .login a:nth-child(2){ background:#12d1b3}
#right_fixed .ewm{ display:block; background:#fff}
#right_fixed.fixed{ position:fixed; top:50px}

#n_banner{ width:100%; height:250px; background:url(../images/banner_about.jpg) no-repeat center center}
#n_banner .t{ font-size:30px; padding-top:90px; font-weight:bold; color:#0055a5}
#n_banner em{ width:70px; height:3px; overflow:hidden; background:#0055a5; display:block; margin-top:20px;}

#n_weizhi{ padding:15px 0; color:#0055a5; border-bottom:1px solid #eee}
#n_weizhi a{color:#0055a5}
#n_weizhi i{ margin-right:5px;}

#n_pd{ width:100%; margin-top:20px}
#n_pd .list ul li{ float:left; width:48%; margin:20px 0 50px}
#n_pd .list ul li:nth-child(2n){ float:right}
#n_pd .list ul li .t{ font-size:24px; color:#333}
#n_pd .list ul li .img{ margin-top:20px; height:210px; overflow:hidden;}
#n_pd .list ul li .img img{width:100%; height:100%;object-fit:cover;}
#n_pd .list ul li p{ margin-top:20px;line-height:24px; min-height:48px; color:#333; overflow:hidden;}
#n_pd .list ul li p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
#n_pd .list ul li .view{color:#0055a5; margin-top:30px}
#n_pd .list ul li .view i{ margin-left:10px;}
#n_pd .list ul li a:hover .view{ opacity:.6}

#n_view{ width:100%;margin-top:20px}
#n_view .left{ width:160px; background:#f5f5f5; min-height:400px}
#n_view .left .t{ background:#ddd; font-size:20px; text-align:center; padding:15px 0}
#n_view .left ul{ padding:10px;}
#n_view .left ul li{ border-bottom:1px solid #eee; padding:10px 0; text-align:center}
#n_view .left ul li.currclass a{ color:#0055a5; font-weight:bold}
#n_view .right{ width:980px; padding-bottom:40px; min-height:500px}
#n_view .right .t{ font-size:26px; font-weight:0; padding:10px 0 20px; border-bottom:1px solid #eee; position:relative}
#n_view .right .t:after{content:""; position:absolute; left:0; bottom:-1px; border-bottom:2px solid #0055a5; width:150px}
#n_view .right .view{ padding:40px 0 0}
#n_view .right .view h1{ font-size:20px; padding:20px 20px 40px; text-align:center}
#n_view .right .view .info{ color:#777; border-bottom:1px solid #eee; text-align:center; padding-bottom:10px}
#n_view .right .view .info i{ padding:0 10px}
#n_view .right .view .updown{ padding-top:30px; margin-top:30px; border-top:1px solid #ddd}
#n_view .right .content{ padding:30px 0;line-height:180%; font-size:15px; min-height:300px}
#n_view .right .content img{ max-width:100%}
#n_view .right .content .annex{width:780px;margin:15px 100px; border : 1px dashed #ddd; background : #f9f9f9; line-height : normal;}
#n_view .right .content .annex td{padding-top:10px;padding-left:15px;padding-bottom:10px;}

#n_view .right .list ul li{ padding:30px 0; border-bottom:1px solid #eee; height:270px}
#n_view .right .list ul li .img{ float:left; width:340px; height:210px; overflow:hidden}
#n_view .right .list ul li .img img{width:100%; height:100%;object-fit:cover;}
#n_view .right .list ul li .date{ width:125px; text-align:center; float: left}
#n_view .right .list ul li .date span:nth-child(1){ font-size:50px; line-height:50px; color:#ccc; display:block}
#n_view .right .list ul li .date span:nth-child(2){ font-size:14px; color:#ccc; display:block}
#n_view .right .list ul li .info{ float:right; width:500px}
#n_view .right .list ul li .info .tit{ font-size:16px; color:#0055a5}
#n_view .right .list ul li .info .tit{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#n_view .right .list ul li .info p{ margin-top:20px; color:#777}
#n_view .right .list ul li .info p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
#n_view .right .list ul li .info .view span{ border:2px solid #0055a5; border-radius:30px; padding:8px 50px; color:#0055a5}
#n_view .right .list ul li a{ display:block; height:210px;}
#n_view .right .list ul li a:hover .view span{ background:#0055a5; color:#fff}

#n_view .right .sllist ul li{ float:left; width:32%; margin:20px 0 40px}
#n_view .right .sllist ul li:nth-child(3n-1){ margin:20px 2% 40px}
#n_view .right .sllist ul li .img{ width:100%; height:200px; overflow:hidden}
#n_view .right .sllist ul li .img img{width:100%; height:100%;object-fit:cover;}
#n_view .right .sllist ul li .tit{ font-size:16px; font-weight:bold; margin-top:20px}
#n_view .right .sllist ul li .juli{ color:#777; line-height:24px}
#n_view .right .sllist ul li .juli{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical}
#n_view .right .sllist ul li p{}
#n_view .right .sltext{ margin-top:20px; padding-top:30px; border-top:1px solid #eee; padding-bottom:50px; line-height:28px}

#n_view .right .piclist{}
#n_view .right .piclist ul li{ float:left; width:23%; height:160px; overflow:hidden; margin:30px 0 10px; margin-right:calc(8% / 3)}
#n_view .right .piclist ul li:nth-child(4n){ margin-right:0}
#n_view .right .piclist ul li img{width:100%; height:100%;object-fit:cover;}

#n_view .right .downlist{ padding:20px 0}
#n_view .right .downlist ul li{ border-bottom:1px solid #eee; padding:5px 0; font-size:15px}

#n_view .right .from{ padding:30px 10px}
#n_view .right .from .fitem{ position:relative; padding-left:150px; margin-top:30px}
#n_view .right .from .fitem label{ font-size:16px; position: absolute; left:0; top:0; line-height:42px}
#n_view .right .from .fitem label font{ color:#f00; padding-left:5px}
#n_view .right .from .fitem span{ height:42px;; line-height:42px}
#n_view .right .from .fitem .inp{ border:1px solid #ddd; line-height:40px;border-radius:4px; text-indent:10px; background:#f8f8f8}
#n_view .right .from .fitem .sel{ border:1px solid #ddd; line-height:40px; border-radius:4px; height:40px; text-indent:10px; background:#f8f8f8}
#n_view .right .from .button{ padding:50px 150px;}
#n_view .right .from .button .btn{ background:#0055a5; color:#fff; font-size:16px; padding:15px 40px; border:0; border-radius:4px}

#n_contact .view{ padding:20px 0 40px; line-height:180%; font-size:16px}
#n_contact .view img{ max-width:100%}

#n_ex .t{ font-size:30px; font-weight:700; color:#0055a5; padding-top:40px}
#n_ex .search{ background:#0055a5; padding:30px 30px 50px; margin-top:30px}
#n_ex .search .item{ width:500px;}
#n_ex .search .item2{ margin-right:30px;}
#n_ex .search .item label{ display:block; color:#fff; margin-bottom:5px}
#n_ex .search .item .select{ width:100%; border:1px solid #fff; background:#fff; border-radius:4px; height:50px; line-height:50px; text-indent:10px}
#n_ex .search .item .key{ width:100%; border:1px solid #fff; background:#fff; border-radius:4px 0 0 4px; height:50px; line-height:50px; text-indent:10px}
#n_ex .search .button{ width:50px; padding-top:35px}
#n_ex .search .button .btn{ background:#e6f7fd;; border:0; height:50px; width:50px; border-radius:0 4px 4px 0; color:#0055a5; font-size:20px}

#n_ex .list{ padding-bottom:40px;}
#n_ex .list ul li{ background:#f2f2f2; margin-top:30px; padding:30px}
#n_ex .list ul li .logo{ width:160px; height:110px; text-align:center; line-height:90px; background:#fff; padding:10px}
#n_ex .list ul li .logo img{ max-width:140px; max-height:90px; }
#n_ex .list ul li .right{ width:950px}
#n_ex .list ul li .right .tit{ font-size:16px; color:#0055a5; font-weight:700}
#n_ex .list ul li .right .add{ color:#333}
#n_ex .list ul li .right .intro{ margin-top:10px; padding-bottom:20px; border-bottom:1px solid #ddd; line-height:24px; color:#333}
#n_ex .list ul li .right .product{ margin-top:20px;}
#n_ex .list ul li .right .product dd{ float:left; width:23%; text-align:center; margin-right:calc(8% / 3)}
#n_ex .list ul li .right .product dd:nth-child(4n){ margin-right:0}
#n_ex .list ul li .right .product dd .img{ width:100%; height:170px; padding:10px; text-align:center; line-height:150px; background:#fff}
#n_ex .list ul li .right .product dd .img img{ max-width:100%; max-height:150px;}
#n_ex .list ul li .right .product dd p{ padding:10px;}

#n_ex .ex_pro{ padding:40px 0}
#n_ex .ex_pro .title{ font-size:24px; font-weight:700; color:#0055a5}
#n_ex .ex_pro ul li{ float:left; width:24%; margin-right:calc(4% / 3); margin-top:30px;; border:1px solid #eee; padding:20px}
#n_ex .ex_pro ul li:nth-child(4n){ margin-right:0}
#n_ex .ex_pro ul li .img{ width:100%; height:200px; line-height:200%; text-align:center}
#n_ex .ex_pro ul li .img img{ max-width:100%; height:200px;}
#n_ex .ex_pro ul li .tit{ text-align:center; margin-top:20px; font-size:16px; font-weight:700}
#n_ex .ex_pro ul li .tit{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#n_ex .ex_pro ul li p{ line-height:24px; height:48px;font-size:13px;margin-top:10px; }
#n_ex .ex_pro ul li p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
#n_ex .ex_pro ul li .view{color:#0055a5; margin-top:10px}
#n_ex .ex_pro ul li .view i{ margin-right:5px;}
#n_ex .ex_pro ul li .view:hover{ opacity:.6}

#n_ex .ex_info{ border-bottom:1px solid #eee; padding:40px 0}
#n_ex .ex_info .logo{ width:250px; height:100px; padding:20px; text-align:center; line-height:60px; background:#eef6f9}
#n_ex .ex_info .logo img{ max-width:210px; max-height:60px}
#n_ex .ex_info .name{ margin-left:30px; padding-top:20px;}
#n_ex .ex_info .name h1{ font-size:24px; font-weight:normal}
#n_ex .ex_info p{ margin-top:10px}
#n_ex .ex_about{ margin-top:40px}
#n_ex .ex_about .tit{ font-size:24px; font-weight:700; color:#0055a5}
#n_ex .ex_about .content{ margin-top:20px; border-bottom:1px solid #eee; padding-bottom:20px; font-size:16px}
#n_ex .ex_about .add{ font-size:16px; margin-top:20px;}
#n_ex .ex_about .add i{ margin-right:10px; width:30px; height:30px; text-align:center; line-height:30px; background:#666; border-radius:30px; color:#fff}

#n_view .zhinan .img{ padding-top:30px}
#n_view .zhinan .img img{ max-width:100%}
#n_view .zhinan .text{ margin-top:20px;}
#n_view .zhinan .text .stit{ font-weight:700; font-size:16px}
#n_view .zhinan .item{ padding:60px 0px}
#n_view .zhinan .item2{ border-top:1px dashed #ddd; border-bottom:1px dashed #ddd}
#n_view .zhinan .item .zleft{ width:88px; position:relative}
#n_view .zhinan .item .zleft .i_1{ width:26px; height:26px; text-align:center; line-height:26px; margin:0 auto; background:#0055a5; border-radius:26px}
#n_view .zhinan .item .zleft .i_21{ text-align:center; margin-bottom:50px}
#n_view .zhinan .item .zleft .i_2{ width:2px; height:230px; overflow:hidden; background:#0055a5; position:relative; left:43px;}
#n_view .zhinan .item .zleft .i_22{height:200px}
#n_view .zhinan .item .zleft .i_font{ width:88px; height:88px; display:block; text-align:center; line-height:88px; font-size:24px; font-weight:700; color:#0055a5; border-radius:88px; border:2px solid #0055a5;}
#n_view .zhinan .item .zleft .i_font{position: absolute; top:100px; left:0; background:#fff}
#n_view .zhinan .item .zleft .i_font2{top:120px;}
#n_view .zhinan .item .zleft .i_3{ width:26px; height:26px; text-align:center; line-height:26px; margin:0 auto; background:#0055a5; border-radius:26px}
#n_view .zhinan .item .zright{ width:770px}
#n_view .zhinan .item .zright .rtitle{ font-size:24px; color:#0055a5; font-weight:700;}
#n_view .zhinan .item .zright .tabbox{ margin-top:20px;}
#n_view .zhinan .item .zright .tabbox .hd{ border-bottom:1px solid #0055a5; height:40px}
#n_view .zhinan .item .zright .tabbox .hd ul li{ float:left; line-height:40px; background:#0055a5; border-radius: 6px 6px 0 0; color:#fff; width:150px; margin-right:10px; text-align:center; opacity:.6}
#n_view .zhinan .item .zright .tabbox .hd ul li.on{ opacity:1}
#n_view .zhinan .item .zright .tabbox .bd .tabcontent{ padding:20px 0; font-size:16px;}
#n_view .zhinan .item .zright .tabbox .bd .tabcontent a{ font-weight:700; color:#0055a5; display:block; margin-top:10px}