@charset "utf-8";
/* CSS Document */

body{font-family: "Lucida Grande", "Microsoft JhengHei", "Microsoft YaHei";color: #666666; line-height:35px;}

html, body, div, span,  h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul,div,tr,td,li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
a{ color:#666666; text-decoration:none;}
a:hover{color:#c60019}
.inner { width:1200px; margin: 0px auto;}
.head{ width:100%;height:100px; margin:0 auto; position:fixed;  top:0; background:#fff; z-index:99; transition:0.45s; opacity:1; border-bottom:1px solid #f1f1f1;}
.top_head{ width:100%; margin:0 auto;}
.logo{float:left; background-image:url(../images/logo.png); width:209px; height:100px; margin-left:20px }
.menu{line-height:100px; float:right;   }
.menu .nav {  transition: 600ms; -webkit-transition: 600ms;  }
.menu .nav a:hover:before { width: 100%; left: 0; right: auto; }
.menu .nav li { float: left; padding: 34px 20px; }
.menu .nav li:first-child{padding-left:20px;}
.menu .nav a { display: block; font-size: 16px; line-height: 24px; color: #666666; font-weight: bold; padding: 5px 0; position: relative; }
.menu .nav a:before { content: ""; position: absolute; width: 0; height: 2px; background: #c60019; left: auto; right: 0; bottom: 0; transition: 300ms; -webkit-transition: 300ms; }
.menu .nav a.act:before { width: 100%; }


.rt{
    width:100%;
	margin:0 auto;

	border:1px solid #f5f5f5;
	height:160px;


	
}
.rt ul{
    width:100%;
	margin-top:25px;

}
.rt li{
    float:left;
    margin-right:120px;
    cursor: pointer;
}
.rt li:first-child{

    margin-left:40px;
    cursor: pointer;
}
.rt li:last-child{
    float:left;
    margin-right:0px;
    cursor: pointer;
}
.rt li a{
    display: block;
    width:90px;
    height:90px;
	color:#000;
	font-weight:bold;
    background: url(../images/icon.png) no-repeat;
}
.rt li span{
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    float:left;
    width:100%;
	color:#666;
	font-weight:bold;
}
.rt .ons a:hover{
    background-position:top right;
}
.rt .tws a{
    background-position:left -90px;
}
.rt .tws a:hover{
    background-position: right -90px;
}
.rt .ths a{
    background-position: left -180px;
}
.rt .ths a:hover{
    background-position: right -180px;
}
.rt .fou a{
    background-position: left -270px;
}
.rt .fou a:hover{
    background-position: right -270px;
}



.develper{ width:50%; float:left; overflow:hidden;}
.develinfo{ position:relative;}
.develinfo figure{ display:block; line-height:1; overflow:hidden;}
.develinfo figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.5s;}
.develtitle{ position:absolute; left:55px; top:52px;}
.develtitle h3{ color:#fff; line-height:1; font-size:28px; padding-bottom:28px; position:relative; margin-bottom:22px;}
.develtitle h3:before{ content:""; width:24px; height:5px; background:#fff; position:absolute; left:0; bottom:0;}
.develtitle small{ display:block; line-height:1.2; color:#fff; font-size:28px; font-family:"Arial";}
.develinfo:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.develright{ width:50%; float:left;}
.devetop .develinfo{ width:50%; float:left;}




.banner{ position:relative;}
.banner .bannerbox >li { height: 100%; line-height: 1; backface-visibility:hidden; overflow:hidden; opacity:1 !important; position:relative; transform-origin:left 0;}
.banner .bannerbox li figure{ position:relative; transform-origin:right center; right:0;}
.banner .bannerbox li figure img{ display:block; width:100%; height:auto; transform-origin:right 0; position:absolute; left:0; top:0;}
.banner .bannerbox >li.out{ opacity:1; z-index:2 !important;}
.banner .bannerbox >li.in{ opacity:1; z-index:3 !important;}
.banner .bannerbox >li.in figure{ -webkit-animation: slideIn 1s ease-in-out; animation: slideIn 1s ease-in-out; -moz-animation: slideIn 1s ease-in-out; overflow:hidden;}
.banner .bannerbox >li.in .btext h3{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.5s 0.4s;}
.banner .bannerbox >li.in .btext p{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.45s 0.6s;}

@-webkit-keyframes slideIn { 0% { width:0;} 100% { width:100%;} } 
@keyframes slideIn { 0% { width:0;} 100% { width:100%;} } 
@keyframes imgIn { 0% {transform:translateX(95%);opacity:1;} 100% {transform:translateX(0);opacity:1;}}

.btext{ position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-67px; text-align:center;}
.btext img{ display:block; max-width:100%; margin:auto; opacity:0; transform:translateY(65px); -webkit-transform:translateY(65px); -moz-transform:translateY(65px);}
.btext h3{ text-align:center; line-height:1; margin-bottom:20px; opacity:0; transform:translateY(65px); -webkit-transform:translateY(65px); -moz-transform:translateY(65px); color:#fff; font-size:50px; font-family:"微软雅黑"; font-weight:normal;}
.btext p{ color:#ffffff; font-size:20px; text-align:center; font-family:"commercialscriptregular"; width:410px; margin:auto; font-weight:normal; line-height:1.6; margin-top:20px; opacity:0; transform:translateY(56px); -webkit-transform:translateY(56px); -moz-transform:translateY(56px);}
.scolldown{ position:absolute; left:50%; margin-left:-32px; bottom:27px; z-index:20;}
.scolldown span{ display:block; padding-top:35px; line-height:1; color:#fff; font-size:16px; font-weight:bold; position:relative;}
.scolldown span:before{ content:""; width:29px; height:17px; background:url(../images/down1.png) center no-repeat; position:absolute; left:50%; margin-left:-15px; top:0; animation-delay: 0ms; animation-duration: 900ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.banner .flex-direction-nav li{ width:50px; height:50px; position:absolute; top:50%; margin-top:-32px; z-index:20; background:rgba(0,0,0,0.3); background:#000\9; filter:alpha(opacity=30); border-radius:50%; opacity:0; visibility:hidden; transition:0.35s;}
.banner .flex-direction-nav li a{ display:block; height:50px; text-indent:9999px; overflow:hidden;}
.banner .flex-direction-nav li.flex-nav-prev{ left:20px; }
.banner .flex-direction-nav li.flex-nav-prev a{ background:url(../images/arrow13.png) center no-repeat;}
.banner .flex-direction-nav li.flex-nav-next{ right:20px;}
.banner .flex-direction-nav li.flex-nav-next a{ background:url(../images/arrow14.png) center no-repeat;}
.banner .flex-direction-nav li:hover{ background:#cf1c2e;}
.banner:hover .flex-direction-nav li{ opacity:1; visibility:visible;}
.banner:hover .flex-direction-nav li.flex-nav-prev{ left:40px;}
.banner:hover .flex-direction-nav li.flex-nav-next{ right:40px;}


.main{ width:100%;  height:500px;}

.sbanner{ background:url(../images/sbanner.png) no-repeat center top; height:350px; margin:0 auto; margin-top:100px;}
.tips{ width:100%; border-bottom:1px solid #f1f1f1; line-height:60px; margin-bottom:0px;}
.caseDL a:link, .caseDL a:visited { color: #a3a4a4; }
.caseDL a:active, .caseDL a:hover { color: #00aaad; }
.caseDL dd { background-color: #eafbfc; position: relative; }
.caseDL .img { width: 50%; display: block; overflow: hidden; float: left; }
.caseDL .img img { width: 100%; display: block; transition: transform 400ms; -webkit-transition: -webkit-transform 400ms; }
.caseDL .con { width: 31%; padding: 0px 4% 0px; height: 266px; display: block; overflow: hidden; position: absolute; top: 50%; margin-top: -133px; }
.caseDL .proItem1 .con { left: 50%; }
.caseDL .proItem2 .img { float: right; }
.caseDL .proItem2 .con { left: 0; }
.caseDL .con .t { font: 30px/1.8 "Microsoft JhengHei"; color: #a3a4a4; height: 44px; overflow: hidden; }
.caseDL .con .c { margin: 16px 0px 10%; text-align: justify; line-height: 2; overflow: hidden; font-size: 14px; color: #949494; }
.caseDL .black { background: url(../images/black.png) repeat; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; display: none; z-index: 4; -webkit-transition: all 400ms; -ms-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms; }
.redMore { border: 2px solid #00AAAD; display: block; width: 124px; height: 34px; line-height: 34px; text-align: center; position: relative; }
.redMore .i1 { position: absolute; left: 0px; top: 0px; background-color: #00AAAD; width: 0px; height: 100%; transition: 300ms; }
.redMore .i2 { color: #00AAAD; position: relative; z-index: 1; }
.caseDL dd:hover .img img { transform: scale(1.15); -webkit-transform: scale(1.15); }
.caseDL dd:hover .con .t a { color: #00aaad; }
.caseDL dd:hover .redMore .i1 { width: 100%; }
.caseDL dd:hover .redMore .i2 { color: #fff; }

.footer{ background-color:#0067b2; color:#ffffff; padding:20px;}
.lett { padding: 0px 0px 10px; }
.lett .s { padding-right: 10px; }
.lett .s1 { background: url(../images/f1.png) no-repeat scroll left center; padding-left: 20px; }
.lett .s2 { background: url(../images/f2.png) no-repeat scroll left center; padding-left: 20px; }
.lett .s3 { background: url(../images/f3.png) no-repeat scroll left center; padding-left: 20px; }

.m30{ margin-top:30px; }

.Box {position: relative; padding:30px 0; background-color:#f5f5f5; }
		.content {width: 1200px;margin: 0 auto;}
			.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top:20px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
			.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
			.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 222px;height: 82px;margin-left: 20px;overflow: hidden;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 220px;height:80px; border:1px solid #ccc;transition: all 0.5s;}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.2); }




/*默认样式开始*/

.pic{
	display:block;
	width:100%;
	overflow:hidden;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	}
.pic img{
	display:block;
	width:100%;
	transition:600ms;
	-webkit-transition:600ms;
	}
.scapic:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	}
.proList {

	 margin-left: -4.5%;
	 margin-top:60px;
}

    .proList a {
        display: block;
        float: left;
        width: 28.83%;
        margin-left: 4.5%;
        background: #fff;
        margin-bottom: 30px;
    }

    
    .proList .txts {
        padding: 17px 0;
        transition: 300ms;
        -webkit-transition: 300ms;
    }



        .proList .txts .nowti {
            font-size: 16px;
            margin-top: 3px;
        }

    .proList a:hover {
        box-shadow: 0 0 8px rgba(0,0,0,.4);
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
    }

        .proList a:hover .txts {
            padding-left: 25px;
            padding-right: 25px;
        }




.n9{ width:100%; margin:0 auto;}
.n10{ border-bottom: 1px solid #f1f1f1;width:100%; text-align:center;  line-height:50px; color:#666666;  overflow:hidden; }
.n10:hover{background-color:#c60019; width:100%; text-align:center;  line-height:50px; color:#ffffff; cursor:pointer;}

.current{background-color:#c60019; width:100%; text-align:center;  line-height:50px; color:#ffffff; cursor:pointer;}

.n11{  font-size:12px; width:100%; height:38px;padding-left:2em; line-height:38px; color:#ffffff; margin-bottom:2.2px; overflow:hidden;}
.n11:hover{ background-color:#ffffff;  width:100%; font-size:12px; height:38px; padding-left:2em; line-height:38px; color:#666666; cursor:pointer;}

.n12{color:#1c5483}
.n12:hover{color:#FF6000; cursor:pointer;}
.newslist { margin:0 auto;}
.newslist ul {}
.newslist li {
	padding: 5px 0 0px 2px;
	height: 24px;
	line-height: 24px;
	width:99%;
	overflow: hidden;
	
}

.newslist li a {
	color: #666666;
}
.newslist li a:hover {
	color: #b40001;
}
.newslist li span {
	color: #666666;
	float: right;
	font-size:12px;
}
.clear {
    zoom:1;
}
.maincontent {margin:0 auto; margin-top:30px;}
#productslist {overflow: hidden;}
#productslist li { width:50%; margin-bottom: 20px; padding:0 10px;font-size: 16px;font-weight: bold; float: left; text-align: center; }

#productslist li:nth-child(3n) { margin-bottom: 12px; padding-right:0; float: left; text-align: center; }
#productslist a {display: block; overflow: hidden; padding: 10px; background-color: #ebebeb;}
#productslist a:hover { padding: 10px;background-color: #0166b6; color:#ffffff;}
#productslist h3 {font-weight:normal; font-size: 16px; font-weight: bold; padding-top:10px;}
#productslist p {margin: 0; height: 120px; overflow: hidden;}

.news-tit h3{ padding-bottom:5px; margin-top:1em; margin-bottom:25px; color:#c60019; text-align:center; font-size:22px;}
.news-tit p{ text-align:center;color:#666666; padding-bottom:10px; border-bottom:2px solid #e4e3e3; }
.news-con{ margin-top:20px;}
.fenxiang{width:100%; height:20px; line-height:20px;border-bottom:solid 1px #ccc;}
.fenye{width:100%; height:30px; padding:0px 0px 0px 0px;}
.right{float:right;}

.newslists { margin:0 auto;}
.newslists ul { width:100%}
.newslists li {
	padding: 5px 0 5px 22px;
	background: url(../images/d.png) no-repeat 4px center;
	height: 40px;
	line-height: 40px;
	width:97%;
	overflow: hidden;
	border-bottom: #e8e8e8 1px solid;
	
}
.newslists li a {
	color: #666666;
}
.newslists li a:hover {
	color: #b40001;
}
.newslists li span {
	color: #939393;
	float: right;
}


.maincontents {margin:0 auto; margin-top:1em;}
#productslists {overflow: hidden;}
#productslists li { margin-bottom: 35px; padding:0 15px; float: left; text-align: center; }
#productslists a {display: block; overflow: hidden; padding: 10px; background-color: #ebebeb; width: 100%;}
#productslists a:hover { padding: 10px;background-color: #0166b6; color:#ffffff;}
#productslists h3 {font-size: 12px;  font-weight:normal; }
#productslists p {margin: 0; height: 120px; overflow: hidden;}
<!--默认样式结束-->