@charset "utf-8";
* {padding:0; margin:0;}
html{}
body {font:14px/1.8 'Montserrat', Arial, Helvetica, sans-serif; color:#666; background-color:#fff; }
h1, h2, h3, h4, h5, h6 { font-size:14px; color:#333; height: 28px; line-height: 28px;}
img {border:0; filter:alpha(opacity=100);_filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
img:hover{ filter:alpha(opacity=90);_filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
li {list-style-type:none;}
.overflow {-o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clear {clear:both;}
a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover { color:#f08519; text-decoration:none;}
a:active { color:#f08519; text-decoration:none;}
input, select, textarea{ font-family:'Montserrat', Arial, Helvetica, sans-serif;}
#hd, #ft, #con, #ltit, #ltit2 {width:1170px; margin:0 auto; overflow:hidden;}

/*-------index，头部初始样式开始------*/
.head { position:absolute; left:0; top:0; z-index:100; width:100%; height:auto;}

#hd0 { position:relative; width:100%; height:auto; background-color:#003147;}
#hd { height:110px; color:#333; position:relative; overflow:visible; transition: all 200ms linear;}
#hd .logo{ float:left; padding-top:27px; transition: all 200ms linear;}

#hd .nav { float:right; height:110px; overflow:visible; transition: all 200ms linear; }
#hd .nav ul {}
#hd .nav ul li { position:relative; display:block; float:left; height:64px; line-height:64px; margin-left:35px; transition: all 200ms linear;}
#hd .nav ul .bg { margin-left:0;}
#hd .nav ul li a { position:relative; font-size:14px; font-weight:bold; color:#fff;  padding-left:1px; display:block; letter-spacing:1px; overflow:hidden; }
#hd .nav ul li a .libg{position:absolute; left:-100%; top:42px; z-index:1; width:100%; height:3px; background-color:#f08519; transition: all 200ms linear;}
#hd .nav ul li a:hover {  }
#hd .nav ul li a:hover .libg{ left:0;}
#hd .nav ul li:hover a { }
#hd .nav ul li:hover a .libg{ left:0;}
#hd .nav ul li .selected{ color:#f08519;  }

#hd .nav ul li .subNav {position:absolute; z-index:2; width:auto; left:0; top:48px; display:none; transition: all 200ms linear;}
#hd .nav ul li .subNav ul {position:absolute; z-index:2; top:0; width:auto; min-width:120px; box-shadow: 0 5px 6px rgba(0,0,0,.1);}
#hd .nav ul li .subNav ul li { background:rgba(238, 238, 238, 0.9)!important; background:#eee; filter:Alpha(opacity=90); width:100%; white-space:nowrap; height:35px; line-height:35px; margin:0; text-align:left; border-top: 1px #e5e5e5 solid; overflow:hidden;}
#hd .nav ul li .subNav ul li a { position:relative; font-size:14px; height:35px; line-height:35px; letter-spacing:0; margin:0; font-weight:normal; overflow:hidden; padding-left:10px; padding-right:10px; }
#hd .nav ul li .subNav ul li a .libg2{ position:absolute; left:-100%; top:0; z-index:1; width:100%; height:100%; background-color:#f08519; transition: all 200ms linear;}
#hd .nav ul li .subNav ul li a span{ position:relative; z-index:2; color:#666; transition: all 200ms linear;}
#hd .nav ul li .subNav ul li a:hover .libg2{left:0;}
#hd .nav ul li .subNav ul li a:hover span { color:#fff; }

#hd .nav .lang { height:14px; line-height:14px; margin-top:32px; text-align:right; transition: all 200ms linear;}
#hd .nav .lang a { margin-left:20px; display:inline-block; *display:inline; zoom:1; vertical-align:top;}

/*-------头部初始样式结束------*/

/*----------页面下拉后触发头部伸缩效果开始----------*/
.headFixed { position: fixed; }
*html, *html body{background-image:url(about:blank);background-attachment:fixed;}
*html .headFixed{ position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop));}
.headFixed #hd0{ background:rgba(0, 49, 71, 0.9)!important; background:#003147; filter:Alpha(opacity=90); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.headFixed #hd{ height:80px;}
.headFixed #hd .logo{padding-top:12px;}
.headFixed #hd .nav{ height:48px;}
.headFixed #hd .nav ul li { height:48px; line-height:48px;}
.headFixed #hd .nav ul li a .libg{ top:34px;}
.headFixed #hd .nav ul li .subNav { top:40px;}
.headFixed #hd .nav .lang { margin-top:18px;}
/*----------页面下拉后触发头部伸缩效果结束----------*/

#fl-t{ height:110px; width:100%;}
#fl {height:600px; width: 100%; overflow:hidden; }


/*----------index中间第三部分产品流动----------*/
#bd03{ clear:both; width:1280px; height:auto; margin:0 auto; margin-bottom:120px; }
#bd03 .title2{ text-align:center; margin-top:50px; margin-bottom:80px; }
#bd03 .title2 h2{ font-size:26px; font-weight:bold; color:#003147; height:26px; line-height:26px; margin-bottom:20px;}
#bd03 .title2 p{ width:800px; margin:0 auto; line-height:24px; letter-spacing: 0.1px; margin-bottom:20px;}

.rollBox img{border:none;}
.rollBox{width:1280px; overflow:hidden; margin:0 auto; position:relative;}
.rollBox .Cont{width:1170px; overflow:hidden; margin:0 auto; }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:390px; float:left; text-align:center; overflow:hidden; }
.rollBox .Cont .pic img{display:block; width:300px; height:300px; margin:0 auto; padding-top:10px;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}
.rollBox .Cont .pic:hover img{
    -webkit-transform: translateY(-10px); 
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);   
    -o-transform: translateY(-10px);  
    transform: translateY(-10px);
}
.rollBox .Cont .pic p{ width:340px; margin:0 auto; overflow:hidden;}
.rollBox .Cont .pic .p1{ font-size:18px; font-weight:bold; height:30px; line-height:30px; padding-top:10px; overflow:hidden;}
.rollBox .Cont .pic .p1 a{ color:#003147;}
.rollBox .Cont .pic .p1 a:hover{ color:#f08519;}
.rollBox .Cont .pic .p2{ font-size:12px; height:40px; line-height:20px;}
.rollBox .Cont a:hover{}
.rollBox #List1,.rollBox #List2{float:left;}
.img1,.img2{ position:absolute; top:0; width:30px; height:300px; display:block; cursor:pointer;}
.img1{ left:0; background:url(../images/pre.png) center center no-repeat;}
.img2{ right:0; background:url(../images/next.png) center center no-repeat;}
.img1:hover{background:url(../images/pre-h.png) center center no-repeat;}
.img2:hover{background:url(../images/next-h.png) center center no-repeat;}

/*----------index中间第四部分友情链接----------*/

.blink{ clear:both; width:1170px; margin:0 auto; margin-bottom:120px;}
.blink .title{ height:26px; line-height:26px; text-align:center; margin-bottom:20px; }
.blink .title h2{ font-size:26px; font-weight:bold; color:#003147;}
.blink .blink-b{ overflow:hidden; text-align:center;}
.blink .blink-b a{ display:inline-block; *display:inline; zoom:1;}
.blink .blink-b a:hover{ text-decoration: underline;}

/*----------网站底部----------*/
#ft0{ width:100%; background-color:#003147; color:#ccc;}
#ft{}

#ft .ft1 { width:100%; overflow:hidden;  padding-top:120px; padding-bottom:60px;}
#ft .ft1 .left{ float:left; width:250px;}
#ft .ft1 .left .logo2{ margin-bottom:40px;}
#ft .ft1 .left .ewm{ width:100px; height:122px; overflow:hidden;}
#ft .ft1 .left .ewm p{ font-weight:bold; height:22px; line-height:22px; text-align:center;}

#ft .ft1 .clearfix { float:right; width:920px; }
#ft .ft1 .clearfix li{ float:left; width:210px; margin-right:28px;}
#ft .ft1 .clearfix .li1{ width: 290px;}
#ft .ft1 .clearfix .li2{ width: 126px; margin-right:0;}
#ft .ft1 .clearfix li h3 { padding:0; margin:0; height:32px; line-height:32px; margin-bottom:38px;letter-spacing:2px; }
#ft .ft1 .clearfix li h3 a{ color:#eee;}
#ft .ft1 .clearfix li h3 a:hover { color:#f08519; }
#ft .ft1 .clearfix li ul { padding:0; margin:0;}
#ft .ft1 .clearfix li ul li{ padding:0; margin:0;  border:none;}
#ft .ft1 .clearfix .li1 ul li{ width: 290px; padding:0; margin:0;  border:none;}
#ft .ft1 .clearfix li ul li a{ padding:0; margin:0; font-size:12px; color:#ccc; text-decoration:none; }
#ft .ft1 .clearfix li ul li a:hover {color:#f08519;}

#ft .ft3 {text-align:center; overflow:hidden; font-size:12px; line-height:22px; padding:20px 0; margin-bottom:40px; background-color:#012639;}
#ft .ft3 a{color:#ccc; text-decoration:underline;}
#ft .ft3 a:hover{color:#f08519;}


/*----------about----------*/
#banner { width: 100%; height:300px; overflow:hidden; margin-bottom:20px; }
#ltit0 { width:100%; background-color:#eee; }

#ltit{ font-size:0;/*去除换行a标签(使用display:inline-block)之间默认产生的间距*/  line-height:48px; text-align:center; margin-bottom:15px; }
#ltit a{ display:inline-block; *display:inline; zoom:1;/*针对ie6*/ font-size:16px;/*字号必须定义*/ padding:0 45px; margin:0 8px; margin-top:15px; background-color:#fff; vertical-align:top;}
#ltit a:hover{ background-color:#f08519; color:#fff; }
#ltit .selected{ background-color:#003147; color:#fff; }

#ltit2{ font-size:0;/*去除a标签换行后(使用display:inline-block)之间默认产生的间距*/  margin:0 auto; line-height:48px; text-align:center; background-color:#ccc; }
#ltit2 a{  zoom:1;/*针对ie6*/ font-size:14px;/*字号必须定义*/ padding:0 28px; margin:1px; vertical-align:top;}
#ltit2 a:hover{display:inline-block; *display:inline; background-color:#eee; color:#666; }
#ltit2 .selected{display:inline-block; *display:inline; background-color:#eee; color:#666;}

#con0 { width:100%;}
#con { min-height:600px;_height:600px; margin-bottom:50px; overflow:visible;}
#rtit{ width:100%; height:40px; line-height:40px; }
#rtit h2{ float:left; font-size:24px; padding:0 20px; background:none; display:block;}
#rtit p{ float:right; }
#rtit p .selected{ color:#f08519;}
#rtit p .selected:hover{ color:#f08519;}

#title{ text-align:center; margin-top:50px; }
#title h1{ font-size:32px; font-weight:bold; color:#003147; height:32px; line-height:32px;}

#con .content{ width:960px; margin:0 auto; padding-top:50px; padding-bottom:50px; overflow:hidden; }
#con .content h1{ font-size:32px; font-weight: bold; color:#003147; height: auto; line-height:36px; padding-bottom:20px; text-align:center;}
#con .content .model{ font-size:18px; text-align:center;}

#con .content .newsview{text-align:center; border-bottom:#eee 1px solid; margin-top:10px; margin-bottom:20px;}
#con .content .proview{ padding-top:50px;}
#con .content .proview-b{text-align:center; clear:both; padding-top:50px;}
#con .content .return{}
#con .content #container{ padding-bottom:30px; }
#con .content .videoview{ padding-top:20px;}

#con #pg { text-align:center; color:#999;}
#con #pg a{ color:#333;}
#con #pg a:hover{ color:#f08519;}

/*----------products----------*/
#con .prolist{ width:100%; margin-top:50px; min-height:400px;_height:400px;}
#con .prolist ul{ }
#con .prolist ul li{float:left; width:390px; height:auto; margin-bottom:50px; text-align:center;}

#con .prolist .pic{ margin-bottom:10px;}
#con .prolist .pic a{ width:100%; height:100%; display:block; cursor:pointer; }
#con .prolist .pic img{ width:300px; height:300px; margin:0 auto;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}

#con .prolist p{ width:340px; margin:0 auto; overflow:hidden;}
#con .prolist .p1{ font-size:18px; font-weight:bold; height:40px; line-height:40px;}
#con .prolist .p1 a{ color:#003147;}
#con .prolist .p1 a:hover{ color:#f08519;}
#con .prolist .p2{ font-size:12px; height:40px; line-height:20px;}

#con .prolist ul li:hover .pic img{ 
    -webkit-transform: translateY(-10px); 
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);   
    -o-transform: translateY(-10px);  
    transform: translateY(-10px);
}


/*----------anli,由于案例图片是带背景的，和产品图片不带背景的不同，所以案例样式和产品样式区分开来----------*/
#con .prolist2{ width:100%; padding-top:50px; min-height:400px;_height:400px;}
#con .prolist2 ul{ width:1212px;}
#con .prolist2 ul li{float:left; width:362px; height:auto; margin-right:42px; margin-bottom:30px; text-align:center;}

#con .prolist2 .pic{width:360px; height:270px; border:1px #ddd solid; margin-bottom:10px; overflow:hidden;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
#con .prolist2 .pic a{ width:100%; height:100%; display:block; overflow:hidden; }
#con .prolist2 .pic img{ width:360px; height:270px;
	-webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
	transition: all 600ms linear;
}

#con .prolist2 p{ overflow:hidden;}
#con .prolist2 .p1{ font-size:18px; font-weight:bold; height:40px; line-height:40px;}
#con .prolist2 .p1 a{ color:#003147;}
#con .prolist2 .p1 a:hover{ color:#f08519;}
#con .prolist2 .p2{ font-size:12px; height:40px; line-height:20px;}

#con .prolist2 ul li:hover .pic a img{ 
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);    
    -o-transform: scale(1.1);   
    transform: scale(1.1); 
}


/*----------news----------*/
#con .newslist { width:960px; margin:0 auto; margin-top:50px;}
#con .newslist .clearfix { padding-bottom:50px;}
#con .newslist .clearfix li { height:50px; line-height:50px; border-bottom:#999 1px dotted; overflow:hidden;}
#con .newslist .clearfix li a { padding-left:15px;background: url(../images/icon-c.gif) 0 23px no-repeat; width:80%; float:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#con .newslist .clearfix li a:hover { background: url(../images/icon-c-h.gif) 0 23px no-repeat;}
#con .newslist .clearfix li span { color:#999; float:right;}


/*----------downland----------*/
#con .newslist1 { width:960px; margin:0 auto; margin-top:50px;}
#con .newslist1 .title3{ height:20px; line-height:20px; padding:15px 0; background-color:#666;}
#con .newslist1 .title3 p{text-align:center; color:#fff;}
#con .newslist1 .title3 .p1{ float:left; width:130px;}
#con .newslist1 .title3 .p2{ float:right; width:150px;}
#con .newslist1 .title3 .p3{ float:right; width:100px;}

#con .newslist1 .clearfix { padding-top:15px;}
#con .newslist1 .clearfix li {height:50px; line-height:50px; border-bottom:#999 1px dotted;}
#con .newslist1 .clearfix li p{ height:50px; line-height:50px; text-align:center;}
#con .newslist1 .clearfix li .p4{ float:left; background: url(../images/icon-c.gif) 0 23px no-repeat; padding-left:15px; width:600px; text-align:left; overflow:hidden; }
#con .newslist1 .clearfix li .p4 a{ display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#con .newslist1 .clearfix li .p4 a:hover{}
#con .newslist1 .clearfix li .p5{ float:right; width:150px;}
#con .newslist1 .clearfix li .p6{ float:right; width:100px;}
#con .newslist1 .clearfix li .p6 a{ display: inline-block; width:30px; height:30px; margin-top:10px; background: url(../images/download.gif) center center no-repeat;}
#con .newslist1 .clearfix li .p6 a:hover{ filter:alpha(opacity=80);_filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/*----------客户留言表单开始----------*/
#con .content .msxq{ width:960px; margin:0 auto; background-color:#f5f5f5; padding:40px 0;}
#con .content .msxq .zsjm{ width:100%;}
#con .content .msxq .zsjm h3{ text-align:center; font-size:16px; color:#666; font-weight:bold; line-height:36px;}
#con .content .msxq .zsjm input[type="text"],textarea{border:1px solid #ccc;}
#con .content .msxq .zsjm input[type="text"]:hover,textarea:hover{border:1px solid #f08519;}
#con .content .msxq .zsjm input[type="text"]:focus,textarea:focus{border:1px solid #f08519;}
#con .content .msxq .zsjm span{ color:#333;}

#con .content .msxq .zsjm .biao1{ font-size:16px;}
#con .content .msxq .zsjm .biao1 dl{ width:100%;}
#con .content .msxq .zsjm .biao1 dl dt{ float:left; width:50%; padding-bottom:15px;}
#con .content .msxq .zsjm .biao1 dl dt .left1{ float:left; width:130px; }
#con .content .msxq .zsjm .biao1 dl dt .left1 p{ text-align:right; height:42px; line-height:42px;}
#con .content .msxq .zsjm .biao1 dl dt .right1{ float:left; width:350px; }
#con .content .msxq .zsjm .biao1 dl dt .right1 .box{ width:280px; height:30px; line-height:30px;  color:#666; padding:5px;}

/*----------select下拉框美化样式开始----------*/
.select-wrapper{width:292px; height:42px; position:relative; cursor:pointer; display:inline-block; *display:inline; *float:left; background:#fff;
border: 1px solid #ccc;}/*外层*/
.select-wrapper:hover{ border: 1px solid #f08519;}
.select-wrapper.focus{ border: 1px solid #f08519;}

/*箭头*/
.select-down{ position:absolute; top:2px; right:2px; z-index:2; width:20px; height:36px; background:url(../images/ico.gif) center center no-repeat #ccc;}
.select-wrapper:hover .select-down{ background:url(../images/ico-h.gif) center center no-repeat #f08519;}
.select-wrapper.focus .select-down{ background:url(../images/ico-h.gif) center center no-repeat #f08519;}

/*内外层*/
.select-button{ font-size:14px; width:282px; height:42px; color:#666; border:0; cursor: pointer; padding-left:10px; overflow:hidden; text-align:left; background-color:#fff; outline:none; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis;}

/*下拉部分*/
.select-list{ font-size:14px; width:292px; background:#fff; border: 1px solid #ccc; display:none; z-index:2; position:absolute; left:-1px; top:42px; overflow:hidden;}
.select-list ul{ margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; max-height: 240px;}
.select-list ul li{ width:280px; height:30px; line-height:30px; padding-left:10px; cursor:pointer; overflow:hidden; white-space:nowrap; word-break: keep-all; text-overflow: ellipsis; }
.select-list ul li.selected, .select-list ul li:hover{color: #fff; background: #f08519;}
/*----------select下拉框美化样式结束----------*/

#con .content .msxq .zsjm .biao2{ font-size:16px;}
#con .content .msxq .zsjm .biao2 .left1{ float:left; width:130px; }
#con .content .msxq .zsjm .biao2 .left1 p{ text-align:right; height:32px; line-height:32px;}
#con .content .msxq .zsjm .biao2 .right1{ float:right; width:830px; line-height:12px; }
#con .content .msxq .zsjm .biao2 textarea{width:760px; color:#666; font-size:14px; line-height:20px; padding:5px;}

#con .content .msxq .next { height:40px; margin-top:40px; text-align:center; }
#con .content .msxq .next .submit{ line-height:40px; font-size:16px; background-color:#666; border:none; color:#fff; padding:0 40px; margin:0 20px; display:inline-block; cursor:pointer;}
#con .content .msxq .next .submit2{ line-height:40px; font-size:16px; background-color:#aaa; border:none; color:#fff; padding:0 40px; margin:0 20px; display:inline-block; cursor:pointer;}
#con .content .msxq .next .submit:hover{ background-color:#f08519;}
#con .content .msxq .next .submit2:hover{ background-color:#f08519;}
/*----------客户留言表单结束----------*/

/*----------QQ----------*/
#kf ul li { position:relative; width:50px; height:50px; display:block; margin-top:1px; background-color:#999;}
#kf ul li img { padding:10px; filter:none; -moz-opacity:none; opacity: none; }

#kf ul li {}
#kf ul li:hover { background:url(../images/icon-b3.gif) 0 21px no-repeat #f08519;}

#kf ul li .subNav  { position:absolute; z-index:2; width:128px;   left:-138px; top:0; display:none; background-color:#fff; border:5px #eee solid; }
#kf ul li .subNav h2 { padding:0; text-align:center; color:#666;}
#kf ul li .subNav li {border:none;  white-space:nowrap; padding-left:45px; height:auto;  line-height: 25px; background-color:#fff;}
#kf ul li .subNav li a {}
#kf ul li .subNav li a:hover { }
#kf ul li .subNav .qrc { padding:0; line-height: normal; overflow:visible; background:none;}
#kf ul li .subNav .qrc img { padding:0;}
#kf ul li .subNav .qrc a{ line-height:20px; padding:10px; display:inline-block;}
#kf ul .returntop:hover { background-image:none;}