@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
:focus {outline:0;}
body {font:12px "微软雅黑",Arial, Helvetica, sans-serif;}
ul,ol,li {list-style:none;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
img {border:0;margin:0;}
select,input,textarea {font-size:12px;font-family:"微软雅黑";}
input,select {vertical-align:middle;}
label {cursor:pointer;cursor:hand;}
a,a:visited {text-decoration:none;}
a:hover {color:#f00;text-decoration:underline;}
.clear {clear:both;margin:0;padding:0;height:0;font-size:0;zoom:1;}
.clearfix {zoom:1}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.fl {float:left;}
.fr {float:right;}


.topwrap {height:50px;min-width:1150px;margin:0 auto;background:#dc0000;}
.wrap {width:1150px;margin:0 auto;clear:both;min-width:1150px;}
.toptxt {float:right;line-height:50px;color:#fff;font-size:17px;}
.toptxt li {float:left;margin-left:30px;font-weight:bold;}
.toptxt li i {display:inline-block;width:19px;height:16px;margin-right:6px; vertical-align:middle;}
.toptxt li i.icon-mail {background:url(../images/icon-email.png) no-repeat right;}
.toptxt li i.icon-tel {background:url(../images/icon-tel.png) no-repeat right;}

.headerbox {height:160px;border-bottom:12px solid #dc0000;min-width:1150px;position:relative;z-index:999;}
.headerwrap {width:1150px;min-width:1150px;position:relative;margin:0 auto;height:150px;z-index:0;}
.headerwrap h1 {position:absolute;left:0;top:15px;width:705px;height:100px;background:url(../images/logo.jpg) no-repeat;}
.searchbox {position:absolute;right:0;top:45px;}
.input-s {border:1px solid #898d8e;border-right:none;float:left;width:218px;height:29px;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;border-radius-topleft:4px; border-radius:6px 0 0 6px;color:#999;text-align:center;}


.navbox {max-width:1150px;margin:0 auto;background:#2b2b2b;height:55px;width:1150px;margin:0 auto;position:absolute;z-index:999;bottom:-40px}
/*.nav {max-width:1150px;background:#015eab;margin:0 auto;}
.nav li {float:left;font-size:15px;font-weight:bold;text-align:center;line-height:50px;}
.nav li a {color:#fff;text-align:center;display:inline-block;width:140px;}
.nav li a:hover {background:#018ad2;color:#fff;text-decoration:none;}
.nav li a.active {background:#018ad2;color:#fff;text-decoration:none;}
*/
.footerbox {background:#353535;color:#fff;font-size:14px;line-height:32px;padding:20px 0;text-align:center;margin-top:70px;min-width:1150px;}
.footerbox a {color:#fff;}

.banner {height:400px;}
.home-about {padding:60px 0 90px;}
.home-about img {float:right;margin-left:78px;}
.home-about h2 {color:#dc0000;font-size:27px;font-weight:bold;margin-bottom:30px;}
.home-about p {line-height:30px;font-size:13px;}
.home-about a.more {background:#3f3c35;color:#fff;font-size:13px;display:inline-block;width:178px;height:42px;text-align:center;line-height:42px;margin-top:30px;}

.homeprobox {background:#f4f4f4;height:430px;min-width:1150px;}

.rollBox {width:100%;overflow:hidden;margin-bottom:30px;}
.rollBox .LeftBotton {height:58px;width:60px;background: url(../images/arleft.jpg) no-repeat left 0;overflow: hidden;float:left;margin:110px 0 0 0;cursor: pointer;}
.rollBox .RightBotton {height:58px;width:60px;background: url(../images/arright.jpg) no-repeat right 0;overflow: hidden;float:right;margin:110px 0 0 0;cursor: pointer;}
.rollBox .Cont {width:1030px;overflow:hidden;float:left;}
.rollBox .ScrCont {width: 10000000px;}
.rollBox .Cont .pic {width:343px;float:left;height:262px;padding:20px 0;}
.picbox {border:1px solid #cacaca;height:262px;width:301px;margin:0 auto;text-align:center;}
.picbox:hover {border:1px solid #ccc;-moz-box-shadow:0 0 15px #888; -webkit-box-shadow:0 0 15px #888;box-shadow:0 0 15px #888; transition: all 0.3s ease-in-out;}
.rollBox .Cont .pic .picitem {background:#fff;width:301px;height:210px;text-align:center;}
.rollBox .Cont .pic a {color:#727171;font-size:15px;}
.rollBox .Cont .pic h4 {padding-top:10px;}
.rollBox .Cont .pic a:hover {text-decoration:none;color:#633;}
.rollBox .Cont .pic a img{margin:0 auto;max-width:303px;max-height:210px;display:block;}
.rollBox #List1, .rollBox #List2 {float: left;}


.hometit {font-size:30px;color:#dc0000;text-align:center;background:url(../images/line.jpg) no-repeat center bottom;margin:0 0 30px 0;padding:40px 0 10px 0;}

.homenews {}
.homenews li {width:516px;}
.homenews li .newstime {background:#666;width:80px;height:70px;font-size:14px;text-align:center;color:#fff;line-height:30px;padding-top:10px;float:left;margin-right:28px;margin-bottom:45px;}
.homenews li .newstime span {font-size:24px;display:block;}
.homenews li h4 {font-size:15px;font-weight:bold;margin-bottom:5px;}
.homenews li h4 a {color:#333;}
.homenews li p {color:#999;font-size:13px;line-height:22px;}
.morenews {text-align:center;}
.morenews a {display:inline-block;border:1px solid #333;height:22px;width:178px;color:#666;font-size:14px;background:url(../images/arowdown.png) no-repeat center 8px;padding-top:20px;}
.morenews a:hover {border:1px solid #dc0000;background:url(../images/arowdown.png) no-repeat center 8px #f4f4f4;text-decoration:none;}

.col-sm-6{
    position: relative;
    min-height: 1px;
    padding-left:9px;
    padding-right: 9px
}
.ih-item {
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item,
.ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ih-item a {
    color: #333;
}

.ih-item a:hover {
    text-decoration: none;
}

.ih-item img {
    width: 100%;
    height: 100%;
}
.ih-item.square {
    position: relative;
    width: 264px;
    height:192px;
}

.ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ih-item.square.effect4 {
    overflow: hidden;
    position: relative;
}

.ih-item.square.effect4.colored .info {
    background: rgba(12, 34, 52, 0.6);
}

.ih-item.square.effect4.colored .mask1,
.ih-item.square.effect4.colored .mask2 {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6);
}

.ih-item.square.effect4 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
    position: absolute;
    background: #333333;
    background: rgba(0, 0, 0, 0.6);
    height: 361px;
    width: 264px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.square.effect4 .mask1 {
    left: auto;
    right: 0;
    top: 0;
    -webkit-transform: rotate(56.5deg) translateX(-180px);
    -moz-transform: rotate(56.5deg) translateX(-180px);
    -ms-transform: rotate(56.5deg) translateX(-180px);
    -o-transform: rotate(56.5deg) translateX(-180px);
    transform: rotate(56.5deg) translateX(-180px);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

.ih-item.square.effect4 .mask2 {
    top: auto;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(56.5deg) translateX(180px);
    -moz-transform: rotate(56.5deg) translateX(180px);
    -ms-transform: rotate(56.5deg) translateX(180px);
    -o-transform: rotate(56.5deg) translateX(180px);
    transform: rotate(56.5deg) translateX(180px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.ih-item.square.effect4 .info {
    background: #111111;
    height: 0;
    visibility: hidden;
    width: 361px;
    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.35s ease-in-out 0.35s;
    -moz-transition: all 0.35s ease-in-out 0.35s;
    transition: all 0.35s ease-in-out 0.35s;
}

.ih-item.square.effect4 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: transparent;
    margin-top: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out 0.35s;
    -moz-transition: all 0.35s ease-in-out 0.35s;
    transition: all 0.35s ease-in-out 0.35s;
}

.ih-item.square.effect4 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out 0.35s;
    -moz-transition: all 0.35s ease-in-out 0.35s;
    transition: all 0.35s ease-in-out 0.35s;
}

.ih-item.square.effect4 a:hover .mask1 {
    -webkit-transform: rotate(56.5deg) translateX(1px);
    -moz-transform: rotate(56.5deg) translateX(1px);
    -ms-transform: rotate(56.5deg) translateX(1px);
    -o-transform: rotate(56.5deg) translateX(1px);
    transform: rotate(56.5deg) translateX(1px);
}

.ih-item.square.effect4 a:hover .mask2 {
    -webkit-transform: rotate(56.5deg) translateX(-1px);
    -moz-transform: rotate(56.5deg) translateX(-1px);
    -ms-transform: rotate(56.5deg) translateX(-1px);
    -o-transform: rotate(56.5deg) translateX(-1px);
    transform: rotate(56.5deg) translateX(-1px);
}

.ih-item.square.effect4 a:hover .info {
    width:264px;
    height:60px;
    visibility: visible;
    top:60px;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
}

.ih-item.square.effect4 a:hover .info h3,
.ih-item.square.effect4 a:hover .info p {
    opacity: 1;
}

.homecase {}
.homecase li {float:left;margin-bottom:26px;}

/*sec css*/
.secbanner {background:url(../images/secbanner.jpg) no-repeat center;height:168px;min-width:1150px;}
.secwrap {padding-top:60px;}
.secleft {width:288px;}
.lefttit {background:url(../images/arow1.png) no-repeat 12px 10px #dc0000;height:44px;text-indent:45px;color:#fff;line-height:44px;font-size:20px;font-weight:bold;}
.lefttit1 {background:url(../images/icon-tel1.png) no-repeat 12px 12px #6e6e6e;height:44px;text-indent:45px;color:#fff;line-height:44px;font-size:20px;font-weight:bold;}

.leftmenu {margin-bottom:20px;}
.leftmenu li {border-bottom:1px solid #f8f8f8;background:url(../images/arow2.png) no-repeat 16px 12px #ebebeb;height:40px;line-height:40px;font-size:14px;}
.leftmenu li a {display:block;color:#333;font-weight:bold;padding-left:45px;}
.leftmenu li a:hover {text-decoration:none;color:#dc0000;background:url(../images/arow2.png) no-repeat 16px 12px #e9e9e9;}
.leftmenu li a.active {color:#dc0000;}
.left-conbox {border:1px solid #d7d7d7;padding:22px;line-height:35px;font-weight:bold;color:#333;}
.left-conbox a {color:#333;}

.secright {width:800px;}
.curbox {border-bottom:1px solid #d8d8d8;height:45px;background:url(../images/icon-cur.png) no-repeat left bottom;}
.curbox h3 {font-size:18px;font-weight:bold;}
.curbox p {line-height:45px;color:#666;}
.curbox p span {color:#dc0000;}
.curbox p a {color:#666;}

.newslist {padding-top:40px;}
.newslist li {clear:both;border-bottom:1px solid #f1f1f1;margin-bottom:30px;height:110px;}
.newslist li .newstime {background:#666;width:80px;height:70px;font-size:14px;text-align:center;color:#fff;line-height:30px;padding-top:10px;float:left;margin-right:28px;margin-bottom:45px; font-style:italic;}
.newslist li .newstime span {font-size:24px;display:block;}
.newslist li h4 {font-size:15px;font-weight:bold;margin-bottom:5px;}
.newslist li h4 a {color:#333;}
.newslist li p {color:#999;font-size:12px;line-height:22px;}

.caselist {}
.caselist li {float:left;text-align:center;font-size:14px;width:287px;margin:0 0 40px 0;}
.caselist li a {color:#000;}
.caselist li img {display:block;}

.procategory {margin-bottom:20px;}
.procategory li {text-indent:45px;font-weight:bold;border-bottom:1px solid #f8f8f8;background:url(../images/arow3.png) no-repeat 16px 15px #ebebeb;line-height:43px;font-size:14px;}
.procategory li ul {}
.procategory li li {background:#f8f8f8;border-bottom:1px solid #ebebeb;text-indent:45px;}
.procategory li a {display:block;color:#333;font-weight:bold;}
.procategory li li a {font-weight:lighter;display:block;color:#333;}
.procategory li a:hover {text-decoration:none;color:#dc0000;}
.procategory li a.active {color:#dc0000;}


.productlist {padding-top:36px;}
.productlist li {border:1px solid #e5e5e5;overflow:hidden;width:240px;height:228px;float:left;margin:0 34px 36px 0;}
.productlist li:hover {border:1px solid #ccc;-moz-box-shadow:0 0 15px #888; -webkit-box-shadow:0 0 15px #888;box-shadow:0 0 15px #888; transition: all 0.3s ease-in-out;}
.productlist li a:hover {text-decoration:none;font-weight:bold;}
.productlist li:nth-child(3n) {margin:0 0 36px 0;}
.productlist li h5 {text-align:center;color:#666;padding-top:5px;}
.productlist li img {max-width:240px;}

.homeprolist {padding-top:20px;}
.homeprolist li {border:1px solid #e5e5e5;overflow:hidden;width:240px;height:180px;float:left;margin:0 34px 10px 0;text-align:center;}
.homeprolist li:hover {border:1px solid #ccc;-moz-box-shadow:0 0 15px #888; -webkit-box-shadow:0 0 15px #888;box-shadow:0 0 15px #888; transition: all 0.3s ease-in-out;}
.homeprolist li a:hover {text-decoration:none;font-weight:bold;}
.homeprolist li:nth-child(3n) {margin:0 0 10px 0;}
.homeprolist li h5 {text-align:center;color:#666;}
.homeprolist li img {max-width:240px;max-height:148px;}



#jsddm {
	margin: 0;
	padding: 0;
	position:relative;
	z-index:999;
}
#jsddm li {
	float: left;
	list-style: none;
	font-size: 15px;text-align:center;
}
#jsddm li a {
	display: block;
	text-decoration: none;
	width:127.5px;
	color: #fff;
	white-space: nowrap;
	height:55px;line-height:55px;
}
#jsddm li a:hover {
	background: #dc0000
}
#jsddm li a.active {
	background: #dc0000
}
#jsddm li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	width:127.5px;
}
#jsddm li ul li {
	float: none;
	display: inline;
	
}
#jsddm li ul li a {
	width: auto;
	background: #2b2b2b;
	color: #fff;line-height:22px;padding:5px 0;height:auto;font-size:14px;
}
#jsddm li ul li a:hover {
	background: #dc0000
}

.infobox {line-height:30px;padding-top:30px;font-size:14px;color:#444;}
.infobox h2 {text-align:center;font-weight:bold;font-size:24px;color:#333;margin-bottom:20px;clear:both;}
.infobox h3 {font-weight:bold;font-size:18px;color:#1c579b;margin-bottom:20px;clear:both;}
.infobox table {font-size:14px;color:#444;margin-bottom:15px;}
.infobox p {margin-bottom:25px;}
.infobox img {}
.infobox h5 {font-size:14px;}

.page {text-align:center;padding:58px 0 0 0;}
.page a {border:1px solid #c5c6ca;display:inline-block;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;-moz-box-shadow:0px 0px 5px #cecece; -webkit-box-shadow:0px 0px 5px #cecece; box-shadow:0px 0px 5px #cecece;padding:3px 8px;margin:0 4px;color:#7e7e7e;font-weight:bold;background:#f2f2f2;}
.page a:hover {background:#3d4047;border:1px solid #3d4047;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;color:#fff;text-decoration:none;}
.page a.pageactive {background:#3d4047;border:1px solid #3d4047;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;color:#fff;text-decoration:none;}

.articlebox {padding:30px 0 0 0;}
.articlebox h2 {font-size:24px;color:#2b2b2b;text-align:center;}
.articlebox table {margin-bottom:16px; border-collapse:collapse;}
.articlebox table,.articlebox td,.articlebox th {border:1px solid #999;}
.articlebox td {padding:1px 6px;}

.timebox {color:#999;padding:15px 0 8px 0;font-size:13px;margin-bottom:15px;height:24px;text-align:center;border-bottom:1px dotted #ccc;}
.articlebox {font-size:14px;color:#333;line-height:26px;}
.articlebox p {margin-bottom:16px;}

.lxinfo {padding-left:30px;width:400px;float:left;line-height:34px;font-size:14px;color:#333;}

.regform {color:#2f2f2f;font-size:14px;padding:15px 0 0 0;}
.regform h3 {font-size:18px;font-weight:bold;margin-bottom:15px;color:#005bac;text-indent:15px;}
.regform li {color:#808080;width:50%;float:left;height:95px;}
.regform label {color:#808080;font-weight:lighter;line-height:24px;font-size:14px;display:block;margin-bottom:8px;}
.input3 {border:1px solid #ececec;width:94%;background-color:#fff;height:40px;line-height:40px; }
.regform textarea {border:1px solid #ececec;width:778px;background-color:#fff;height:110px;padding:8px 0;}
.regbtn {padding:10px 0 0 0;text-align:center;clear:both;}

.mesbtn {border:1px solid #666;background:#666;cursor:pointer;font-size:14px;color:#fff;padding:8px 50px;margin-right:10px;}
.mesbtn:hover {border:1px solid #666;background:#666;}

.productinfo {padding:14px 0 0 0;}
.productinfo h2 {font-size:24px;color:#2b2b2b;text-align:center;margin-bottom:30px;}
.productinfo table {margin-bottom:16px; border-collapse:collapse;background:#ccc;font-size:14px;line-height:35px;}
.productinfo table tr:nth-child(1) {background:#ddd;font-weight:bold;}
.productinfo table td {border:1px solid #ccc;border-collapse:collapse;text-align:center;}
.productinfo table,.productinfo tr {background:#fff;}
.productinfo td {padding:1px 6px;}
.productinfo p {font-size:14px;line-height:30px;color:#444;margin-bottom:12px;}

#full-screen-slider { width:100%; height:400px; float:left; position:relative;min-width:1150px;}
#slides { display:block; width:100%; height:400px; list-style:none; padding:0; margin:0; position:relative;min-width:1150px;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;min-width:1150px;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:30%; top:360px; z-index:9900;  margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

#kefu1 { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top:50px;/*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position:absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+50 :document.body.scrollTop +50);
}

#kefu1{position:fixed;right:0px;top:460px;z-index:10008;width:120px;padding:6px;background:#fff;border:1px solid #ddd;box-shadow:1px 1px 1px #d4d4d4;font-size:12px;}
.cs_tel{height:25px;background:url('../images/img.gif') no-repeat 0px 0px;}
.cs_tel_ct{color:#666;line-height:150%;}
.cs_tel_num{color:#c00;font-size:18px;font-family:Arial,Verdana;font-style:italic;font-weight:bold;display:block;padding:5px 0px;}

.cs_online{height:30px;background:url('../images/img.gif') no-repeat 0px -50px;}
.cs_online_qq{height:25px;}
.cs_online_qq a:link, .cs_online_qq a:active, .cs_online_qq a:visited, .cs_online_qq a:hover{text-decoration:none;color:#666;}

.cs_qcode{padding:10px 0px 0px 0px;}

.cs_free{height:32px;background:url('../images/img.gif') no-repeat 0px -100px;}
.cs_free a{display:block;height:32px;}
.cs_free a span{display:none;}

.cs_baidu{height:32px;background:url('../images/img.gif') no-repeat 0px -200px;}
.cs_baidu a{display:block;height:32px;}
.cs_baidu a span{display:none;}

.cs_spr{border-bottom:1px dashed #c0c0c0;margin:8px 0px;}
.cs_space{clear:both;overflow:hidden;height:8px;}
.cs_close{position:absolute;right:5px;top:5px;width:12px;height:12px;background:url('../images/img.gif') no-repeat 0px -150px;}
.cs_close a{display:block;height:10px;}
.cs_close a span{display:none;}