@charset "utf-8";

/*全局控制*/
body{margin:0;padding:0;font-size:16px;line-height:32px;font-family:Arial,'Microsoft Yahei',"微软雅黑";-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:16px;line-height:16px;font-family:Arial,'Microsoft Yahei',"微软雅黑";}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#014fa2}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both; background:#ddd;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
table{ border-color: #aaa; border-spacing: 0; border: 1; border-collapse: collapse;}

.topbg{ width:100%; height:32px; background:#e6ebef url(../images/topbg.jpg) center center no-repeat; overflow:hidden}
.topinfo{ margin:0 auto; width:1300px; height:32px; line-height:32px;}
.topinfo .toptext{ font-size:14px; color:#fff; float:left;}
.topinfo .toptext b{ font-size:18px;}
.topinfo .topnav{ float:right;}
.topinfo .topnav a{ color:#333; font-size:14px;}
.topinfo .topnav span{ padding:0 10px; font-size:14px; color:#333;}
.topinfo .topnav a i{ display:inline-block; width:14px; height:12px; margin-right:5px;}
.topinfo .topnav a i.topemail{ background:url(../images/topemail.png) center center no-repeat}
.topinfo .topnav a i.topsearch{ background:url(../images/topsearch.png) center center no-repeat}

.tophead{width: 100%; position: fixed; z-index: 9999; padding-top:20px;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.tophead.hover{
	border: none;
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
	padding-top: 0;
	color: #333;
	background: #fff;
}
.header{ width:1300px; margin:0 auto; border-radius:3px;height:80px;}
.logo{ float:left; width:351px;}
.tophead .logobs{ display:block}
.tophead .logocs{ display:none}
.logo a{ float:left; margin-right:5px;}
.logo p{ float:left; padding-top:12px; text-align: center;}
.logo p span{ padding-top:5px; display:block; font-weight:bold; font-size:24px; color:#333;}
.logo p span b{ color:#0048a4}

.tophead.hover .logobs{ display:none}
.tophead.hover .logocs{ display:block}
.tophead.hover .logo{ padding-top:6px;}

.header .hd_search{ position: relative;width:90px; height:90px; float:left; }
.header .hd_search_btn{width:90px; height:90px; float:left; padding:0; display:block; cursor:pointer; border:none; border-left:1px solid #ededed; color:#5c5c5c;}
.header .hd_search_box{padding:35px 0; line-height:20px; font-size:16px; width:0; position:absolute; top:0; right:90px; z-index:2; margin:0; border: none; transition: all .5s ease; background:#f4f4f4;}
.header input:-ms-input-placeholder{color: #f8f8f8;}
.header .hd_search:hover .hd_search_box{ width: 600px;padding:35px 0 35px 15px;}

.header .r_nav{ width:253px; float:right; position:relative;}
.header .r_nav:after{ content:" "; display:block; position:absolute; left:253px; top:0; background:#0048a4; width:calc( 50vw - 684px); height:90px;}
.header .r_nav .visitor{ width:100px; height:90px; float:left; padding-left:63px; background:#0048a4 url(../images/topfadz.png) 40px center no-repeat;}
.header .r_nav .visitor .pro_order_btn{cursor:pointer; width:163px; color:#fff; font-size:16px; line-height:90px; height:90px;}
.header .hd_search .topfadz{ display:inline-block; width:90px; height:90px; font-size:18px; background:#fff url(../images/topsearch.png) center center no-repeat;}

.wrap{ width:1300px; margin:0 auto;}

.inav_wrapper{ width:762px; float:right; box-sizing:border-box;}
.inav_wrapper .inav .nav_li{display:inline-block; float:left; width:120px; text-align:center; line-height:80px;}
.inav_wrapper .inav .nav_li>a{display:block; font-size:16px; color:#fff; line-height:80px; position:relative;}

.inav_wrapper .inav .nav_li>a:hover{color:#0048a4;}
.inav_wrapper .inav .nav_li.cur>a{color:#0048a4;}

.tophead.hover .inav_wrapper .inav .nav_li>a{ color:#333;}
.tophead.hover .inav_wrapper .inav .nav_li>a:hover{ color:#0048a4;}

/*导航下拉*/
.inav_wrapper .inav .nav_li .xiala_nav{position:absolute; left:0; top:100%; width:100%; background:#e6ebef; height:373px;/* box-shadow:0px 2px 13px 1px rgba(0,0,0,0.2) inset;*/ display:none;}
.inav .nav_li .xiala_nav .left{float:left; width:950px; padding-top:53px;}
.inav .nav_li .xiala_nav .left .nav_infor{float:left; width:450px; text-align:left;}
.inav .nav_li .xiala_nav .left .nav_infor .t{font-size:22px; color:#333; font-weight:bold; line-height:35px; margin-bottom:20px;}
.inav .nav_li .xiala_nav .left .nav_infor .c{font-size:14px; color:#888; line-height:30px; margin-bottom:20px;}
.inav .nav_li .xiala_nav .left .nav_list{ position:relative; width:300px; float:left; padding-left:47px;  margin-left:47px;}
.inav .nav_li .xiala_nav .left .nav_list:before{content:" ";  position:absolute; left:-7px; top:-53px; width:1px; height:373px; background:rgba(0, 72, 164, 0.5);}
.inav .nav_li .xiala_nav .left .nav_list:after{content:" ";  position:absolute; right:-55px; top:-53px; width:1px; height:373px; background:rgba(0, 72, 164, 0.5);}
.inav .nav_li .xiala_nav .left .nav_list .list li{padding-left:15px; font-size:16px; line-height:50px; text-align:left; border-bottom:1px rgba(95, 95, 95, 0.5) solid; color:#333; position:relative;}
.inav .nav_li .xiala_nav .left .nav_list .list li a{ display:block; color:#333;}
.inav .nav_li .xiala_nav .left .nav_list .list li a:hover{color:#333;}
.inav .nav_li .xiala_nav .left .nav_list .list li:before{ content:" ";  position:absolute; left:0; top:50%; margin-top:-4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent;  border-left: 4px solid #0048a4; transition: all 0.5s ease;}
.inav .nav_li .xiala_nav .left .nav_list .list li:after{ content:" "; background:#0048a4; position:absolute; left:0; bottom:0; width:0px; height:2px;transition: all 0.5s ease;}
.inav .nav_li .xiala_nav .left .nav_list .list li:hover:after{ width:100px;}
.inav .nav_li .xiala_nav .left .nav_list .list li.afternone:after{ display:none !important;}
.inav .nav_li .xiala_nav .right .nav_img{width:350px; padding-top:65px;}
.inav .nav_li .xiala_nav .right{width:350px; float:right; text-align:left;}
.inav .nav_li .xiala_nav .right .r_infor{padding-top:53px; padding-left:16%;}
.inav .nav_li .xiala_nav .right .r_infor dt{font-size:22px; font-weight:bold; color:#333; line-height:28px; margin-bottom:24px;}
.inav .nav_li .xiala_nav .right .r_infor dd{font-size:16px; color:#333; line-height:37px;}
.inav .nav_li .xiala_nav .right .r_infor dd a{ color:#333;}

.mainbox{ width:1300px; margin:0 auto;}
.mainbg{ background:#e6ebef; padding:80px 0;}
.mainbg1{ background:#fff; padding:80px 0;}
.mainn80{ padding:60px 0;}

.sytitle{ text-align:center;}
.sytitle span{ font-size:36px; font-family:"微软雅黑 Light"; color:#ddd; text-transform:uppercase;}
.sytitle h3{ font-size:36px; color:#013082; line-height:60px;}
.sytitle p{ font-size:18px; color:#666;}

.sycpfl{}
.sycpfl_title{ height:60px; width:1300px; position:relative;}
.sycpfl_title h3{ float:left; width:200px; height:60px; font-size:36px; background:#0048a4; color:#fff; text-align:center; line-height:60px; margin-right:20px;}
.sycpfl_title h4{ float:left; width:580px; height:60px; box-sizing:border-box; padding:6px 0; line-height:24px; font-size:16px; font-weight:normal; color:#888;}
.sycpfl_title:after{ content:""; width:470px; height:12px; position:absolute; right:0; top:25px; background:#e6ebef url(../images/sytitlebg.png) left top no-repeat;}
.sycpfl_list{ width:1300px; padding-top:40px; overflow:hidden;}
.sycpfl_list ul li{ float:left; width:410px; margin-right:35px; margin-bottom:35px;transition: all 0.2s ease;}
.sycpfl_list ul li h3{ width:410px; height:300px;-webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; overflow:hidden;}
.sycpfl_list ul li h3 a{ display:block;}
.sycpfl_list ul li h3 a img{ max-width:100%; -webkit-transition-duration: 1s; transition-duration: 1s;}
.sycpfl_list ul li:hover{-moz-box-shadow: 0px 0px 10px rgba(1,48,130,0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(1,48,130,0.5);
    box-shadow: 0px 0px 10px rgba(1,48,130,0.5);}
.sycpfl_list ul li:hover h3 a img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}
.sycpfl_list ul li div{ width:410px; height:60px; padding:0 30px; box-sizing:border-box; background:#f2f4f8;}
.sycpfl_list ul li div h4{ font-size:18px; color:#333; line-height:60px; font-weight:normal;}
.sycpfl_list ul li div p{ font-size:14px; color:#888; line-height:24px;}
.sycpfl_list ul li div h4 a{ color:#333}
.sycpfl_list ul li div h4 a span{ float:right; color:#aaa; font-size:14px;}
.sycpfl_list ul li:hover div{ background:#013082;}
.sycpfl_list ul li:hover div h4 a{ color:#fff;}
.sycpfl_list ul li:hover div h4 a span{ color:#fff;}

.syabout{ width:100%; position:relative; padding:60px 0;}

.syabout_lbg{ width:100%; height:300px; padding:65px 0; background:url(../images/syabout_list.jpg) center center no-repeat}
.syabout_list{ width:1300px; margin:0 auto;}
.syabout_list div.syabout_box{ float:left; width:400px; height:300px; margin:0 50px 0 0; text-align:center; background:rgba(255,255,255,.6); padding:70px 40px 0; box-sizing:border-box;transition: all 0.2s ease;}
.syabout_list div.syabout_box i{ display:inline-block; width:60px; height:60px; margin:0 auto;}
.syabout_list div.syabout_box i.syabout_box01{background:url(../images/syabout_box01.png) center center no-repeat}
.syabout_list div.syabout_box i.syabout_box02{background:url(../images/syabout_box02.png) center center no-repeat}
.syabout_list div.syabout_box i.syabout_box03{background:url(../images/syabout_box03.png) center center no-repeat}
.syabout_list div.syabout_box h3{ font-size:24px; color:#333; line-height:40px;}
.syabout_list div.syabout_box p{ font-size:14px; color:rgba(1,48,130,0.6); line-height:30px;}

.syabout_list div.syabout_box:hover{-moz-box-shadow: 0px 0px 10px rgba(1,48,130,0.5); -webkit-box-shadow: 0px 0px 10px rgba(1,48,130,0.5); box-shadow: 0px 0px 10px rgba(1,48,130,0.5);}

.syyoushi{ width:100%; padding:80px 0; box-sizing:border-box; height:660px; background:url(../images/syyoushi.jpg) center center no-repeat}
.syyoushi .sytitle span{ color:#fff;}
.syyoushi .sytitle h3{ color:#fff;}
.syyoushi .sytitle p{ color:#fff;}
.syyoushi_list{ width:1300px; margin:0 auto;}
.syyoushi_list div.syyoushi_box{ float:left; width:300px; height:320px; margin:0 33.3px 0 0; text-align:center; background:rgba(1,48,130,.6); padding:70px 40px 0; box-sizing:border-box;-moz-box-shadow: 0px 0px 5px rgba(1,48,130,0.2);
    -webkit-box-shadow: 0px 0px 5px rgba(1,48,130,0.2);
    box-shadow: 0px 0px 5px rgba(1,48,130,0.2);}
.syyoushi_list div.syyoushi_box i{ display:inline-block; width:60px; height:60px; margin:0 auto;}
.syyoushi_list div.syyoushi_box i.syyoushi_box01{background:url(../images/syyoushi_box01.png) center center no-repeat}
.syyoushi_list div.syyoushi_box i.syyoushi_box02{background:url(../images/syyoushi_box02.png) center center no-repeat}
.syyoushi_list div.syyoushi_box i.syyoushi_box03{background:url(../images/syyoushi_box03.png) center center no-repeat}
.syyoushi_list div.syyoushi_box i.syyoushi_box04{background:url(../images/syyoushi_box04.png) center center no-repeat}
.syyoushi_list div.syyoushi_box h3{ font-size:24px; color:#fff; line-height:40px;}
.syyoushi_list div.syyoushi_box p{ font-size:14px; color:#fff; line-height:30px;}

.syhengfu{ width:100%; height:200px; background:#e6ebef; text-align:center; padding:55px 0; box-sizing:border-box}
.syhengfu h3{ font-size:36px; color:#333;}
.syhengfu h3 b{ color:#fff; background:#0048a4; padding:5px 10px; margin:0 10px;}
.syhengfu p{ font-size:24px; width:580px; margin:0 auto; color:#333; letter-spacing:3px; position:relative; line-height:80px;}
.syhengfu p:before{ content:""; background:#333; position:absolute; width:160px; height:1px; left:0; top:40px;}
.syhengfu p:after{ content:""; background:#333; position:absolute; width:160px; height:1px; right:0; top:40px;}


.sygczl{ width:1300px; margin:0 auto; padding:80px 0;position: relative;}
.sygczl_title{ height:100px; width:1300px; position:relative;}
.sygczl_title h3{ float:left; width:200px; height:60px; font-size:36px; background:#0048a4; color:#fff; text-align:center; line-height:60px; margin-right:20px;}
.sygczl_title h4{ float:left; width:580px; height:60px; box-sizing:border-box; line-height:60px; font-size:36px; font-weight:normal; color:#333;}
.sygczl_title p{clear: left; font-size:16px; color:#888; line-height:40px;}
.sygczl_title p a{ float:right; color:#888;}
.sygczl_title p a:hover{ color:#0048a4}
.sygczl_title:after{ content:""; width:470px; height:12px; position:absolute; right:0; top:25px; background:#e6ebef url(../images/sytitlebg.png) left top no-repeat;}
.slick-case{height: 480px;overflow: hidden;}
.slick-case .slick-list{overflow: hidden;}
.slick-case .pic{display: block;float: left;width:730px; height:460px;}
.slick-case .pic img{display: block;width: 100%;-webkit-transition-duration: 1s; transition-duration: 1s;}
.slick-case .pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}
.slick-case .text{float: right;width:calc(1300px - 770px); margin-top: 34px;}
.slick-case .text .tit{display: block;font-size: 32px;color: #333333;line-height: 42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 18px;}
.slick-case .text .tit:hover{color: #0048a4;}
.slick-case .text p{font-size: 16px;color: #666;line-height: 2em;margin-bottom: 35px;padding-right: 20px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.slick-case .text .qt{overflow: hidden;}
.slick-case .text .qt span{display: block;float: left;width: 50%;padding-left: 52px;background: url(../images/index-icon.png) no-repeat left center;font-size: 20px;color: #666;line-height: 30px;margin-bottom: 30px;}
.slick-case .text .qt span strong{color: #333;}
.slick-case .text .btn-more{text-align: right;margin-top: 44px;}
.slick-case .text .btn-more a.more-a{display: inline-block;width: 160px;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size: 18px;border-radius: 4px;background:#0048a4;background: -moz-linear-gradient(left, #0550af 0%, #0048a4 100%);background: -webkit-linear-gradient(left, #0550af 0%,#0048a4 100%);background: -o-linear-gradient(left, #0550af 0%,#0048a4 100%);background: -ms-linear-gradient(left, #0550af 0%,#0048a4 100%);background: linear-gradient(to right, #0550af 0%,#0048a4 100%);  background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;}
.slick-case .text .btn-more a.more-a:hover {background-position: right center; color:#fff;}
.slick-case .text .btn-more a img{margin-left: 6px;vertical-align: middle;margin-top: -4px;display: inline-block;}
.sygczl .paging{position: absolute; right: 210px; font-size: 20px; color: #333;line-height: 30px;bottom:129px;}
.sygczl .paging .cur{color: #0048a4;}
.sygczl .paging .full{margin-left: 265px;}
.sygczl .slick-dots{position: absolute;right: 255px;bottom: 54px;z-index: 1;}
.sygczl .slick-dots li{display: inline-block;margin:0 5px}
.sygczl .slick-dots li button{font-size: 0;width: 70px;height: 3px;background-color: #cccccc;border-radius: 1.5px;border:none;outline: none;cursor: pointer;}
.sygczl .slick-dots li.slick-active button{background-color: #0048a4;}

.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

.synewsbg{ padding:60px 0;}
.synews{ width:1300px; margin:0 auto;}
.synews_title{ height:60px; width:1300px; position:relative;}
.synews_title h3{ float:left; width:200px; height:60px; font-size:36px; background:#0048a4; color:#fff; text-align:center; line-height:60px; margin-right:20px;}
.synews_title h4{ float:left; width:840px; height:60px; box-sizing:border-box; padding:6px 0; line-height:24px; font-size:16px; font-weight:normal; color:#888;}
.synews_title a{ float:right; line-height:60px; font-size:16px; color:#888; padding-right:15px; background:url(../images/synews_title_a.png) right center no-repeat;}
.synews_title a:hover{ color: #0048a4;}

.syhotnews{ width:1300px; margin:50px auto; height:350px;}
.syhotnews .syhotnews_video{ float:left; width:780px; height:350px; position:relative; overflow:hidden;}
.syhotnews .syhotnews_video:before{ content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-color: rgba(0, 0, 0, 0.5); display:block; z-index:5}
.syhotnews .syhotnews_video div{ position:absolute; bottom:45px; left:50px; z-index:6;}
.syhotnews .syhotnews_video div h3{ font-size:24px;}
.syhotnews .syhotnews_video div h3 a{ font-size:24px; color:#fff; line-height:40px;}
.syhotnews .syhotnews_video div p{ font-size:16px; color:#fff; line-height:40px;}
.syhotnews .syhotnews_video div p a{ color:#fff;}
.syhotnews .syhotnews_video img{ position:absolute; left:0; top:0; width:780px; height:350px; z-index:3;-webkit-transition-duration: 1s; transition-duration: 1s;}
.syhotnews .syhotnews_video:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}

.syhotnews .syhotnews_news{ float:right; width:480px; height:350px; position:relative; overflow:hidden;}
.syhotnews .syhotnews_news:before{ content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-color: rgba(0, 0, 0, 0.5); display:block; z-index:5}
.syhotnews .syhotnews_news div{ position:absolute; bottom:45px; left:50px; z-index:6;}
.syhotnews .syhotnews_news div h3{ font-size:24px;}
.syhotnews .syhotnews_news div h3 a{ font-size:24px; color:#fff; line-height:40px;}
.syhotnews .syhotnews_news div p{ font-size:16px; color:#fff; line-height:40px;}
.syhotnews .syhotnews_news div p a{ color:#fff;}
.syhotnews .syhotnews_news img{ position:absolute; left:0; top:0; width:480px; height:350px; z-index:3;-webkit-transition-duration: 1s; transition-duration: 1s;}
.syhotnews .syhotnews_news:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}

.synewslist{ width:1300px; margin:0 auto; height:200px;}

.synewsfl{ width:220px; height:200px; float:left;}
.synewsfl ul{}
.synewsfl ul li{ width:220px; height:100px; z-index:1; background:#f8f8f8; transition: all 0.5s ease; border-bottom:1px #ddd solid;}
.synewsfl ul li.active{ background:#0048a4;}
.synewsfl ul li a{ display:block; font-size:20px; text-align:right; padding:0 20px; line-height:100px; color:#333;}
.synewsfl ul li a span{ font-family:impact; font-size:22px; color:#333; text-transform:uppercase; float:left;}
.synewsfl ul li.active a{ color:#fff;}
.synewsfl ul li.active a span{ color:#fff;}

.synewscont{ float:right; width:1040px;}
.synewscontli{ display:none; width:1040px; height:200px;}
.synewscontli.active{ display:block;}

.synewscontli ul li{ float:left; width:320px; height:200px; margin-right:30px; background:#fff; padding:30px; box-sizing:border-box;-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.1); box-shadow:0px 0px 5px rgba(0,0,0,0.1);}
.synewscontli ul li:nth-child(3){ margin-right:0}
.synewscontli ul li h4{ height:50px; line-height:50px; color:#0048a4; font-weight:normal; font-size:20px;}
.synewscontli ul li h4 b{ position:relative; font-size:40px; font-weight:normal; line-height:50px; font-family:Impact; }
.synewscontli ul li h4 i{ font-size:20px; color:#0048a4; font-style:normal; line-height:25px; font-family:Impact;}
.synewscontli ul li h4 span{ color:#888; font-size:16px; float:right;}
.synewscontli ul li h3{ font-size:18px; font-weight:normal; color:#333; line-height:35px;}
.synewscontli ul li p{ font-size:14px; color:#888; line-height:26px; margin-bottom:10px; text-align:justify}

.sygyfwbg{ width:100%; height:670px; box-sizing:border-box; padding:110px 0; background:url(../images/sygyfwbg.jpg) center center no-repeat;}
.sygyfw{ width:1300px; margin:0 auto; height:200px;}
.sygyfw_title{ text-align:center; margin-bottom:80px;}
.sygyfw_title h3{ font-size:36px; color:#fff; line-height:50px;}
.sygyfw_title p{ font-size:16px; color:#fff; line-height:40px;}

.sygyfw_list{ height:270px; width:1300px;}
.sygyfw_list ul li{ float:left; width:300px; height:270px; padding-top:145px; padding-left:50px; box-sizing:border-box; margin-right:33.3px; background:rgba(0,0,0,0.5);transition: all .5s; position:relative; overflow:hidden;}
.sygyfw_list ul li i{ display:block; width:60px; height:60px; background-position:center center; background-repeat:no-repeat; position:absolute; left:50px; top:65px;}
.sygyfw_list ul li h3{ font-size:24px; color:#fff; line-height:50px; font-weight:normal;}
.sygyfw_list ul li p{ font-size:14px; color:#fff; line-height:30px; margin-bottom:35px; display:none;}
.sygyfw_list ul li a{ font-size:16px; color:#fff; display:none;}
.sygyfw_list ul li:hover,.sygyfw_list ul li.cur{ background:#0048a4; padding-top:65px;}
.sygyfw_list ul li:hover i,.sygyfw_list ul li.cur i{ display:none;}
.sygyfw_list ul li:hover p,.sygyfw_list ul li.cur p{ display:block;}
.sygyfw_list ul li:hover a,.sygyfw_list ul li.cur a{ display:block;}
.sygyfw_list ul li.sygyfw_list04{ margin-right:0}

.sygyfw_list ul li.sygyfw_list01 i{ background-image:url(../images/sygyfw_list01.png)}
.sygyfw_list ul li.sygyfw_list02 i{ background-image:url(../images/sygyfw_list02.png)}
.sygyfw_list ul li.sygyfw_list03 i{ background-image:url(../images/sygyfw_list03.png)}
.sygyfw_list ul li.sygyfw_list04 i{ background-image:url(../images/sygyfw_list04.png)}


.nybanner{ width:100%; height:380px; padding-top:120px; box-sizing:border-box; background-position:center center; background-repeat:no-repeat;}
.nyaboutbanner{ width:100%; height:800px; padding-top:80px; box-sizing:border-box; background-position:center center; background-repeat:no-repeat;}

.loc{ width:1300px; margin:0 auto; box-sizing:border-box; line-height:40px; color:#fff; font-size:14px; text-align:left; padding-left:18px; background:url(../images/dz.png) left center no-repeat}
.loc a{ line-height:40px; color:#fff; font-size:14px}
.loc a:hover{ color:#628cc3;}
.loc a:last-child{ color:#628cc3;}
.nybanner_text{ width:1300px; margin:0 auto;}
.nybanner_text h3{ font-size:36px; color:#fff; margin:40px 0 20px;}
.nybanner_text h3 span{ font-weight:normal; text-transform:uppercase; font-family:"微软雅黑 light"; margin-left:10px; font-size:24px;}
.nybanner_text p{ font-size:16px; color:#fff; width:700px;margin-bottom: 40px;}
.nyaboutvideo{ float:right;}
.nybanner_text_a{ float:right;}
.nybanner_text_a{display: inline-block;width: 160px;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size: 18px;border-radius: 4px;background:#0048a4;background: -moz-linear-gradient(left, #0550af 0%, #0048a4 100%);background: -webkit-linear-gradient(left, #0550af 0%,#0048a4 100%);background: -o-linear-gradient(left, #0550af 0%,#0048a4 100%);background: -ms-linear-gradient(left, #0550af 0%,#0048a4 100%);background: linear-gradient(to right, #0550af 0%,#0048a4 100%);  background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;}
.nybanner_text_a:hover {background-position: right center; color:#fff;}


.nyaboutbanner_text{ width:1300px; margin:0 auto; text-align:center}
.nyaboutbanner_text h3{ font-size:36px; color:#fff; margin:180px 0 50px;}
.nyaboutbanner_text p{ font-size:16px; color:#fff; width:1200px;margin:0 auto 80px;}
.nyaboutbanner_text .more-a{display: inline-block;width: 200px;height: 60px;line-height: 60px;font-size: 18px;font-weight: bold;cursor: pointer;}
.nyaboutbanner_text .more-a img{margin-left: 10px;vertical-align: middle;margin-top: -2px;}
.nyaboutbanner_text .lx-a{margin-right: 20px;cursor: pointer;}

.nybanner_text_a img{margin-left: 6px;vertical-align: middle;margin-top: -4px;display: inline-block;}

.nycasebanner{ width:100%; height:760px; box-sizing:border-box; background-position:center center; background-repeat:no-repeat;}

.nyabouttext{ padding:60px 0; width:1300px; margin:0 auto; font-size:16px; color:#666; line-height:36px;}
.nyabouttext p{font-size:16px; color:#666; line-height:36px;}

.nyqyry{ width:100%; height:400px; padding:80px 0; background:#f8f8f8;}
.nyqyzz{ width:100%; height:400px; padding:80px 0; background:#e6ebef;}
.nyhzhb_title{ text-align:center; font-size:30px; color:#333; font-weight:bold; margin:0 auto 40px;}
.nyhzhb_title span{ color:#d61419}
.nyhzhb_list{ width:1350px; margin:0 auto; overflow:hidden; position:relative; height:320px;}
.nyhzhb_list ul{ height:260px;}
.nyhzhb_list ul li{ float:left;text-align: center;
      font-size: 18px;
      background: #fff;
			box-sizing:border-box;
			border:1px #ddd solid;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
			padding:5px;
}

.nyhzhb_list .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
	z-index: 999;
}
.nyhzhb_list .swiper-pagination-bullet {
	display: inline-block;
	width: 6px;
	height: 6px;
	opacity: 1;
	border-radius: 10px;
	background: #111;
	margin: 0 3px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
}
.nyhzhb_list .swiper-pagination-bullet-active {
	background: #d61419;
	width: 12px;
}

.nyfzlc{ width:1300px; margin:0 auto; padding:80px 0;}
.nyfzlc-l{ float:left; width:380px;}
.nyfzlc-l ul{}
.nyfzlc-l ul li{ width:380px; cursor:pointer; height:100px; line-height:100px; background:#f8f8f8; border-bottom:1px #fff solid; text-align:center; color:#333; font-size:24px; transition: all 0.5s ease;}
.nyfzlc-l ul li.active{ background:#0048a4; color:#fff;}
.nyfzlc-r{width:835px;float:right;border-left: 1px solid #e6e6e6;}
.nyfzlc-r ul{ display:none;}
.nyfzlc-r ul.active{ display:block;}
.nyfzlc-r ul li{margin-bottom: 80px;position: relative;border:7px solid #e7e7e7;margin-left: 60px;}
.nyfzlc-r ul li .oc{position: absolute;left:-76px;top:38px;}
.nyfzlc-r ul li .os{position: absolute;left:-36px;top:33px;}
.nyfzlc-r ul li .mask_ {margin:40px 40px;}
.nyfzlc-r ul li .mask_ .title{font-size: 38px;color:#0048a4;text-align: left; margin-bottom: 14px;}
.nyfzlc-r ul li .mask_ .p{font-size: 14px;color:#5a5a5a;line-height: 30px;}
.nyfzlc-r ul li .mask_ .bg_img{margin-top: 35px;}
.nyfzlc-r ul li.li_ .bg_img{display: none;}
.nyfzlc-r ul li .mask_ .bg_img .img_title{position:absolute;bottom:0;left:0;width:100%;height:34px;line-height:34px;background:url(../img/blue.6.png) repeat;}
.nyfzlc-r ul li .mask_ .bg_img .img_title span{display:block;padding:0px 10px;font-size:14px;color:#fff;font-weight:normal;text-align:center;}


.index-top{background-color: #000e21;position: relative;}
.index-slick{overflow: hidden;height: 762px;}
.index-slick .text{float: left;width: 500px;margin-top: 162px;padding-right: 40px;}
.index-slick .text .tit{display: block;font-size: 40px;font-weight: bold;line-height: 60px;color: #f6fffd;margin-bottom: 30px;}
.index-slick .text p{font-size: 16px;line-height: 2em;color: #f6fffd;margin-bottom: 26px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.index-slick .text ul{margin-bottom: 54px;}
.index-slick .text li{display: inline-block;color: #fff;}
.index-slick .text li span{display: block;font-size: 14px;line-height: 24px;}
.index-slick .text li strong{display: block;font-size: 24px;line-height: 34px;}
.index-slick .text li:first-child{margin-right: 70px;}
.more-a{display: inline-block;width: 160px;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size: 18px;border-radius: 4px;background:#0048a4;background: -moz-linear-gradient(left, #0550af 0%, #0048a4 100%);background: -webkit-linear-gradient(left, #0550af 0%,#0048a4 100%);background: -o-linear-gradient(left, #0550af 0%,#0048a4 100%);background: -ms-linear-gradient(left, #0550af 0%,#0048a4 100%);background: linear-gradient(to right, #0550af 0%,#0048a4 100%);  background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;}
.more-a:hover {background-position: right center; color:#fff;}
.index-slick .pic{float: right;width: 760px; height:660px;position: relative; padding-top:100px;}
.index-slick .pic>a{display: block;position: relative;margin-right: -90px;}
.index-slick .pic>a img{ width:760px;}
.index-slick .materiel{width: 445px;position: absolute;bottom: 8px;left: 210px;}
.index-slick .materiel>p{font-size: 16px;color: #fff;line-height: 26px;margin-bottom: 6px;}
.index-slick .materiel ul{overflow: hidden;margin:0 -4px;position: relative;z-index: 1;padding-bottom: 8px;}
.index-slick .materiel li{width: 33.3%;float: left;text-align: center;color: #fff;padding:0 4px;}
.index-slick .materiel li img{display: block;width: 100%;border-radius: 4px;}
.index-slick .materiel li p{font-size: 14px;color: #c39b9b;line-height: 24px;margin-top: 10px;}
.index-slick .materiel ul:after{content:'';width: 100%;height: 16px;background: url(../images/bc-bot.png) no-repeat;position: absolute;left: 2px;bottom: 2px;z-index: -1;}
.index-slick .slick-dots{position: absolute;bottom:180px;left:50%; margin-left:-650px; z-index: 1;width: 540px;}
.index-slick .slick-dots li{float: left;position: relative;width: 25%;border-bottom: 1px solid #71737a;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.index-slick .slick-dots li button{display: block;font-size: 0;border:none;outline: none;cursor: pointer;border-radius: 50%;width: 8px;height: 12px;background-color: #71737a;position: absolute;right: 0;top: -6px;}
.index-slick .slick-dots li.slick-active{border-color: #0048a4;}
.index-slick .slick-dots li.slick-active button{width: 10px;height: 14px;background-color: #0048a4;}
.index-slick .text .tit:hover{color: #0048a4;}

.index-scroll{padding:15px 0;}
.index-scroll .tit{display: block;float: left;margin-right: 38px;font-size: 20px;color: #d53242;background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;line-height: 40px;}
.index-scroll .dowebok{float: left;overflow: hidden;width: 85%;margin-top: 5px;} 
.index-scroll .dowebok .item{display: inline-block;margin-right: 100px;font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 30px;}
.index-scroll .dowebok .item img{display: inline-block;vertical-align: middle;margin-top: -5px;margin-right: 20px;width: 31px;}
.index-scroll .dowebok .item a{display: inline-block;font-size: 16px;color: #333333;line-height: 30px;}
.index-scroll .dowebok .item a:hover{color: #d53242;}
.index-scroll .more{display: block;float: right;font-size: 16px;color: #666666;line-height: 40px;}
.index-scroll .more:hover{color: #d53242;}


.nyprotitle{ width:1300px; margin:0 auto 40px;}
.nyprotitle h3{ font-size:36px; color:#333;}
.nyprotitle h3 b{ float:left;}
.nyprotitle p{ font-size:18px; color:#888; clear:left;line-height: 60px;}
.nyprotitle .nyprotitle_a{ float:right; color:#333; font-size:16px; padding-right: 15px; background: url(../images/synews_title_a.png) right center no-repeat;}
.nyprotitle .nyprotitle_a:hover{ color:#0048a4}
.nyprotitle h3 span {
	margin-left:20px; float:left;
	height: 33px;
	line-height: 33px;
	text-align: center;
	font-size: 20px;
	font-weight:normal;
	color: #fff;
	background:#0048a4;
	background: -moz-linear-gradient(left, #0550af 0%, #0048a4 100%);
	background: -webkit-linear-gradient(left, #0550af 0%,#0048a4 100%);
	background: -o-linear-gradient(left, #0550af 0%,#0048a4 100%);
	background: -ms-linear-gradient(left, #0550af 0%,#0048a4 100%);
	background: linear-gradient(to right, #0550af 0%,#0048a4 100%);
	border-radius: 4px;
	-webkit-box-shadow: 5px 5px 13px rgba(0,72,164,0.2);
	-moz-box-shadow: 5px 5px 13px rgba(0,72,164,0.2);
	-ms-box-shadow: 5px 5px 13px rgba(0,72,164,0.2);
	-o-box-shadow: 5px 5px 13px rgba(0,72,164,0.2);
	box-shadow: 5px 5px 13px rgba(0,72,164,0.2);
	padding: 0 20px;
	display: inline-block;
}

.nyprotitle .nyprofl{}
.nyprotitle .nyprofl a{ display:inline-block; margin-right:10px; margin-bottom:10px; background:#f2f4f8; text-align:center; width:210px; font-size:16px; color:#333; line-height:40px;transition: all 0.2s ease;}
.nyprotitle .nyprofl a:hover{ background:#013082; color:#fff;}

.nyprolist{ width:1300px; margin:0 auto;}
.nyprolist dl{ margin-bottom:40px; width:1300px; height:400px;}
.nyprolist dl dd{ float:left; width:400px; margin-right:50px; margin-bottom:50px; height:450px; box-sizing:border-box; padding:20px; border:1px #eee solid; background:#fff}
.nyprolist dl dd h4{ font-size:18px; color:#333; font-weight:normal; margin-top:15px;}
.nyprolist dl dd h4 b{ display:block; font-family:Impact; font-size:20px; font-weight:normal}
.nyprolist dl dd h3 a img{ max-width:100%; -webkit-transition-duration: 1s; transition-duration: 1s;}
.nyprolist dl dd h3{ font-size:14px;width:358px; height:240px;-webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; overflow:hidden;}
.nyprolist dl dd p {color:#fff; text-align:center; position:relative;}
.nyprolist dl dd p a.nyprolist-lj { position:relative; z-index:9;color:#666; border:1px #eee solid; font-size:14px; width:358px; height:45px; line-height:45px; text-align:center; display:inline-block; transition: all 0.5s ease;}
.nyprolist dl dd>p:after{ content:" "; background:#0048a4; z-index:1; position:absolute; left:0; top:0; width:0; height:45px; transition: all 0.5s ease;}
.nyprolist dl dd:hover h3 a img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}
.nyprolist dl dd:hover>p a.nyprolist-lj,.nyprolist dl dd.cur>p a.nyprolist-lj{ color:#fff;}
.nyprolist dl dd:hover>p:after,.nyprolist dl dd.cur>p:after{ width:358px;}
.nyprolist dl dd h5{ height:60px; box-sizing:border-box; margin:0 0 10px;line-height:24px; font-size:14px; color:#888; font-weight:normal;}
.nyprolist dl dd h5 p{ line-height:24px; font-size:14px; color:#888; font-weight:normal; text-align:left;}

.nyprobanner{ height:560px; width: 100%; padding:80px 0; background:#000e21;
	background: -moz-linear-gradient(left, #000e21, #0048a4 40%, #000e21);
	background: -webkit-linear-gradient(left, #000e21, #0048a4 40%, #000e21);
	background: -o-linear-gradient(left, #000e21, #0048a4 40%, #000e21);
	background: -ms-linear-gradient(left, #000e21, #0048a4 40%, #000e21);
	background: linear-gradient(to right, #000e21, #0048a4 40%, #000e21);}
.nyprocenter{ width:1300px; margin:40px auto 0;}

.nypro-item-l{ float:left; width:750px;}

/*图片放大镜样式*/
.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:580px; height:420px;}
.jqzoom img{ width:580px; height:420px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:500px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:580px;height:420px; float:right;}
.spec-scroll{margin-top:0;width:130px; height:520px; padding-top:0; float:left; margin-right:20px;}
.spec-scroll .prev{margin-right:4px; background-image:url(../images/nypro-prev.png); margin-bottom:20px}
.spec-scroll .next{ background-image:url(../images/nypro-next.png); margin-top:20px}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:130px;height:30px; background-position:center center; background-repeat:no-repeat; line-height:54px;cursor:pointer;text-decoration:none;}
.spec-scroll .items{position:relative;width:130px;height:323px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:130px;height:555px;}
.spec-scroll .items ul li{width:130px;text-align:center;}
.spec-scroll .items ul li img{border:2px solid #eee;width:126px;height:96px;}
.spec-scroll .items ul li img:hover{border:2px solid #628cc3;}


.nypro-item-r{ float:right; width:500px; height:420px; position:relative; z-index:9;}
.nypro-item-r h1{ font-size:30px; color:#fff; margin-bottom:20px;}
.nypro-item-r h1 a{ color:#0048a4; font-size:16px; margin-left:10px; padding-left:20px; font-weight:normal;background: url(../images/nyprovideo_a.png) left center no-repeat; background-size:15px 15px;}
.nypro-item-r p{ font-size:14px; color:#fff; line-height:30px;}
.nypro-item-r h3{ font-size:16px; color:#fff; margin:20px 0 5px; line-height:32px; position:relative; padding-left:2px;}
.nypro-item-r h3:before{ content:" "; width:3px; height:12px; position:absolute; top:10px; left:0px; background:#528cb0;}
.nypro-item-r ul{ width:100%; height:50px; line-height:50px; margin-top:10px;}
.nypro-item-r ul li{ float:left; margin-right:40px;}
.nypro-item-r ul li a{ display:block; height:50px; color:#628cc3; font-size:16px;}
.nypro-item-r ul li a i{ display:inline-block; float:left; width:20px; height:50px; margin-right:8px; background-position:-20px center; background-repeat:no-repeat; transition: all 0.3s ease;}
.nypro-item-r ul li a:hover{ color:#fff;}
.nypro-item-r ul li a:hover i{ background-position:0 center}
.nypro-item-r ul li a i.nypro-icon01{ background-image:url(../images/nypro-icon01.png)}
.nypro-item-r ul li a i.nypro-icon02{ background-image:url(../images/nypro-icon02.png)}
.nypro-item-r ul li a i.nypro-icon03{ background-image:url(../images/nypro-icon03.png)}
.nypro-item-r h4{ width:200px; height:50px; line-height:50px; text-align:center; background:#111; color:#0048a4; position: absolute; bottom:0; left:0;}
.nypro-item-r h4 a{ display:block; width:200px; height:50px; line-height:50px; text-align:center;}
.nypro-item-r h4:after{ content:" "; position:absolute; left:0; top:0; width:0; height:50px; background:#0048a4; transition: all 0.3s ease;}
.nypro-item-r h4 span{ position:relative; z-index:9; color:#fff; transition: all 0.3s ease;}
.nypro-item-r h4:hover:after{ width:200px;} 
.nypro-item-r h4:hover span{ color:#fff;}

.nypronav{ width:100%; -webkit-box-shadow: 0 3px 24px rgba(0, 72, 164,0.1); -moz-box-shadow: 0 3px 24px rgba(0, 72, 164,0.1); -ms-box-shadow: 0 3px 24px rgba(0, 72, 164,0.1); -o-box-shadow: 0 3px 24px rgba(0, 72, 164,0.1); box-shadow: 0 3px 24px rgba(0, 72, 164,0.1); height:60px;
}
.nypronav ul{ width:1300px; margin:0 auto; height:60px; line-height:60px; text-align:center;}
.nypronav ul li{ width:260px; float:left; height:60px; line-height:60px; position:relative;}
.nypronav ul li:after{ content:""; width:0; height:3px; border-radius:3px; bottom:8px; left:50%; position:absolute; background:#0048a4; transition: all 0.3s ease;}
.nypronav ul li.cur{ color:#0048a4}
.nypronav ul li.cur:after{ width:46px; margin-left:-23px;}
.nypronav ul li a{ display:block; color:#333; font-size:16px}
.nypronav ul li.cur a{ color:#0048a4}
.nypronav ul li:hover a{ color:#0048a4}
.nypronav ul li:hover:after{ width:46px; margin-left:-23px;}

.nypro-xnys{ width:100%; margin:0 auto; padding:60px 0;font-size:16px; color:#666; line-height:36px; background:#e6ebef}
.nypro-xnys h3{ color:#333; font-size:30px;margin: 0 0 40px; position: relative; padding-left:15px;}
.nypro-xnys h3:before{ content:" "; width:4px; height:20px; position:absolute; top:7px; left:0px; background:#0048a4;}
.nypro-xnys p{ font-size:16px; color:#666; line-height:36px;}

.nypro-cpjs{ width:1300px; margin:0 auto; padding:60px 0;font-size:16px; color:#666; line-height:36px;}
.nypro-cpjs h3{ color:#333; font-size:30px;margin: 0 0 40px; position: relative; padding-left:15px;}
.nypro-cpjs h3:before{ content:" "; width:4px; height:20px; position:absolute; top:7px; left:0px; background:#0048a4;}
.nypro-cpjs p{ font-size:16px; color:#666; line-height:36px;}

.nypro-cpcs{ width:1300px; margin:0 auto; padding:60px 0;font-size:16px; color:#666; line-height:36px;}
.nypro-cpcs h3{ color:#333; font-size:30px;margin: 0 0 40px; position: relative; padding-left:15px;}
.nypro-cpcs h3:before{ content:" "; width:4px; height:20px; position:absolute; top:7px; left:0px; background:#0048a4;}
.nypro-cpcs p{ font-size:16px; color:#666; line-height:36px;}
.nypro-cpcs table{border-right:1px solid #c6ccd4;border-bottom:1px solid #c6ccd4; text-align:center;  vertical-align:middle;} 
.nypro-cpcs table td{border-left:1px solid #c6ccd4;border-top:1px solid #c6ccd4; padding:10px;}
.nypro-cpcs table tr:nth-child(even) td {background:#fff;}
.nypro-cpcs table tr:nth-child(odd) td{background:#f1f5f8} 
.nypro-cpcs table tr:first-child td{ background:#d5e1ea !important; font-size:1rem; font-weight:bold}


.nypro-xqgcal{ width:100%; height:500px; padding:60px 0; background:url(../images/nypro-xqgcal.jpg) center center no-repeat}
.nypro-xqgcal h3{ color:#fff; font-size:30px;margin: 0 0 40px;}
.nypro-xqgcal h3 span{ font-size:18px; font-weight:normal; margin-left:10px;}
.nypro-xqgcal ul{ width:1300px; margin:0 auto;}
.nypro-xqgcal ul li{ float:left; width:400px; margin:0 50px 0 0; height:400px; background:#fff; position:relative;}
.nypro-xqgcal ul li h4{ width:400px; height:300px; overflow:hidden;  position:relative;z-index:2;}
.nypro-xqgcal ul li h4 img{ max-width:100%; height:100%;-webkit-transition-duration: 1s; transition-duration: 1s;}
.nypro-xqgcal ul li p{ font-size:18px; color:#333; height:100px; box-sizing:border-box; padding-left:25px; line-height:120px; position:relative;z-index:2;}
.nypro-xqgcal ul li p:before{ content:" "; background:#0048a4; width:50px; height:3px; position:absolute; left:25px; top:30px;}
.nypro-xqgcal ul li h5{ padding:50px 25px; box-sizing:border-box; position:absolute; left:0; top:0; opacity:0; z-index:1; background:#0048a4; width:100%; height:400px; transition: all 0.5s ease;}
.nypro-xqgcal ul li h5 b{ display:block; color:#fff; font-size:20px;}
.nypro-xqgcal ul li h5 span{ font-weight:normal; color:#fff; font-size:14px; line-height:30px;}
.nypro-xqgcal ul li:hover h4 img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}
.nypro-xqgcal ul li:hover h5{ z-index:9; opacity:1;}

.message{width:1300px; margin:0 auto;overflow: hidden;padding: 60px 0;}
.message h2{margin: 40px auto;}
.message .left{width: 744px;float: left;}
.message .left dd{width: 100%;background: url("../images/kf2.png") left center no-repeat; box-sizing:border-box;padding-left: 75px;margin-bottom: 15px;}
.message .left dd span{font-size: 30px;color: #333;font-weight: bold;margin-bottom: 15px;display: block;}
.message .left dt input{width: 48%;height: 50px;border: 1px solid #cdcdcd;margin: 13px 2% 13px 0;float:left;background: none;font-size: 14px;text-indent: 10px; box-sizing:border-box;}
.message .left dt input.icon-name-yzm{ float:left; width:120px; margin-top:0;}
.message .left dt .icon-name-yzm-img{ float:left; margin-top:8px;}
.message .left dt input.icon-message{background: url("../images/icon-message.png") right 5px  center no-repeat;background-size: 25px;}
.message .left dt input.icon-address{background: url("../images/icon-address.png") right 5px  center no-repeat;background-size: 25px;}
.message .left dt textarea{width: 98%;height: 70px;border: 1px solid #cdcdcd;background: none;
    font-size: 14px;padding: 10px 0 0 10px;margin: 15px 0; box-sizing:border-box;}
.message .left dt input.button{width: 185px;height: 50px;text-align: center;line-height: 50px;font-size: 18px; cursor:pointer; background: #0048a4;border: none;transition: all 0.5s ease; color:#fff;margin-top:0; margin-left:10px; float:left;text-indent:0;}
.message .right{width: 500px;float: right; overflow: hidden;}
.message .left dt input.button:hover{ background: #628cc3;}
.message .right dd{width: 100%;background: url("../images/phone3.png") left 45px center no-repeat #002e69;padding: 40px 0 40px 140px; box-sizing:border-box}
.message .right dd span a{font-size: 46px;font-weight: bold;color: #fff;line-height: 46px;font-family: Impact;}
.message .right dd p{font-size: 24px;color: #fff;line-height: 24px;margin-bottom: 10px;}
.message .right dt{width: 100%;background:#0048a4;padding: 25px 30px; box-sizing:border-box}
.message .right dt p a{font-size: 16px;color: #fff;display: block;padding: 10px 0 15px 30px;background: url("../images/icons.png") left center no-repeat;}
.message .right dt .address a{background-position: 0 -49px;}
.message .right dt .url a{background-position: -2px -102px;}
.message .right dt .mailbox a{background-position: -4px -162px;}
.message .right dt .tel a{background-position: 2px 15px;}
.message .right dt .btn{width: 100%;overflow: hidden;padding: 20px 0;}
.message .right dt .btn a{width: 120px;height: 40px;text-align: center;line-height: 40px;color: #fff;
    border: 1px solid #fff;padding: 0;display: inline-block;margin-right: 10px;font-size: 16px;background: none;}
.message .right dt .btn a:hover{background: rgba(255,255,255,0.2)}

.textarea{ color:#666; line-height:36px; font-size:16px}
.textarea p{ color:#666; line-height:36px; font-size:16px}

.nynewspreNext{}
.nynewspreNext ul li{ background:#f8f8f8; padding:20px; font-size:16px; box-sizing:border-box; margin-bottom:20px; margin-right:2%; width:49%; float:left;}
.nynewspreNext ul li{ font-size:14px; color:#666;}
.nynewspreNext ul li a{ font-weight: normal; font-size:14px; color:#666;}
.nynewspreNext ul li span{ float:right; font-weight: normal; font-size:16px; color:#666;}

.pagination {
    clear: both;
    margin: 10px 0;
    text-align: left;
}
.pagination li {
   display: inline-block;
*display: inline;
zoom: 1; 
}
.pagination li a {
    display: block;
    padding: 1px 14px;
    background-color: #fcfcfc;
    border: 1px solid #eeeeee;
}
.pagination li + li a {
    border-left: none;
}
.pagination li.active a,
.pagination li a:hover {
    background-color: #014fa2;
    color: #ffffff;
}


.servicetext{ font-size:16px; line-height:35px; color:#666;}
.servicebox{ width:1200px; height:280px; background:url(../images/servicebox.jpg) left top no-repeat;}
.servicebox a{ display:block; width:600px; float:left; height:280px;}
.servicelist{ width:1200px; margin:0 auto;}
.servicelist ul{}
.servicelist ul li{ float:left; width:25%; text-align:center;}
.servicelist ul li h3{}
.servicelist ul li p{ font-size:16px;}


.servicepzbz{ width:1200px; height:200px; background:url(../images/servicepzbz.jpg) center center no-repeat;}
.servicecontact{ width:100%; height:600px; background:url(../images/servicecontact.jpg) center center no-repeat;}

.servicetext .mode dl{width: 400px;margin-left: 50px;float: left; border-radius:10px; height:81px; background: #f5f5f5;padding: 25px 0;}
.servicetext .mode dl:first-child{margin-left: 0;}
.servicetext .mode dd{float: left;margin: 0 15px 0 20px;}
.servicetext .mode dt{float: left;}
.servicetext .mode dt h4{font-size: 24px;color: #333; font-weight:normal;}
.servicetext .mode dt p{font-size: 16px;padding: 0; color:#333;}
.servicetext .mode dt p.tel{font-weight: 800;font-size: 24px; color:#014fa2}

.pro_mes{ padding:30px 0; box-sizing: border-box; background: #fff;}
.khtitle{}
.khtitle h3{ font-size:24px; font-weight:bold; color:#333; margin-bottom:20px;}
.khtitle p{ font-size:18px; color:#333; line-height:35px;}
.khtitle p span{ color:#f00}

.liuyan{ width:1300px;}
.liuyan h3{ font-size:20px; color:#333; margin-top:30px; margin-bottom:10px;}
.liuyan table{ width:1300px;}
.liuyan table td{ font-size:18px; padding:10px 0; line-height:40px;}
.liuyan table td span{ color:#e20f1f;padding: 0 7px;}


.formtext{ width:280px; height:40px; box-sizing:border-box; border:1px #aaa solid; line-height:40px; font-size:14px; color:#333; padding-left:10px;} 
.formtext1{ width:414px; box-sizing:border-box; height:40px; border:1px #aaa solid; line-height:40px; font-size:14px; color:#333; padding-left:10px;} 
.formtext2{ width:1257px; height:130px; border:1px #aaa solid; line-height:30px; font-size:14px; color:#333; padding:10px;}
.bitian{ background:url(../images/bitian.png) right center no-repeat;}
.fstext{ font-size:16px; color:#666; margin-left:20px; line-height:40px;}



.news_con{ width:1200px; padding:30px; background:#fff;}
.news_contitle{ font-size:30px; color:#333; font-weight:normal; line-height:50px;}
.news_contime{ font-size:14px; color:#666; line-height:30px; margin-bottom:30px; padding-bottom:10px; border-bottom:1px #ddd solid;}
.news_text{ line-height:30px; font-size:14px; color:#333; margin-bottom:30px; padding-bottom:30px; border-bottom:1px #ddd solid;}
.news_text p{ margin:15px 0; font-size:14px; color:#333;}

.pro_text{ padding:30px; box-sizing:border-box; background:#fff; line-height:30px; font-size:14px; color:#333; margin-bottom:30px;}
.pro_text p{ margin:15px 0; font-size:14px; color:#333;}

.producttext{}
.producttext h3{ font-size:20px; color:#007dd4;}
.productcontent{ height:180px; margin-top:12px; font-size:14px; color:#666; line-height:24px; text-align:justify;}
.producttext a{ font-size:14px; color:#007dd4; border:1px #007dd4 solid; width:90px; height:30px; display:block; text-align:center; line-height:30px;}

.newslist{ width:1300px; margin:0 auto;}
.newslist ul{ position:relative;}
.newslist ul:after{content:" "; background: #eee; position: absolute; top: 0; left: 200px; height: 100%; width: 1px; z-index: 1;}
.newslist ul li{ position:relative; width:100%; height:230px; margin-bottom:20px; box-sizing:border-box;}
.newslist ul li h5{ float:left; width:200px; padding:30px 50px 0 0; margin-right:40px; height:170px; text-align:center; position:relative; z-index:4}
.newslist ul li h5:before{content:" "; position: absolute; top:0;right:50px; width: 0; height: 230px; background:#0048a4; transition: all .5s ease;-webkit-transition: all .5s ease; z-index:1;}
.newslist ul li h5:after{content:" "; background: #eee; position: absolute; right: 0; top: 115px; height: 1px; width: 50px; z-index: 5;}
.newslist ul li h5 b{ display:block; font-size:50px; margin-top:60px; color:#0048a4; font-weight:normal; position:relative; z-index:3}
.newslist ul li h5 i{ font-size:16px; line-height:40px; color:#333; font-weight:normal; font-style:normal; position:relative; z-index:3}
.newslist ul li h3{ background:#fafafa; float:left; width:615px; height:170px; padding:30px 50px; position:relative; z-index:3}
.newslist ul li h3:before{content:" "; position: absolute; border-top: 0 solid transparent; border-bottom: 0 solid transparent; border-left: 0 solid #0048a4; left: -120px; top: 50%; margin-top: -15px; z-index: 3;transition: all .5s ease;-webkit-transition: all .5s ease;}
.newslist ul li h3:after{content:" "; background:#fafafa; position: absolute; left: 0; top:0; z-index:1; width:90px; height:230px;transition: all .5s ease;-webkit-transition: all .5s ease;}
.newslist ul li h3 a{ font-size:22px; line-height:50px; color:#333; transition: all .5s ease;-webkit-transition: all .5s ease;position:relative; z-index:3}
.newslist ul li h3 p{ font-size:14px; line-height:30px; font-weight:normal; color:#888;position:relative; z-index:3}
.newslist ul li h4{ background:#fafafa; float:right; width:245px; height:170px; padding:30px 50px 30px 0; position:relative; z-index:3}
.newslist ul li h4:after{content:" "; position: absolute; top:0; left:295px; width: 0; height: 230px; background:#fafafa; transition: all .5s ease;-webkit-transition: all .5s ease; z-index:1;}
.newslist ul li h4 img{ max-width:100%; max-width:100%; position:relative; z-index:5;}
.newslist ul li.active h5:before{ width:calc(50vw - 450px);}
.newslist ul li.active h5 b{ color:#fff;}
.newslist ul li.active h5 i{ color:#fff;}
.newslist ul li.active h5:after{ background:#0048a4; z-index:3}
.newslist ul li.active h4:after{ width:calc(50vw - 659px);}
.newslist ul li.active h3:before{ position: absolute; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #0048a4; left: -90px; top: 50%; margin-top: -15px; z-index: 3;}
.newslist ul li.active h3:after{ left:-90px;}
.newslist ul li.active h3 a{ color:#0048a4}


.nynewsshow-l{ float:left; width:920px; background:#fff; box-sizing:border-box;}
.nynewsshow-l h1.title{ font-size:30px; line-height:60px; padding-bottom:10px; border-bottom:1px #eee solid;}
.nynewsshow-l h1.title .info{ font-size:14px; color:#666; line-height:40px; font-weight:normal;}
.nynewsshow-l h1.title .info small{ font-size:14px;}
.textarea{ color:#666; line-height:36px;}

.nynewsshow-xgxw{ padding-top: 30px; margin-top:30px; border-top: 1px #ddd solid;}
.nynewsshow-xgxw ul li{ line-height:40px; position:relative; margin-bottom:1%; border-bottom:1px #eee solid; transition: all 0.8s ease;}
.nynewsshow-xgxw ul li:after{ content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#0048a4; transition: all 0.8s ease;}
.nynewsshow-xgxw ul li a{ line-height:40px; font-size:14px; color:#666;transition: all 0.5s ease;}
.nynewsshow-xgxw ul li a span{ float:right; font-size:14px; color:#888;}
.nynewsshow-xgxw ul li:hover:after{ width:100%;}
.nynewsshow-xgxw ul li:hover a{ color:#0048a4}

.nynewsshow-r{ float:right; width:300px;}
.nynewspreNextr{}
.nynewspreNextr ul li{ background:#f2f4f8; padding:30px; font-size:18px; box-sizing:border-box; margin-bottom:30px; font-weight:bold;}
.nynewspreNextr ul li a{ font-weight: normal; font-size:14px; color:#666;}
.nynewspreNextr ul li span{ font-weight: normal; font-size:14px; color:#666;}

.share_box{background:#f2f4f8; padding:30px; font-size:18px; box-sizing:border-box;}
.share_box_title{ font-size:18px; font-weight:bold; margin-bottom:10px;}

.nynewsshow-r-pro{ width:100%; padding:30px; background:#f2f4f8; box-sizing:border-box;  margin-top:30px;}
.nynewsshow-r-pro ul{ width:100%; position:relative;}
.nynewsshow-r-pro ul li{ background:#fff; width:100%; text-align:center; height:180px; box-sizing:border-box; padding:20px; transition: all 0.5s ease;}
.nynewsshow-r-pro ul li h4{ font-size:16px; line-height:50px; color:#333; font-weight:normal}
.nynewsshow-r-pro ul li h6 a img{ max-width:100%; -webkit-transition-duration: 1s; transition-duration: 1s;}
.nynewsshow-r-pro ul li h6{ font-size:14px;width:200px; height:120px;-webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; overflow:hidden;}
.nynewsshow-r-pro ul li:hover{box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.1);}
.nynewsshow-r-pro ul li:hover h6 a img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}


.icase{ float:left; width:180px; height:185px; padding:135px 35px 0; background:url(../images/icaseimg.jpg) left top no-repeat; position:relative;}
.icasetitle{ height:40px; width:100%;}
.icasetitle h3{ font-size:18px; padding-top:12px; line-height:26px; color:#007dd4; font-weight:normal; background:url(../images/iline.jpg) left top no-repeat;}
.icasetitle span{ font-size:20px; margin-left:10px; color:#cfcfcf; text-transform:uppercase;}

.icaselist{ margin-top:10px;}
.icaselist li{ line-height:30px; padding-left:10px; background:url(../images/icaselist.jpg) left center no-repeat;}
.icaselist li a{ line-height:30px; color:#666; font-size:12px;}
.icasemore{ width:250px; height:40px; background:#c30401; position:absolute; bottom:0; left: 0; line-height:40px; color:#fff; text-align:center;}
.icasemore:hover{ color:#fff;}


/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999; font-size:14px; line-height:30px;}
.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}


/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}

.foot{ background:#e6ebef; width:100%; padding:50px 0 }
.footbox{ width:1300px; margin:0 auto;}
.foottitle{ font-size:18px; font-weight:bold; color:#333; padding-bottom:10px; margin-bottom:10px; position:relative;}
.foottitle:after{ content:""; width:40px; height:3px; background:#0048a4; position:absolute; bottom:0; left:0;}
.footnav{ float:left; width:250px;}
.footnav ul li{ line-height:35px;}
.footnav ul li a{ color:#666; font-size:16px; line-height:35px;}
.footcpfl{ float:left; width:300px;}
.footcpfl ul li{ line-height:35px;}
.footcpfl ul li a{ color:#666; font-size:16px; line-height:35px;}
.footcontact{ float:left; width:430px;}
.footcontact .footcontact_text{ line-height:35px;}
.footcontact .footcontact_text p{ color:#666; font-size:16px; line-height:35px;}
.footcontact .footcontact_text a{ color:#666;}

.footlogo{ float:right; width:263px;}
.footlogo .footewm{ width:263px; height:180px; text-align:right;}
.footlogo .footewm img{ width:180px; height:180px; display:inline-block;}
.footlogo .footlogoimg{ width:263px; font-size:18px;  text-align:right; line-height:30px; margin-top:20px; color:#333;}
.footlogo .footlogoimg img{ display:inline-block;}

.copyright{ width:100%; height:60px; line-height:60px; color:#fff; text-align:left; background:#0048a4; font-size:14px}
.copyright a{ color:#fff;}
.copyrightnav{ float:right; line-height:60px;}
.copyrightnav a{ color:#fff;}

.footyqlj{ width:1300px; font-size:14px; color:#666; margin:0 auto; padding:20px 0;}
.footyqlj a{ color:#666; margin-right:10px;}


input::-webkit-input-placeholder{
		color:#aaa;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
		color:#aaa;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
		color:#aaa;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
		color:#aaa;
}
textarea::-webkit-input-placeholder{
		color:#aaa;
}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
		color:#aaa;
}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
		color:#aaa;
}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
		color:#aaa;
}


.footlink{ background:#014fa2;height:60px; line-height:60px; color:#fff; font-size:14px;}
.footlink a{ display:inline-block; padding:0 0 0 10px; line-height:60px; color:#fff; font-size:14px;}

/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}



.control {width:500px;height:450px;display: block;overflow: hidden;}
.change li{width:500px;overflow: hidden;text-align:center;}
.change li .imgWrap{display: table-cell;width:500px;height:450px;vertical-align: middle;cursor:pointer; overflow:hidden}
.change li img{vertical-align:middle;max-width:500px;max-height:450px;}
.change li .textDesc{ display:none;width:100%;height:100px;position:absolute;left:0;bottom:0;text-align:left;overflow: hidden;}
.change li .opacity{display:none;width:100%;height:100px;position:absolute;left:0;bottom:0;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.change li .title{display:none;padding:10px 15px 0; color:#e6e6e6;font-size:14px;line-height:22px;}
.change li .title a{color:#e6e6e6;}
.change li .text{display:none;color:#b7b7b7;line-height:18px;padding:5px 15px;font-size:12px;}

.thumbWrap{width:500px;height:100px;padding:10px; box-sizing:border-box; float:right;background:#f8f8f8;border-radius:5px;overflow: hidden;}
.thumbWrap .thumbCont{width:100%;height:100%;position:relative;overflow: hidden;}
.thumbWrap ul{ width:500px !important; left:0 !important;}
.thumbWrap ul li{width:80px;height:80px; float:left; margin-right:20px;text-align:center;overflow: hidden; border:1px #fff solid; box-sizing:border-box; border-radius:5px;}
.thumbWrap ul li:last-child{ margin-right:0;}
.thumbWrap ul li div{display: table-cell ;width:80px;height:80px;vertical-align: middle;cursor:pointer;*font-size: 79px;}
.thumbWrap ul li img {max-width:80px; max-height:80px;vertical-align:middle; overflow:hidden}
.thumbWrap ul li.cur{ border:1px #00a0ea solid;}
.thumbPrev,.thumbNext{ display:none;width:206px;height:39px;text-align:center;position:absolute;color:#000;z-index: 9; outline:none}
.thumbPrev span, .thumbNext span{display: none;}

.control .next, .control .prev{ display:none;}