/* 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:585px;}
div.span-2 {width:800px;}
div.span-3 {width:435px;}
div.span-4 {width:370px;}
div.span-5 {width:325px;}
div.span-6 {width:265px; margin-right:10px;}
.span-7 {width:473px;}
.span-8 {width:795px;}
div.span-18{width:900px; float: right;}
.span-19 {width:893px;}
.span-24, div.span-24 {width:960px;}
.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-1{ background:#f2f2f2; }

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

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

.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:100px;}
.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:100px; color: #0a55b2; font-size: 16px;}
.header .fr p span{ color: #333333; font-size: 14px;}
.header .fr p{ padding-left: 60px; font-weight: bold; padding-top: 15px;}

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

.search_bg{ background: #f2f2f2; height: 80px; line-height: 80px;}
.search_bg .hot{ font-size: 18px; width: 670px; float: left;}
.search{height:44px; width:400px; border-radius: 25px; border: 1px solid #f2f2f2; padding:0; margin:27px 0 0; background:#ffffff; line-height:44px; float: right;}
.search .text{background:none;border:none;float: left;height:44px; line-height:44px;margin:0; padding:0 10px 0 25px;width:300px; color:#878486; font-size:14px;}
.search .btn{background: url(../images/search_bg.jpg) no-repeat 0 center;border:none;cursor: pointer;float:right;height:44px;margin:0;width:50px; padding:0; color:#fff; }
.search a{ color:#fff; margin:0 10px;}
.search a:hover{ color:#da0000;}
/*导航*/
.nav_top{ background: #0a55b2; height: 61px; line-height: 61px;}
.nav{ margin: 0 auto;}
.nav ul{ list-style:none;}
.nav ul li{float:left;  width: 150px;}
.nav ul li a{ color:#FFFFFF; font-size:16px;margin:0;text-transform:uppercase; display:block; text-align:center; font-family: "微软雅黑"; position: relative;}
.nav ul li a:hover,.nav ul li.on a{ color:#000000;  background:#f2f2f2; transition-duration:0.4s;}

.nav li ul.menu{ margin:0; padding:0;position:absolute;display:none; height:auto; width:111px; overflow:hidden; opacity: 0; height:auto;z-index:1000000000;clear:both; background:#fff;}
.nav li ul.menu li{ width:auto; padding:0;line-height:35px; height:35px; float:none; margin:0; overflow:hidden; border-bottom:1px dashed #ccc;}
.nav li ul.menu li a{line-height:45px;color:#666;padding:0;background:none;font-family:"微软雅黑";height:45px; font-size:15px; font-weight:normal; text-align:center; margin:0;text-transform: uppercase; text-indent:0;}
.nav li ul.menu li a:hover{color:#000000; background:#f2f2f2; transition-duration:0.4s;}


.nav ul li.none{ background: no-repeat;}
.nav ul li.none a:after{ display: none;}


/*焦点图*/
.banner{height:560px; 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/nban.jpg) no-repeat center 0; height: 400px;}


/* 本例子css */
.picScroll-left{position:relative; width: 100%; }
.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:0 7px; background:url(../images/p_bg.png) no-repeat 0 0; width: 281px; height: 240px; float:left; overflow:hidden; position: relative; text-align: center; font-family: "微软雅黑"; margin-bottom: 15px; }
.picScroll-left .bd ul li:before{ width: 224px; height: 28px; content: ""; position: absolute; background: url(../images/dot_logo.png) no-repeat 0 0; z-index: 10000; top: 160px; left: 10%;}
.picScroll-left .bd ul li .pic{ text-align:center; width: 281px; overflow:hidden; height:240px; 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{ width: 100%; line-height:40px; height:40px; text-align: left; position: absolute; bottom:0px; background-color: rgb(0,0,0,0.2); display: block; padding-left: 15px; font-size: 14px; color: #FFFFFF; }
.picScroll-left .bd ul li .title a{ color: #FFFFFF; display: block;}


.picScroll-left1{position:relative; width: 100%; }
.picScroll-left1 .hd{ }
.picScroll-left1 .hd .prev,.picScroll-left1 .hd .next{ display:block; position: absolute; width: 26px; height: 46px; top:160px; bottom: 0; margin: 0 auto; cursor: pointer;}
.picScroll-left1 .hd .prev{ background: url(../images/link_left.jpg); left: -40px;}
.picScroll-left1 .hd .next{ background: url(../images/link_right.jpg); right: -40px;}
.picScroll-left1 .bd{ }
.picScroll-left1 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left1 .bd ul li{ margin:0 7px;  width: 380px; height: 224px; border-radius: 10px; float:left; overflow:hidden; position: relative; text-align: center; font-family: "微软雅黑"; border: 2px solid #0a55b2; }

.picScroll-left1 .bd ul li .pic{ text-align:center; width: 380px; overflow:hidden; height:224px; text-align: center; line-height: 0; }
.picScroll-left1 .bd ul li .pic img{ width:auto; max-width: 100%; height:100%; transition-duration:0.6s}
.picScroll-left1 .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-left1 .bd ul li .title{ width: 100%; line-height:40px; height:40px; text-align: left; position: absolute; bottom:0px; background-color: rgb(0,0,0,0.2); display: block; padding-left: 15px; font-size: 14px; color: #FFFFFF; }
.picScroll-left1 .bd ul li .title a{ color: #FFFFFF; display: block;}



/*页脚*/
.footer{ position:relative; color:#333333; line-height:24px; font-size:14px; background: #f1f1f1; padding: 10px 0;}
.footer .w{ position:relative; }
.footer p{ color:#333333; padding-top: 20px}
.footer a{ color:#333333; display:inline-block;}
.footer a:hover{ color:#e1b61a;transition-duration:0.4s;}
.footer .w .atop{ position:absolute; right:-65px; bottom:149px; background:url(../images/top.png) no-repeat 0 0; width:57px; height:51px;}

.footer .fcon{ padding: 30px 0;}
.footer .fl{width: 385px; float: left;}
.footer .fl p span{ font-size: 16px;}
.footer .fl p { line-height: 30px;}
.footer .fr{ float: right; width: 800px;}
.footer .fr img{ float: right;}
.footer .fr div{ width: 540px; float: left;}
.footer .fr div span{ border-bottom: 1px solid #5b5b5b; font-size: 20px; font-weight: bold; display:block; line-height: 50px;}
.footer .fr div p{ line-height: 40px; padding-top: 10px;  color: #717171; font-size: 16px; word-spacing: 5px;}
.footer .fr div p a{ color: #717171;}

.footer .fw1{ width: 180px;}
.footer .fw2{ width: 180px;}
.footer .fw3{ width: 250px;}


.fnav{ list-style: none; height: 50px; line-height: 50px; background: #0a55b2; color: #FFFFFF;}
.fnav .w{ background:none ;}
.fnav span{float: left;}
.fnav p{ float: right; padding: 0;}
.fnav a{ color: #FFFFFF;}

.f-link{color:#333333; line-height:28px; padding: 10px;}
.f-link span{color:#333333; font-size:20px; display: block; text-transform: uppercase;background:url(../images/tlink.jpg) no-repeat 0 0;  float: left; padding-left:30px; font-weight: bold; line-height: 40px;}
.f-link a{ color:#333333; margin:0 10px; font-size:14px; line-height:40px;}
.f-link a:hover{ color:#333333;}
/*内部样式*/
.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{ padding: 40px;}
.block-1 p{ margin: 0 50px; font-size: 16px; color: #262626; line-height: 30px; text-align: left;}
.block-1 p span{ font-size: 28px;}
.block-1 p span em{ font-size: 12px; font-style: normal;}
.block-1 a{ color: #0a55b2; font-size: 20px;}
.block-1 img{ float: left; padding-right: 30px;}


.block-2{ text-align: center;}
.block-2 .brow{ width: 225px; display: inline-block; margin: 0 30px;}
.block-2 .brow i{ display: inline-block; background: url(../images/dot_1.jpg) no-repeat center center; width: 100%; height: 99px;}
.block-2 .brow i img{ margin-top: 30px;}
.block-2 .brow:hover i{ background-image: url(../images/dot_hover.jpg);}
.block-2 .brow span{ display: block; font-size: 20px; font-weight: bold; color: #016f52; padding: 15px 0 10px;}
.block-2 .brow p{ color: #797979; }
.block-2 .brow:hover i img{ transform: rotate(360deg); transition: all 1s;}


.block-3{ box-shadow: #ccc 0 0 5px; margin: 0 5px; padding: 20px 0;}

.block-4{}
.block-4 .fr{ width: 325px;}



.block-c{ background: #0a55b2; 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;}
/*分类列表*/
.sub{ padding: 15px 0 0px;}
.sub a{color:#333333; font-size:20px; margin-right:10px; line-height:45px; padding:8px 35px; border:1px solid #fff;}
.sub a:hover,.sub a.on{ color:#fff; border-radius: 10px; background:#0a55b2; border-color: #0a55b2; transition-duration:0.4s;}
.sub a.more-1{ float: right; border: 2px solid #0a55b2; padding:0px 25px; font-size: 16px;}

.subnav{list-style:none; margin:0; position:relative; padding: 15px;}
.subnav li{ display:block; height:55px; line-height:55px; padding:0 25px; margin:10px 0 0; border-bottom:1px solid #e6e6e6;}

.subnav li a{ display:block; color: #666666; font-weight: bold; text-indent:50px; font-size: 20px; position: relative; z-index: 10;}
.subnav li:hover::after{ width: 100%; transition:all 0.5s;}
.subnav li:hover a,.subnav li a:hover{ color:#0a55b2;transition:all 0.5s;}
/*标题样式*/
.ititle-1{text-align:center; position:relative; background: url(../images/tit1.jpg) no-repeat center 0; padding-top: 83px;}
.ititle-1 span{font-size:28px; display:block; font-weight: bold;}
.ititle-1 i{font-size:38px;display:block; line-height:50px; text-transform:uppercase; font-style: normal;}
.ititle-1 p{font-size: 24px;}


.title-1{ line-height:90px; font-family: "微软雅黑"; color:#333333; position:relative; text-align: center; }
.title-1:before{ width: 300px; height: 80px; content: "About Us"; position: absolute; color: #f2f2f2; left: 38%; font-size: 60px; z-index:0; top: -15px;}
.title-1:after{ width: 40px; height: 4px; content: ""; position: absolute; background: #0a55b2; left: 48%; top: 92px;}
.title-1 p{ z-index:1000;position:relative; font-size: 30px; font-weight: bold; margin: 0; line-height: 60px;}



.title-2{ line-height:90px; font-family: "微软雅黑"; color:#333333; position:relative; text-align: center; }
.title-2:before{ width: 300px; height: 80px; content: "PRODUCT"; position: absolute; color: #f2f2f2; left: 35%; font-size: 80px; z-index:0; top: -15px;}
.title-2:after{ width: 100%; left: 0; height: 1px; content: ""; position: absolute; background: #f2f2f2;  top:75px;}
.title-2 p{ z-index:1000;position:relative; font-size: 30px; font-weight: bold; margin: 0; line-height: 60px; padding-top: 15px;}
.title-2 p:after{ width: 40px; height: 4px; content: ""; position: absolute; background: #0a55b2; left: 48%; top:72px;}

.title-3{ line-height:90px; font-family: "微软雅黑"; color:#333333; position:relative; text-align: center; }
.title-3:before{ width: 300px; height: 80px; content: "CASE"; position: absolute; color: #f2f2f2; left: 38%; font-size: 80px; z-index:0; top: -15px;}
.title-3:after{ width: 100%; left: 0; height: 1px; content: ""; position: absolute; background: #f2f2f2;  top:75px;}
.title-3 p{ z-index:1000;position:relative; font-size: 30px; font-weight: bold; margin: 0; line-height: 60px; padding-top: 15px;}
.title-3 p:after{ width: 40px; height: 4px; content: ""; position: absolute; background: #0a55b2; left: 48%; top:72px;}

.title-4{ line-height:90px; font-family: "微软雅黑"; color:#333333; position:relative; text-align: center; }
.title-4:before{ width: 300px; height: 80px; content: "NEWS"; position: absolute; color: #f2f2f2; left: 38%; font-size: 80px; z-index:0; top: -15px;}
.title-4:after{ width: 100%; left: 0; height: 1px; content: ""; position: absolute; background: #f2f2f2;  top:75px;}
.title-4 p{ z-index:1000;position:relative; font-size: 30px; font-weight: bold; margin: 0; line-height: 60px; padding-top: 15px;}
.title-4 p:after{ width: 40px; height: 4px; content: ""; position: absolute; background: #0a55b2; left: 48%; top:72px;}

.title-5{ background: #0a55b2; color: #FFFFFF; font-size: 30px; text-align: center; height: 60px; line-height: 60px;}
.title-6 { border-bottom: 2px solid #dedede; height: 60px; line-height: 60px; text-align: left;}
.title-6 span{ font-size: 20px; font-weight: bold;}

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: 40px;}
.place a{ color:#666666;}
.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;}


.ul-1{list-style:none;margin:0;}
.ul-1 li{ margin:0 9px 10px; display:block; overflow:hidden; float:left; width:264px;font-family:"微软雅黑";}
.ul-1 li a.a-p{font-size:16px;color:#343333;line-height:38px; display:block; text-align:center; margin:0 auto;}
.ul-1 li div.pic{width:264px; height:166px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:144px; margin:0; background:#eee;}
.ul-1 li img{vertical-align:middle; transition-duration:0.6s;}
.ul-1 li:hover a.a-p,.ul-1 li:hover{ color:#fff; transition-duration:0.6s;}
.ul-1 li .title{ line-height:24px; padding: 10px 8px 5px; display: block;}
.ul-1 li .title a{ color: #000; display: block; height: 48px;}
.ul-1 li .title p{ text-align: right; color: #000; position: relative; margin: 0;}
.ul-1 li .title p span{ color: #2dc39e; font-size: 22px;}
.ul-1 li .title p i{ float: left; font-style: normal; color: #909090;}
.ul-1 li:hover{ background: #ffc000;}
.ul-1 li:hover .title p span{ color: #000;}

.ul-2{list-style:none;margin:0;}
.ul-2 li{ margin:0 8px 20px; display:block; overflow:hidden; float:left; width:255px; background:#fff;padding:15px;}
.ul-2 li .brow1{ color: #333; height: 110px;}
.ul-2 li .brow1 .fl span{ font-size: 20px; display: block; font-weight: bold;}
.ul-2 li .brow1 .fl i{ font-style: normal; font-size: 17px; color: #5c5c5c;}
.ul-2 li .brow1 .fr{ width: 58px; height: 38px; overflow: hidden;}
.ul-2 li .brow2{ border-top: 1px solid #ddd; padding: 25px 0 0;}
.ul-2 li .brow2 .fl{}
.ul-2 li .brow2 .fl p{ color: #ff5b57; font-size: 22px;}
.ul-2 li .brow2 a{ display: inline-block; color: #585858; font-size: 17px; text-align: center; width: 112px; height: 37px; line-height: 37px; border: 1px solid #ccc; border-radius: 10px;}
.ul-2 li .brow2 a:hover{ background: #00c8cc; color: #fff; border-color: #00c8cc; transition: all 0.5s;}



/*新闻列表*/
.ul-news{ margin:0; list-style:none; padding-top:35px;}
.ul-news li{font-family: "微软雅黑"; padding: 20px; width: 540px; height: 120px; float: left; margin-right: 18px; text-align: left; position: relative; margin-bottom: 15px; background: url(../images/news_bg.jpg) no-repeat 0 center;}
.ul-news li a{ color:#333; font-size: 16px; line-height: 40px;}
.ul-news li span{ color: #666; width: 80px; line-height: 30px; float: left; text-align: center; font-size: 16px; padding-top: 30px;}
.ul-news li:hover span{ color: #FFFFFF;}
.ul-news li div{ width: 440px; float: left; padding-left: 10px; padding-top: 10px;}
.ul-news li div p{ margin: 0; line-height: 25px; font-size: 14px;}
.ul-news li div  a{ color: #262626; font-size: 18px; line-height: 40px;}
.ul-news li:hover{transition: all 0.4s; background: url(../images/news_hover.jpg) no-repeat 0 center; color: #FFFFFF;}
.ul-news li:hover a{ color:#262626; transition: all 0.4s;}


.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; padding-top: 15px;}
.content p{line-height:26px; margin:0 0 10px; font-size:15px;color: #272727;}
/*产品详情*/
.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;}