﻿

/*-----------------[初始化]--------------*/
body{color: #444;font-size: 12px;font-family:"微软雅黑","Microsoft Yahei";min-width: 1000px;line-height: 1.5;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}
a{color: #444;}
a:hover{color: #2d6bb7;}
img,.ani{
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #444;font-family:"微软雅黑","Microsoft Yahei";}
input[type='submit'],input[type='reset'],input[type='button'],select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
::-webkit-input-placeholder {color: #ccc;}
::-moz-placeholder {color: #ccc; }
::-ms-input-placeholder {color: #ccc;}

/*布局*/
.wp{width: 1000px;margin: 0 auto;}
.wp1{width: 1440px;margin: 0 auto;}
.wp2{width: 1200px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}

.side-col{width: 230px;float: left;}
.main-col{width: 725px;float: right;}

/*标题*/

/*按钮*/

/*颜色*/


/*******************************
	-------[=头部]-------
********************************/
#hd{*zoom:1;position: relative;}
#hd:after,#hd:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.logo{float: left;}
.logo img{display: inline-block;vertical-align: middle;}
#hd .hd-top{
    clear: both;
    padding: 24px 0 25px;
}
#hd .hdr{float: right;}

.soBox{
    width: 282px;
    clear: both;
    position: relative;
}
.soBox .inp{
    display: block;width: 100%;height: 42px;line-height: 42px;
    background: #f6f6f6;border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 52px 0 15px;
}
.soBox .sub{
    display: block;
    width: 42px;height: 42px;
    background: url(../images/ico-so.png) no-repeat center center;
    background-color: #3b75bc;
    border: none;
    position: absolute;right: 0;top: 0;
    cursor: pointer;
}

.web-group{
    float: right;
    padding: 6px 0 10px;
    /*position: relative;*/
}
.web-group span{
    cursor: pointer;
    font-size: 14px;color: #3b75bc;line-height: 1;text-decoration: underline;
}
.web-group ul{
    width: 406px;
    padding: 8px 13px 12px;
    overflow: hidden;
    background: #e5e5e5;border: 1px #ddd solid;
    position: absolute;right: 18px;top: 50px;z-index: 101;
    display: none;
}
.web-group:hover ul{display: block;} 
.web-group ul li{
    float: left;width: 50%;
}
.web-group ul li a{
    display: block;
    padding-left: 15px;
    background: url(../images/icon03.png) no-repeat left center;
    color: #333;line-height: 22px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.web-group ul li a:hover{
    color: #3b75bc;
    background-image: url(../images/icon03-1.png);
}



/*******************************
	-------[=导航]-------
********************************/


.nv{
    clear: both;
    height: 43px;
    padding-top: 6px;
    background: url(../images/bg08.jpg) repeat-x left top;
    position: relative;
}

.nav{}
.nav li{float: left;margin-right: 45px; }
.nav li .v1{
    display: block;
    width: 100px;line-height: 36px;
    border-radius: 5px 5px 0 0;
    font-size: 16px;color: #fff;text-align: center;font-weight: bold;padding-bottom: 7px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.nav li:hover .v1,.nav li.on .v1{
    color: #3b75bc;
    background: #fff;
}

.nav li .img{display: none;}

.subBox{
    position: absolute;
    left: 0;right: 0;top:100%;z-index: 100;
    background: #fff;
    padding: 27px 0 30px;
    text-align: left;
    display: none;
}

.subBox .pic{
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    margin: 13px 10px 0 -40px;
    border-right: 1px #eee solid;
    text-align: left;
}
.subBox .pic img{
    display: block;
    width: 178px;
    height: 140px;
    margin-bottom: 37px;
}
.subBox .pic .more{
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    background: url(../images/ico-tit2.png) no-repeat left center;
    font-family: "Arial";
    color: #999;
    line-height: 12px;
    text-transform: uppercase;
}
.subBox .pic .more:hover{color: #ec5d1f;}

.sub-list{
    /*float: left;*/
    display: inline-block;
    vertical-align: top;
    width: 110px;
    text-align: left;
    margin-right: 35px;
}
.sub-list li {
    float: none;
    margin: 0;
    padding: 0;
}
.sub-list li a:hover{color: #2d6bb7;}
.sub-list li .s1{
    display: block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;color: #666;line-height: 36px;
}
.sub-list li.has .s1{
    padding-right: 10px;
    background: url(../images/icon02.png) no-repeat right 5px center;
}

.sub-list dl{margin-bottom: 4px;}
.sub-list dl dd a{
    font-size: 14px;line-height: 1;color: #989898;
}




/*******************************
	-------[=banner]-------
********************************/
#banner{position: relative;}
.fullSlide{width: 100%;min-width: 1000px;position:relative;height:440px;
	overflow:hidden;
}
.fullSlide .bd{ position:relative; z-index:0;}
.fullSlide .bd ul{width:100% !important; }
.fullSlide .bd li{width:100% !important;height: 440px;
	background-position: center center;background-repeat: no-repeat;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.fullSlide .bd li a{display: block;width: 100%;height: 100%;background: none;}
.fullSlide .arr{width: 50px;height: 50px;display: block;position: absolute;
	top: 50%;margin-top: -25px;
	background-position: center center;background-repeat: no-repeat;
}
.fullSlide .prev{left: 50%;margin-left: -600px;
	background-image: url(../images/ico-prev.png);
}
.fullSlide .next{right: 50%;margin-right: -600px;
	background-image: url(../images/ico-next.png);
}


/*******************************
	-------[=底部]-------
********************************/



/*
-----------------[浮窗]--------------*/
.float-bar{
    width: 120px;height: 260px;
    position: fixed;left: 50%;top: 45%;z-index: 900;
    margin-left: -660px;
}
.float-bar i{
    display: block;
    width: 2px;height: 18px;
    background: #ccc;
    position: absolute;left: 50%;top: 100%;
    margin-left: -1px;
}
.float-bar .close{
    display: block;width: 25px;height: 25px;
    border-radius: 50%;
    background: url(../images/icon04.png) no-repeat center center;
    background-color: #fff;
    cursor: pointer;
    position: absolute;left: 50%;bottom: -43px;
    margin-left: -13px;
}

.float-bar .pic{width: 120px;height: 260px;}
.float-bar .pic img{display: block;width: 100%;height: 100%;}



/*******************************
	-------[=正文]-------
********************************/

.txt-scroll{height: 50px;position: absolute;width: 100%;bottom: 0;z-index: 99;
	background: url(../images/ico-bg1.png) repeat;
}
.txt-scroll .wp{position: relative;}
.txt-scroll .hd{position: absolute;height: 50px;width: 50px;right: 0;bottom: 0;}
.txt-scroll .hd .prev,
.txt-scroll .hd .next{display:block;width:25px;height:50px;float:left;
	cursor:pointer;
	background-position: center center;background-repeat: no-repeat;
}
.txt-scroll .hd .prev{background-image: url(../images/ico-prev1.png);}
.txt-scroll .hd .next{background-image: url(../images/ico-next1.png);}
.txt-scroll .hd .prev:hover{background-image: url(../images/ico-prev1-on.png);}
.txt-scroll .hd .next:hover{background-image: url(../images/ico-next1-on.png);}
.txt-scroll .bd{width: 100%;overflow:hidden;padding-left: 40px;
	background: url(../images/ico-tong.png) no-repeat left center;
}
.txt-scroll .bd ul{overflow:hidden;zoom:1;}
.txt-scroll .bd ul li{float:left;height:50px;line-height:50px;
	text-align:left;font-size: 14px;width: 900px;
}
.txt-scroll .bd ul li span{color:#999;margin-left: 28px;}
.txt-scroll .bd ul li a{color: #ccc;display: block;line-height: 50px;}


.row-1{overflow: hidden;}
.row-1 .col-l{width: 666px;}
.row-1 .col-r{width: 315px;}
.index-tit{overflow: hidden;height: 55px;border-bottom: 1px solid #eee;
	background: url(../images/ico-tit1.png) repeat-x left top;margin-bottom: 20px;
}
.index-tit h3{float: left;font-size: 18px;color: #2d5f9c;font-weight: normal;
	line-height: 56px;
}
.index-tit h3 em{text-transform: uppercase;font-size: 14px;color: #ec5d1f;
	margin-left: 10px;font-family: 'Arial';
}
.index-tit .more{float: right;font-family: 'Arial';color: #999;padding-left: 22px;
	text-transform: uppercase;line-height: 58px;
	background: url(../images/ico-tit2.png) no-repeat left center;
}
.index-tit .more:hover{color: #ec5d1f;}
.index-tit ul{float: right;padding-top: 13px;margin-right: 40px;}
.index-tit li{float: left;width: 88px;height: 36px;margin-left: 3px;}
.index-tit li a{display: block;line-height: 32px;text-align: center;font-size: 14px;
	color: #333;
}
.index-tit li.hover{background: url(../images/ico-tit3.png) no-repeat center center;}
.index-tit li.hover a{color: #fff;}
.index-tit strong{float: left;font-size: 18px;color: #393939;height: 20px;line-height: 20px;
	border-left: 1px solid #ccc;margin: 20px 0 0 25px;padding-left: 25px;font-weight: normal;
}

.index-new{overflow: hidden;}
.index-new .pic{width: 190px;height: 150px;float: left;}
.index-new .pic img{width: 100%;height: 100%;display: block;}
.m-list1{width: 464px;float: right;margin-top: -10px;height: 150px;}
.m-list1 li{height: 41px;border-bottom: 1px dashed #e3e3e3;}
.m-list1 li a{font-size: 14px;color: #666;display: block;line-height: 41px;padding-left: 13px;
	background: url(../images/i-01.jpg) no-repeat left center;
}
.m-list1 li span{float: right;color: #999;margin-left: 10px;}
.m-list1 li:hover a{color: #ec5d1f;}
.m-list1 li:last-child{border-bottom: 0;}

.ul-case{margin-right: -14px;}
.ul-case li{float: left;margin-right: 14px;width: 150px;}
.ul-case .pic{height: 119px;overflow: hidden;}
.ul-case .pic img{width: 100%;height: 100%;display: block;}
.ul-case h3{line-height: 36px;height: 36px;overflow: hidden;text-align: center;
	background-color: #f1f1f1;font-weight: normal;color: #666;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.ul-case li:hover h3{background-color: #3b75bc;color: #fff;}
.m-product{overflow: hidden; padding: 10px 22px 15px; margin-bottom: 20px; background-color: #fcfcfc; border: 1px solid #eee; height: 125px; position: relative;}
.m-product li{width: 20%; float: left; }
.m-product li img{width: 164px; height: 85px;}
.m-product li div{width: 164px; margin: 0px auto;}
.m-product li p a{display: block;line-height: 20px; height: 40px; color: #666; font-size: 14px;
 text-align: center;}
 .m-product li:hover a{color: #2d6bb7;}

 .m-product .hd a{width: 22px; height: 44px; 
  position: absolute; background-color: #999; cursor: pointer; -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;}
 .m-product .prev{background: url(../images/gbg11.png) no-repeat center center; left: 0; top: 50%; margin-top: -22px;border-top-right-radius:4px;  border-bottom-right-radius:4px;}
 .m-product .next{background: url(../images/gbg10.png) no-repeat center center; right: 0; top: 50%; margin-top: -22px;border-top-left-radius:4px;  border-bottom-left-radius:4px;}
 .m-product .hd a:hover{background-color: #ccc;}
 .m-product .bd, .m-product ul{overflow: hidden;}

.row-1 .ul-honor{padding: 19px 0; overflow: hidden; border: 1px solid #eee; margin: 20px 0 30px; background-color: #fcfcfc;}
.row-1 .ul-honor li{float: left; margin-left:18px ;}
.row-1 .ul-honor li img{width: 304px; height: 140px;}

.row-1 .ul-entra{background-color: #fcfcfc; overflow: hidden; padding: 19px 20px; border: 1px solid #eee;}
.row-1 .ul-entra li{float: left; width: 83px; font-size: 14px; color: #666; text-align: center; line-height: 27px; padding: 6px 0;}
.row-1 .ul-entra li a{display: block;}
.row-1 .ul-entra span{display: block; height: 32px;}
.row-1 .ul-entra .li1 span{background: url(../images/gicon3.png) no-repeat center center;}
.row-1 .ul-entra .li2 span{background: url(../images/gicon4.png) no-repeat center center;}
.row-1 .ul-entra .li3 span{background: url(../images/gicon5.png) no-repeat center center;}
.row-1 .ul-entra .li4 span{background: url(../images/gicon6.png) no-repeat center center;}
.row-1 .ul-entra .li5 span{background: url(../images/gicon7.png) no-repeat center center;}
.row-1 .ul-entra .li6 span{background: url(../images/gicon8.png) no-repeat center center;}
.row-1 .ul-entra .li1,.row-1 .ul-entra .li2{border-right:1px solid #eee;border-bottom:1px solid #eee;}
.row-1 .ul-entra .li3{border-bottom:1px solid #eee;}
.row-1 .ul-entra .li4,.row-1 .ul-entra .li5{border-right:1px solid #eee;}
.row-1 .ul-entra .li2,.row-1 .ul-entra .li5{width: 102px;}

#fd{border-top: 3px solid #2d5f9c; padding: 17px 0 25px; }
.fd-link{color: #666; margin-bottom: 32px; padding-top: 5px;}
#fd .wp{position: relative;}
.fd-link select{width: 178px; height: 35px; padding: 0 26px 0 12px;outline: 0;line-height: 33px\9;border: 1px #e4e4e4 solid;
	background: url(../images/gicon9.png) no-repeat 155px  center; color: #333; }
.fd-nv{color: #666; line-height: 30px;}
.fd-nv a{color: #666; font-size: 14px; padding: 0 10px;}
.fd-copy{font-size: 14px; line-height: 30px;}

.fd-ma{position: absolute; top: 0; right: 0; color: #666; font-size: 14px; text-align: center;}