/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:14px;color:#333; font-family: "微软雅黑";}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.6em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 0.5em;}
p img.left {float:left;margin:0 15px 0 0;}
p img.right {float:right;margin:0 0 0 5px;}
a:focus, a:hover {color:#000;outline:none;}
a {color:#3d3d3d;text-decoration:none;outline:0 none;}
a:hover{ color:#ff0000;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0;padding-left:0; list-style:none;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
*:focus {outline:0 none;}

div.span-1, div.span-2, div.span-3, div.span-4,div.span-5,div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:30px;}
div.span-1 {width:780px;}
div.span-2 {width:351px; float: right;}
div.span-3 {width:262px;}
div.span-4 {width:850px;}
.last, div.last {margin-right:0;}
.spbg, div.spbg { background:none; padding-right:0;}

.w-1{margin:0 auto; max-width:1920px; min-width:1200px;position:relative;}
.w{width:1200px;margin:0 auto;}

.bg_about{ background:url(../images/bg_about.jpg) no-repeat center top #f8f8f8; padding-bottom: 30px;}
.bg_pro{ background:url(../images/bg_1.jpg) repeat; padding: 30px; }


.bg-2{ background: #ffffff;}
.bg-2 .w{ padding:18px 0;}

.bg-3{ background:url(../images/bg_1.jpg) no-repeat center 0;  background-size: cover;}

.bg-4{background:url(../images/bg_k3.jpg) no-repeat center 0;}
.bg-5{ background:#f5f5fa; padding:30px 0;}

.bg-6{ background:  #eee; padding: 20px 0;}

.bg-msg{ background: url(../images/bg_k4.png) no-repeat center center; height: 287px; position: relative; z-index: 10000;}
.bk-msg{ padding: 60px 200px 0;}
.bk-msg p{ color: #fff; font-size: 16px; padding-left: 20px;}
.bk-msg input,.bk-msg textarea{ font-family: "微软雅黑"; background: #fff; border: none; height: 58px; line-height: 58px; border-radius: 58px; float: left; margin: 0 10px; padding: 0 20px;}
.bk-msg input.text1{ width: 90px;}
.bk-msg input.text2{ width: 230px;}
.bk-msg .text3{ width: 300px;}
.bk-msg .sbtn{ width: 140px; text-align: center; margin: 0 auto; background: #fff600; color: #000; font-size: 16px; font-weight: bold; float: none; display: block;}
/*页头*/
.top{ color:#333333; height:30px; line-height:30px;  border-bottom:1px solid #cccccc;text-transform:uppercase;}
.top .fr{ background: url(../images/bg_tel.jpg) no-repeat 0 center; padding-left: 25px;}
.top .fl{}
.top .fr p{ margin: 0;}
.top .fr span{ font-size: 18px; font-family: Impact;}
.top a{ color:#333333; margin:0 5px; }
.top a:hover{ color:#0f76d5;}
.top .w{ position:relative;}


.header{ clear:both; height:135px; background: url(../images/top_bg.jpg) repeat-x top;}
.header .w{ position:relative;}
.header h1{ margin:0;line-height:0; font-size:0; float:left;}
.header .fr{ background: url(../images/tel_bg.jpg) no-repeat 0 center; height:135px; color: #0a55b2; font-size: 20px;}
.header .fr p span{ color: #333333; font-size: 20px; font-weight: normal;}
.header .fr p{ padding-left: 60px; font-weight: bold; padding-top: 40px;}

.h-top{ color:#403e3f;float:right;}
.h-top p{ display:block; margin:15px 0 0 0; clear:both; overflow:hidden;color:#000;line-height:28px;font-size:16px;text-align:left; background: url(../images/bg_tel.jpg) no-repeat 0 center; padding-left: 60px;}
.h-top p span{ font-size:30px; color:#0f76d5; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block;}
.h-top p em{ font-style:normal; color:#ff4a00;}
.h-top .tdot{ position:absolute; top:32px; right:16px; cursor:pointer;}

.notice{width: 1200px; margin: 0 auto; position: relative; z-index: 10000; top: -60px;height: 60px; background: #0054c7;}
.notice span{ width: 145px; height: 60px; display: block; float: left; background: url(../images/notice.jpg) no-repeat 25px center #ffb400; color: #FFFFFF; font-size: 16px; padding-left: 50px; line-height: 60px;}
.notice p{ float: left; padding-left: 10px;}
.notice p a{ color: #FFFFFF; float: left; line-height: 60px; padding-right: 10px;}
.notice.n_notice{top: -30px !important;}
/*导航*/
.nav_top{ background:#305694; height: 54px; line-height: 54px;}
.nav{ margin: 0 auto;}
.nav ul{ list-style:none;}
.nav ul li{float:left;  width: 150px; position: relative;}
.nav ul li:after{ content:"|"; position:absolute; display:block; width: 1px; height: 54px; color: #ffffff;  top: 0; right: 0; transition:all 0.5s; z-index: 0;}
.nav ul li:last-child::after{ content: "";}
.nav ul li a{ color:#FFFFFF; font-size:16px;margin:0;text-transform:uppercase; display:block; text-align:center; font-family: "微软雅黑"; position: relative; z-index: 1000;}
.nav ul li a:hover{ color: #ffffff;}




/*焦点图*/
.banner{height:500px; margin:0 auto; z-index:100;clear:both; position:relative; max-width:1920px; min-width:1200px;}
.banner .w{position:absolute;  z-index: 100000; top: 0; left: 0; right: 0; height: 100%;}
.banner #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item{left:0; top:0;}
#kinMaxShow{display:none; overflow:hidden;}
.dotScroll{ position: absolute; bottom: 80px; right: 0; left: 0; background: url(../images/dot_scroll.png) no-repeat; width: 36px; height: 110px; z-index: 1000; margin: 0 auto; animation: ascroll 2s infinite; cursor: pointer;}
@keyframes ascroll{
	0%{ bottom: 130px; opacity: 0.6;}
	50%{bottom: 80px; opacity: 1;}
	100%{bottom: 130px;opacity: 0.6;}
}

.nbanner{ background: url(../images/ny_banner.jpg) no-repeat center 0; height: 350px;}

/*页脚*/
.footer{ position:relative; color:#FFFFFF; line-height:24px; font-size:14px; background: #121617; padding: 15px 0 0px 0; }
.footer .w{ position:relative; }
.footer .foot-dibu{ padding: 10px; line-height: 30px; text-align: center;}
.footer .foot-dibu span{ font-size: 16px; word-spacing: 60px;}
.footer .foot-dibu span a{ font-size: 16px; word-spacing: 60px; color: #FFFFFF; padding: 10px 43px;}
.footer .foot-dibu p{ padding: 10px; line-height: 30px;}
.footer .foot-dibu a{ padding-right: 10px;}

.f-link{color:#838383; line-height:40px; }
.f-link p{ font-size: 18px; float: left;}
.f-link p span{ color: #3d6dcf;}
.f-link a{ color:#838383;  font-size:14px; line-height:40px; float:left;  padding: 0px 10px;}

/*内部样式*/
.ntel{ color:#fff; font-size:23px; line-height:54px; font-weight:bold; text-indent:66px; background:url(../images/tel_bg2.png) no-repeat 0 0; width:401px; height:54px;float:right; margin:40px 0 0;}
.nt2{ float:none; margin:20px auto 0; color:#282828;}

.block-1{}
.block-1 p{ font-size: 14px; color: #FFFFFF; line-height: 30px; padding: 15px;}
.block-1 a{ width: 27px; height: 27px; line-height: 27px; background: #FFFFFF; color: #305694; border-radius: 15px; display: block; font-size: 30px; margin: 0 auto; text-align: center; font-weight: bold;}
.block-1 ul{ list-style: none;}
.block-1 li{ width: 186px; height: 97px; float: left; background: #0054c7; margin-right: 10px; text-align: center; }
.block-1 li p{ font-size:18px;  color: #FFFFFF; padding-top: 25px; padding-left: 40px;}
.block-1 li:first-child{ background: url(../images/coin_1.jpg) no-repeat 35px center #0054c7;}
.block-1 li:nth-child(2){ background: url(../images/coin_2.jpg) no-repeat 35px center #0054c7;}
.block-1 li:nth-child(3){ background: url(../images/coin_3.jpg) no-repeat 35px center #0054c7;}
.block-1 li:nth-child(4){ background: url(../images/coin_4.jpg) no-repeat 35px center #0054c7;}

.block-2{ text-align: left; font-size: 14px; height: 83px; line-height: 83px; padding-left: 15px;}
.block-2 span{ line-height: 30px; font-size: 22px; }

.block-3{  font-size: 18px;padding-top: 25px; }
.block-3 p{ font-size: 14px; line-height: 30px; padding-top: 15px;}
.block-3 p span{ font-size: 18px;  font-weight: bold; }

.block-4{ background: #0d4b9b; padding: 15px;}

.block-c{ background: #276ecc; padding: 15px; text-align: center; color: #FFFFFF;}
.block-c p{ line-height:24px; text-align: left; color: #FFFFFF; padding-top: 15px;}
.block-c span{ font-size: 24px; font-weight: bold; border-bottom: 1px dashed #FFFFFF; display: block; line-height: 60px; position: relative; }
.block-c span:before{ width: 14px; height: 14px; left: 40px; top: 22px; background: #FFFFFF; content: ""; display: block; position: absolute; border-radius: 14px;}
.block-c span:after{ width: 14px; height: 14px; right: 40px; top: 22px; background: #FFFFFF; content: ""; display: block; position: absolute; border-radius: 14px;}
/*分类列表*/
.in_ul{ clear: both; text-align: center; width: 99%; margin: 0 auto; height: 52px; line-height: 52px; background: #305694; color: #FFFFFF; font-size: 19px; border-radius: 15px;}
.in_ul p{ font-weight: bold;}


.sub {font-size: 16px;  line-height: 24px;min-width: 90px;text-align: left; margin-top:20px;}
.sub ul {float: left;left: 50%;position: relative;}
.sub ul li {float: left; bmargin-bottom:5px;font-family: "微软雅黑";font-size:18px; font-weight: normal; height: 48px; line-height: 48px; margin-left:15px; overflow: hidden; position: relative; right: 50%; width: 145px; text-align: center; border: 1px solid #FFFFFF; }
.sub ul li a { color: #333333;display: block; font-size:16px; text-transform:uppercase }
.sub ul li a:hover{ background: #0054c7; color: #ffffff; transition: all 0.5s;}

.subnav{list-style:none; margin:0; position:relative; padding: 15px; }
.subnav li{ display:block; height:36px; line-height:36px; margin:10px 0 0; text-align: center; background: #FFFFFF; }
.subnav li a{ display:block; color: #666666; font-weight: bold; font-size: 16px; position: relative; z-index: 10;}
.subnav li:hover::after{ width: 100%; transition:all 0.5s; }
.subnav li:hover a,.subnav li a:hover{ color:#FFFFFF;transition:all 0.5s;background: #276ecc;}
/*标题样式*/
.ititle-1{text-align:center; position:relative; background: url(../images/tit_1.png) no-repeat center 30px; }
.ititle-1 p{font-size: 22px; color: #868686; }
.ititle-1 p span{ font-size: 30px; color: #305694; font-weight: bold;}


.title-1{ line-height:60px; font-family: "微软雅黑"; color:#FFFFFF; position:relative; text-align: center; font-size: 32px; }
.title-1:before{ width: 405px; margin: 0 auto; height: 70px; line-height: 70px; content: "ABOUT US"; font-size: 67px; color: #5972a0; position: absolute;  left: 33%; top:0px;  z-index:0;}
.title-1 p{ z-index:1000;position:relative; padding-top: 15px;  margin: 0; line-height: 60px;}



.title-2{ line-height:43px; font-family: "微软雅黑"; color:#121617; position:relative; text-align: left; border-bottom: 1px dashed #868f94;}
.title-2 p{ color: #282828;text-transform:Uppercase; font-size: 22px;  margin: 0; line-height: 43px; float: left;}
.title-2 p span{ font-size: 22px; color: #3d6dcf;  font-weight: bold;}
.title-2 a{ font-size: 14px; float: right; color: #282828;}

.title-3{ line-height:60px; font-family: "微软雅黑"; color:#ffffff; position:relative; text-align: center; }
.title-3:before{ width: 197px; height: 1px; content: ""; position: absolute; background: #FFFFFF; left: 12px; top: 30px; z-index: 0;}
.title-3 span{  font-size: 20px; border: 1px solid #FFFFFF; position:relative; padding: 5px 10px; background: #0d4b9b; z-index: 1000;}




a.more{line-height:88px; line-height:80px;width: 200px; font-size:14px; color:#ffffff;  display: block; text-align: center; text-transform: uppercase; float: right;}
a.more-2{ width: 160px; height: 48px; line-height: 48px; font-size: 16px; border: 2px solid #0a55b2; text-align: center; margin:0 auto; display: block; }


#LeftButton4{ position:absolute; left:0; top:72px;}
#RightButton4{ position:absolute;right:0; top:72px;}
/*面包屑*/
.place{line-height:60px;color:#666666;font-size:16px; float: right; padding-right: 20px;}
.place a{ color:#666666; float: none; font-size: 16px;}
.place a:hover{color:#f1c832;}
/*产品列表*/
.plist a{ display:inline-block; border:1px solid #fff; font-size:14px; width:300px; height:45px; line-height:45px; padding:0 25px; margin:0 22px 5px; position:relative;}
.plist a:after{ content:"▶"; color:#666; font-size:18px; position:absolute; display:block; top:0px; left:25px;}
.plist a span{ display:block; text-indent:20px;}
.plist a:hover{ border-color:#04319c; color:#04319c;transition:all 0.5s;}
.plist a:hover::after{ color:#04319c;transition:all 0.5s;}

/* 本例子css */
.picScroll_ny{ position:relative; width: 100% !important; padding: 0px !important; border: none !important; }
.picScroll-left{position:relative; width: 97%; padding: 15px; background: #FFFFFF; border: 1px solid #dcdcdc }
.picScroll-left .hd{ }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; position: absolute; width: 26px; height: 46px; top:160px; bottom: 0; margin: 0 auto; cursor: pointer;}
.picScroll-left .hd .prev{ background: url(../images/link_left.jpg); left: -40px;}
.picScroll-left .hd .next{ background: url(../images/link_right.jpg); right: -40px;}
.picScroll-left .bd{ }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin: 0px 18px 0px 18px; width: 252px; height: 240px; float:left; overflow:hidden; position: relative; text-align: center; font-family: "微软雅黑"; }

.picScroll-left .bd ul li .pic{ text-align:center; width: 252px; overflow:hidden; height:198px; text-align: center; line-height: 0;}
.picScroll-left .bd ul li .pic img{ width:auto; max-width: 100%; height:100%; transition-duration:0.6s}
.picScroll-left .bd ul li .pic img:hover{transition: 1s;transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);  	-webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); }
.picScroll-left .bd ul li .title{ line-height:40px; height:40px; text-align: center; }
.picScroll-left .bd ul li .title a{ color: #000000; display: block; font-size: 14px;}
.picScroll-left .bd ul li .title:hover{ background: #ffb400;}
.picScroll-left .bd ul li .title p{ color: #000000; line-height:40px; height:40px;}

.picScroll-2{position:relative; width: 97%; padding: 15px; background: #FFFFFF; border: 1px solid #dcdcdc }
.picScroll-2 .bd{ }
.picScroll-2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-2 .bd ul li{ margin: 0px 18px 10px 18px; width: 359px; height: 239px; float:left; overflow:hidden; position: relative; text-align: center; font-family: "微软雅黑"; }
.picScroll-2 .bd ul li .pic{ text-align:center; width: 359px; overflow:hidden; height:239px; text-align: center; line-height: 0;}
.picScroll-2 .bd ul li .pic img{ width:auto; max-width: 100%; height:100%; transition-duration:0.6s}
.picScroll-2 .bd ul li .pic img:hover{transition: 1s;transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);  	-webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); }
.picScroll-2 .bd ul li .title{ line-height:40px; bottom: 0px; width: 100%; height:40px; text-align: center; position: absolute; background:rgba(0,0,0,0.4); color: #FFFFFF;}
.picScroll-2 .bd ul li .title a{ color: #FFFFFF; display: block; font-size: 14px;}
.picScroll-2 .bd ul li .title p{ color: #FFFFFF; line-height:40px; height:40px;}





/*新闻列表*/
/*新闻列表*/
.ul-news { list-style:none; }
.ul-news li{font-family:"微软雅黑";  height: 87px; padding: 19px; text-align: left; position: relative; margin-bottom: 15px; border-bottom: 1px dashed #868f94;}
.ul-news li a:hover{ color: #3d6dcf;}
.ul-news li div{border-left: 1px solid #dedede;font-size: 18px; font-weight: bold;  float: left;  width: 620px; padding-left: 15px;}
.ul-news li div p{ font-size: 14px; color: #646464; line-height: 30px; font-weight: normal;}
.ul-news li span{ color: #333333; font-size:50px; width: 80px; float: left; text-align: center; line-height: 38px;}
.ul-news li span em{ font-size: 14px; color: #999999; font-style: normal;}
.ul-news li:nth-child(2n){ margin-right: 0px;}



.ul-news2{ margin:0; list-style:none; padding:0;}
.ul-news2 li{ background: url(../images/dot_n.jpg) no-repeat 0 center; padding-left: 15px; line-height:50px; clear:both; overflow:hidden; border-bottom: 1px dotted #d5d5d5;}
.ul-news2 li a{ float:left; color:#646464;}
.ul-news2 li a:hover{ color:#eb0606;}
.ul-news2 li span{ color:#bbb; float:right;}

.ul-nlist{ margin:0; list-style:none; }
.ul-nlist li{line-height:24px; font-size:12px; padding:3px 0 10px; margin-bottom:10px; border-bottom:1px dashed #ddd;}
.ul-nlist li a{color:#333; font-size:16px;background:url(../images/dot_w.png) no-repeat 0 center; line-height:30px; padding:0 0 0 25px; display:block; height:30px;}
.ul-nlist li p{ margin:0; color:#333; line-height:24px; font-size:13px; background:url(../images/dot_d.png) no-repeat 0 3px; padding:0 0 0 25px;}
.ul-nlist li a:hover{ color:#d9333d;}






/*内容*/
.content{ line-height:26px; min-height:500px; font-size:15px;color: #272727;}
.content p{line-height:26px; margin:0 0 10px; font-size:15px;color: #272727;}
.ny_tel{ background:url(../images/ny_tel.jpg) no-repeat center center; height: 94px; text-align: center;}
.ny_tel p{ font-size: 24px; color: #FFFFFF; padding: 50px 0px 0px 0px; font-weight: bold;}
/*产品详情*/
.pcont{}
.pcont .fl{ width: 506px; overflow: hidden; height: 427px;}
.pcont .fl img{ width: 100%;}
.pcont .fr{ width: 683px;overflow: hidden; background: #fff; height: 427px;}
.pcont .pinfo{ margin-bottom: 10px; clear: both; overflow: hidden;}
.pcont .pinfo span{ display: block; float: left; width: 80px; font-size: 16px;}
.pcont .pinfo p{ font-size: 16px; width: 560px; float: left; margin: 0;}
.pcont .pinfo p i{ font-style: normal; font-size: 25px; font-weight: bold;}
.pcont .pmore a{ display: inline-block; width: 120px; height: 36px; line-height: 36px; text-align: center; border: 3px solid #272727; font-size: 18px; margin-right: 10px;}
.pcont .pmore a:hover{ background: #00eeb1; border-color: #00eeb1; color: #272727; transition: all 0.5s;}
.ptip p{ color: #898989; font-size: 14px;}

.pcontent{ background:#fff; padding: 20px; min-height: 200px;}

.nobg{ background:none;}
/*ϵ*/
/*边距*/
.npad{padding:none;}
.pad{ padding:20px;}
.pad2{padding:27px 0; background:#fff;}
.pad3{ padding:15px; background:#1b1b1b;}

.mrg-t{margin:0 29px;}
.mrg-t-15{ margin-top:15px;}
.mrg-t-10{ margin-top:10px;}
.mrg-t-20{ margin-top:20px;}
.mrg-t-30{ margin-top:40px;}
.mrg-t-40{ margin-top:70px;}
.mrg-b-10{ margin-bottom:10px;}
.pad-t-20{ padding-top:40px;}


.nonep{ padding:0;}
/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
/*去除浮动*/
.clear{ clear:both; overflow:hidden; zoom:1; float:none;}