@charset "utf-8";



/*全局控制*/

body{margin:0;padding:0;font-size:16px;line-height:32px;font-family:Arial,'Microsoft Yahei',"微软雅黑";-webkit-text-size-adjust:none; cursor:pointer; }

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: relative; z-index: 999; background: #fff;}

.header{ width:1300px; margin:0 auto; border-radius:3px;height:120px; background:#fff;}

.logo{ float:left; padding-top:25px; width:351px;}

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



.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:800px; float:right; box-sizing:border-box;}

.inav_wrapper .inav .nav_li{display:inline-block; float:left; width:126px; text-align:center; position: relative;}

.inav_wrapper .inav .nav_li>a{display:block; font-size:16px; color:#333; line-height:120px; position:relative;}

.inav_wrapper .inav .nav_li>a:before{ content:""; background:#0048a4; display:block; height:4px; width:0; position:absolute; border-bottom-left-radius:4px; border-bottom-right-radius:4px; left:50%; top:-46px;transition: all 0.5s ease;}

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

.inav_wrapper .inav .nav_li>a:hover:before{ width:100%; left:0;}

.inav_wrapper .inav .nav_li>a i.nav-arrow{ position:absolute; top:55px; right:6px; display:inline-block; width:11px; height:6px; background:#aaa url(../images/nav-arrow.png) left center no-repeat;transition: all 0.5s ease;}

.inav_wrapper .inav .nav_li>a:hover i.nav-arrow{background:#0048a4 url(../images/nav-arrow.png) left center no-repeat;transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */  -webkit-transform:rotate(180deg); }

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

.inav_wrapper .inav .nav_li.cur>a:hover i.nav-arrow{background:#0048a4 url(../images/nav-arrow.png) left center no-repeat;transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */  -webkit-transform:rotate(180deg); }

/*导航下拉*/

.inav_wrapper .inav .nav_li .fix{position:absolute; left:0; top:100%; width:100%; background:#e6ebef;  display:none;}

.inav_wrapper .inav .nav_li:hover .fix{ display:block;}

.inav_wrapper .inav .nav_li .fix li{ padding:0 15px;}

.inav_wrapper .inav .nav_li .fix li a{ font-size: 13px; color: #555; line-height: 40px;  text-align: center; display: block;}

.inav_wrapper .inav .nav_li .fix li:hover{ background:#f5f5f5; }

.inav_wrapper .inav .nav_li .fix li:hover a{ color: #0048a4; }





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

.mainbg{ background:#e6ebef; padding:80px 0;}

.mainbg1{ background:#fff; padding:80px 0;}

.mainn80{ padding:80px 0;}



.sycpfl{ padding:80px 0; overflow: hidden;}





.syfl{ width:280px; float: left;   }

.syfl h3{background: #0048a4;; line-height: 100px; text-align: center; font-size: 22px; color: #fff;}

.syfl ul li{ width: 280px; height: 48px; background: #f9f9f9; margin-bottom: 3px;}

.syfl ul li a{ display: block;  line-height: 48px; font-size: 15px; text-align: center; }



.syfl ul li:hover { background: #f3f3f3;}



.syfl h4{ width: 220px; background: #0048a4; padding:  30px;}

.syfl h4 p{ line-height: 20px; font-size: 15px; color: #fff;  font-weight: normal; margin-bottom: 15px;}







.sycpfl_list{ width: 980px; float: right;}

.sycpfl_list ul li{ width: 300px; float: left; margin-right: 30px; height: 285px;}

.sycpfl_list ul li h3{  text-align: center; line-height: 40px; }

.sycpfl_list ul li a{ display:block; }

.sycpfl_list ul li a p{ display:block; text-align: center; font-size: 15px; color: #333;}

.sycpfl_list ul li a img{ padding:2px; border: 1px #eee solid;}



.sycpfl_list ul li:nth-child(3n){ margin-right:0px;}



.sycpfl_list ul li:hover img{ border: 3px #0048a4 solid; padding: 0px;}





.syabout{ width:100%; height:609px; position:relative; background: url("../images/syabout.jpg") no-repeat center;}



.syabout_text{ width:1300px; height:400px;top:120px; text-align:left; z-index:9; margin: 0 auto; position: relative;  }

.syabout_text h3{ font-size:30px; color:#fff; font-weight: normal; margin-bottom: 60px;}

.syabout_text h3 span{ font-size:20px; font-weight:normal; line-height:80px;}

.syabout_text p{ font-size:15px; color:#f5f5f5; line-height:32px; text-align: left; width: 600px;}

.syabout_text a{  width:160px; height:40px; overflow:hidden;  line-height:40px; color:#fff; font-size: 13px; margin-top: 20px; display: block;} 



.syabout_text a.syabout_text_a{ color:#0048a4; position:relative; z-index:9; font-size:15px; padding-left: 40px; line-height: 60px; }

.syabout_text ul { margin-top: 20px;}

.syabout_text ul li{ width: 200px; float: left; color: #fff; font-size: 26px;}

.syabout_text ul li i{ color:#fff;  font-size: 12px;}

.syabout_text ul li p{ line-height: 30px; text-align: left; }











.syysnr{ background:url("../images/syys.jpg")no-repeat center; height: 817px; }





.sygczl{ width:1300px; margin:0 auto; padding:80px 0;position: relative;}









.slick-case{height: 680px;overflow: hidden;}

.slick-case .slick-list{overflow: hidden;}



.ys1 img{ width:640px; float: left; display: block; margin-left: 50px; position: relative; margin-top: 20px;}

.syys_r{ width:500px; float: left; margin-left: 55px; }

.syys_r h3{ font-size:36px; color: #0048a4; margin-bottom: 20px; margin-top: 20px;} 

.syys_r h4{ font-size:22px; color: #333 ; line-height: 100px;} 

.syys_r p{ line-height: 30px;  margin:10px 0px;   font-size: 15px; color: #333;}

.syys_r p i{ color: #0048a4; margin-right: 15px; font-size: 18px;}

.syys_r b{  position: absolute; bottom: 25px; left: 780px; font-size: 20px; font-weight: bold; color: #fff; letter-spacing: 2px;}







.sygczl .paging{position: absolute; left:57px; font-size: 20px; color: #333;line-height: 30px;bottom:100px; width: 1200px; margin: 0 auto; }

.sygczl .paging ul li{ width:250px; float: left; margin-right: 62px; height: 92px; padding: 40px 0px 20px 0px; background: #fff; border-radius: 15px;}

.sygczl .paging ul li:nth-child(4){margin-right: 0px;}

.sygczl .paging ul li h3{ text-align: center; line-height: 20px;}

.sygczl .paging ul li p{ text-align: center; font-size: 12px; }

.sygczl .paging ul li i{ font-size:40px; color: #0048a4; width: 60px; height: 42px; margin: 0 auto; display: block; }



.sygczl .slick-dots{position: absolute;left: 2%;bottom:20px;z-index: 1; width: 96%;}

.sygczl .slick-dots li{display: inline-block; width: 20%; margin: 0 2.5%}

.sygczl .slick-dots li button{font-size: 0;width: 100%;height: 150px;background:none;border-radius: 1.5px;border:none;outline: none;cursor: pointer; border-radius: 10px; border: 1px #0048a4 solid; }

.sygczl .slick-dots li.slick-active button{border: 5px #0048a4 solid;}



.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{ background:#f6f6f6; padding:80px 0; overflow: hidden;}

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



.synews_title{  text-align:center; margin-bottom:40px;}

.synews_title h3{  font-size:36px; color:#333; line-height:50px; font-weight: normal;}

.synews_title p{ font-size:16px; color:#333; line-height:40px;}



.sycpfl_title{  text-align:center; margin-bottom:40px;}

.sycpfl_title h3{  font-size:36px; color:#333; line-height:50px; font-weight: normal;}

.sycpfl_title p{ font-size:16px; color:#333; line-height:40px;}











.synews-gsxw{ width:780px; float: left; }

.synews-gsxw ul li{ width:740px; height: 90px; background: #fff; padding: 20px; margin-bottom: 10px; overflow: hidden;}

.synews-gsxw ul li h3{ font-size: 18px; font-weight: normal; margin-bottom: 5px;}

.synews-gsxw ul li h3 span{ font-size: 14px;  float: right; font-weight: normal;}

.synews-gsxw ul li p{ font-size: 15px; line-height: 30px; color: #666;}





.synews-gsxw ul li:hover{ background: #0048a4;  }

.synews-gsxw ul li:hover h3{ color: #fff; }

.synews-gsxw ul li:hover span { color: #fff; }

.synews-gsxw ul li:hover p { color: #fff; }









.synews-hyxw{ width:440px; float: right; height: 370px;  padding: 20px; background: #fff;}

.synews-hyxw ul li{   width: 100%; border-bottom: 1px #eee dashed; height: 45px;overflow: hidden;}

.synews-hyxw ul li h3{  font-size: 15px;  line-height: 45px; font-weight: normal;}

.synews-hyxw ul li h3 span{float: right;  font-size: 14px; color: #333; line-height: 45px; font-weight: normal;}



.synews-hyxw ul li:hover h3{ color: #0048a4;}

.synews-hyxw ul li:hover { border-bottom: 1px #0048a4 solid;}

.synews-hyxw ul li:hover h3 span{ color: #0048a4;}









.syhotnews{ width:1300px; margin:50px auto 20px auto; height:300px;}

.syhotnews .syhotnews_video{ float:left; width:780px; height:300px; 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:300px; 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;}







.synewscont{ float:right; width:1040px;}





.sygyfwbg{ width:100%; height:789px; box-sizing:border-box;  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; padding-top: 100px;}

.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: 25%;  padding-top:125px;  box-sizing:border-box;  transition: all .5s; position:relative; overflow:hidden; height: 370px;}

.sygyfw_list ul li i{ display:block; width:80px; height:80px; background-position:center center; background-repeat:no-repeat; position:absolute; left:37%; top:40px; font-size: 50px; border-radius: 100%; background: #fff; color: #0048a4; line-height: 80px; }

.sygyfw_list ul li i::before{ padding-left: 15px;}

.sygyfw_list ul li h3{ font-size:21px; color:#fff; line-height:50px; font-weight:normal; text-align: center;  }



.sygyfw_list ul li h4{ font-size:23px; color:#ddd; line-height:50px; font-weight:normal; text-align: center;  margin-top: 22px;}



.sygyfw_list ul li p{ font-size:15px; color:#ddd; line-height:30px; margin-bottom:35px; text-align: center; margin-top: 5px;}





.sygyfw_list ul .cur i{ border: 1px #fff solid; background: none; color: #fff;}









.sygyfw_list ul li:hover{

	 -webkit-transform: rotateY(360deg);

    -moz-transform: rotateY(360deg);

    -o-transform: rotateY(360deg);

    -ms-transform: rotateY(360deg);

    transform: rotateY(360deg);

}













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

.nyaboutbanner{ width:100%; height:600px; 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:#628cc3; 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 p{ font-size:16px; color:#fff; width:700px;margin-bottom: 80px;}

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

.nyaboutbanner_text h3{ font-size:36px; color:#fff; margin:80px 0 50px;}

.nyaboutbanner_text p{ font-size:16px; color:#fff; width:800px;margin-bottom: 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:80px 0; width:1300px; margin:0 auto; font-size:16px; color:#666; line-height:36px;}

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

.nyabouttext h3{ font-size:28px; color: #0048a4; margin-bottom: 30px; padding-left: 30px;}

.nyabouttext p strong{ color:#0048a4; font-size: 18px;}



.fwln ul li{ float: left; width: 630px; height: 240px;}

.fwln ul li h4{ position: relative; text-align: center; }

.fwln ul li h4 span{ line-height: 240px; font-size: 30px;color: #fff; font-weight: bold; position: relative; z-index: 9;}

.fwln ul li h4:before{ content:""; position:absolute; left:0; top:0; width:630px; height:240px; background:rgba(0,0,0,0.7); transition: all 0.5s ease; opacity:1;}

.fwln ul li:hover h4:before{ opacity:0;}



.fwlc ul{ background:url("../images/lc.jpg") no-repeat center; height: 1096px;  width: 1300px; margin: 0 auto; position: relative;}

.fwlc ul li{ width: 600px; position: absolute;}

.fwlc ul li h3{ font-size:26px; color: #0048a4; line-height: 30px; padding-left: 100px;} 

.fwlc ul li p{ margin: 10px 0px; padding-left: 100px; font-size: 15px; color: #333;} 





.fwlc ul li:nth-child(1){ top: 25px; }



.fwlc ul li:nth-child(2){ top: 240px; }



.fwlc ul li:nth-child(3){ top: 550px; }



.fwlc ul li:nth-child(4){ top: 980px; } 







.nyqyry{ width:100%; height:380px; padding:80px 0 50px 0; background:#0048a4;}

.nyqyzz{ width:100%; height:800px;   background: url(../images/nyaboutbanner.jpg) no-repeat center}

.nyhzhb_title{ text-align:center; font-size:30px;  font-weight:bold; margin:0 auto 10px;}

.nyhzhb_title span{ color:#d61419}

.nyhzhb_list{ width:1350px; margin:0 auto; overflow:hidden; position:relative; height:560px;}

.nyhzhb_list ul{ height:250px !important;}

.nyhzhb_list ul li{ width:310px !important; height:250px !important;

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;

	  margin:10px;

}



.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: 20px;

	height: 4px;

	opacity: 1;

	background: #fff;

	margin: 0 5px;

	cursor: pointer;

	transition: width 0.3s ease-in-out;

	border-radius: inherit;

}

.nyhzhb_list .swiper-pagination-bullet-active {

	background: #d61419;

	width: 20px;

}



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



.nyfzlc-r ul h4{ font-size:30px; line-height: 120px; padding-left: 60px; color: #0048a4;}



.nyry ul{ width: 1300px; margin: 0 auto;}

.nyry ul li{ width: 300px; float: left; margin-right: 30px; margin-bottom: 20px; height: 285px;}

.nyry ul li a{ display: block;}

.nyry ul li a img{  }

.nyry ul li p{ text-align: center;}





.nyzzry ul{ width: 1300px; margin: 0 auto;}

.nyzzry ul li{ width: 300px; float: left; margin-right: 30px; margin-bottom: 20px; height: 285px; border: 1px #eee solid;}

.nyzzry ul li a{ display: block;}

.nyzzry ul li a img{  }

.nyzzry ul li p{ text-align: center; font-size: 15px;}



.nyzzry ul li:nth-child(4n){margin-right: 0px;}



.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; height: 35px;}

.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:right;

	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 .nyfl{  width: 100%; height: 50px; display: block; margin: 30px 0px 5px 0px;  }

.nyprotitle .nyfl li{ width: 108.7px; float: left;  border: 1px #eee solid; margin: 0 8px 0 0; display: block; text-align: center; line-height: 45px; }

.nyprotitle .nyfl li a{ font-size:14px; }

.nyprotitle .nyfl li:last-child{ margin-right: 0px;}











.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:350px; box-sizing:border-box; padding:10px; 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:378px; height:284px;-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; font-size:14px; width:376px; height:45px; line-height:55px; 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:378px;}





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



/*图片放大镜样式*/

.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:left;}

.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:530px; 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:0px; left:50%; position:absolute; background:#0048a4; transition: all 0.3s ease;}

.nypronav ul li.cur{ color:#0048a4}

.nypronav ul li.cur:after{ width:100%; margin-left:-130px;}

.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:100%; margin-left:-130px;}



.nypro-xnys{ width:100%; margin:0 auto; padding:80px 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;}



.nycpys{ width:1300px; margin: 0 auto; overflow: hidden;}

.nycpys li{ width:20%; padding: 2%;  float: left; margin-right: 1.2%; box-shadow: 2px 2px 5px #ddd; background: #fff; height: 400px;}

.nycpys li:nth-child(4){ margin-right: 0px;}

.nycpys li h4{ font-size: 24px; line-height: 50px; color: #0048a4}

.nycpys li h5{ font-size: 18px; line-height: 30px; margin-bottom: 20px; margin-top: 10px;  color: #444;}

.nycpys li p{ font-size:15px; color:#666; line-height:24px; margin: 20px 0px;}



.nycpys li i{ font-size:40px; color: #0048a4; margin-top: 10px; width: 100px; height: 80px; display: block; border-radius: 100%; line-height: 100px;}





.nycpys li:hover { background:#0048a4;}

.nycpys li:hover i { color: #fff;}

.nycpys li:hover h4{ color: #fff;}

.nycpys li:hover h4{ color: #fff;}

.nycpys li:hover h5{ color: #fff;}

.nycpys li:hover p{ color: #fff;}









.nypro-cpjs{ width:1300px; margin:0 auto; padding:80px 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:80px 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:450px; padding:80px 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:200px; margin:0 20px 20px 0;  background:#fff; position:relative; padding:10px  0px;}

.nypro-xqgcal ul li img{ max-width:100%; -webkit-transition-duration: 1s; transition-duration: 1s; display: block; margin: 0 auto;}

.nypro-xqgcal ul li p{ font-size:15px; color:#333;  box-sizing:border-box; position:relative;z-index:2; text-align: center;}

.nypro-xqgcal ul li:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}

.nypro-xqgcal ul li:nth-child(6n){ margin-right:0px;}







.message{width:1300px; margin:0 auto;overflow: hidden;padding: 80px 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: 100%;height: 50px;border: 1px solid #cdcdcd;margin: 13px 0;background: none;font-size: 14px;text-indent: 10px; box-sizing:border-box;}

.message .left dt input.icon-name{width: 100%;margin-right: 24px;}

.message .left dt input.icon-tel{}

.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: 100%;height: 100px;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;}

.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: right

}

.pagination li {

   display: inline-block;

*display: inline;

zoom: 1; 

}

.pagination li a {

    display: block;

    padding: 4px 12px;

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



.footly{  width:260px; float: left; margin-left: 38px; }





.liuyan1{  width:240px; float: right;}

.liuyan1 table{  width:240px;}







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



.dbformtext2{ width:237px; height:20px; border:1px #ddd solid; line-height:30px; font-size:14px; color:#333; padding:10px;}











.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:36px; 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:#e6ebef; 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:#e6ebef; 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:#e6ebef; 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:210px; 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:150px;-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:#0048a4; width:100%; padding:50px 0 }

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

.foottitle{ font-size:18px;  color:#fff; 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:240px; padding: 0 40px;}

.footnav ul{ overflow: hidden; border-right: 1px #4c88d5 solid;}

.footnav ul li{ line-height:35px; width: 50%; float: left;}

.footnav ul li a{ color:#eee; font-size:15px; 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:360px; padding: 0 5px; }

.footcontact p{ color:#ddd; font-size:15px; line-height:35px; border-right: 1px #4c88d5 solid;}



.footcontact .footcontact_text{ line-height:35px;}

.footcontact .footcontact_text a{ color:#666;}



.dblogo { width: 310px; float: left; border-right: 1px #4c88d5 solid; margin-top: 52px;}

.dblogo h3{ font-size: 20px; font-weight: bold; color: #fff; padding: 20px 0px 7px 0px;}











.copyright{ width:100%; height:60px; line-height:60px; color:#fff; text-align:left; background:#003a85; 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;}