@charset "utf-8";
/* CSS Document */
.i_header{
    width: 100%;
    height: 90px;
}
.mainlevel{
    float:left ;
    line-height: 70px;
    height: 70px;
    position: relative;
}
.mainlevel>span{margin: 0 10px;color: #ccc}
.mainlevel>a{color: #333;padding: 0 5px;display: inline-block;height: 70px}
.i_logo{width: 500px;height: 31px;margin: 10px 55px 0 0;}
.mainlevel ul{
    position: absolute;
    top:72px;
    z-index: 100;
    background: #fff;
    width: 120px;
    left: -28px;
    text-align: center;
    line-height: 40px;
    display:none;
}
.mainlevel li:hover{background: #007aff}
.mainlevel li:hover a{color: #fff;}
.mainlevel.active>a,.mainlevel:hover>a{color: #007aff;border-bottom: 2px solid #007aff;}
/*footer*/

.wl{
    width: 121px;
    height:18px;
    display: inline-block;
    background: url("../images/vl.png") no-repeat;
    margin:4px 15px 0 10px;
    transition: all .5s;
}
.wl:hover{background: url("../images/vl_hover.png") no-repeat;}
.ws{
    width: 107px;
    height: 18px;
    display: inline-block;
    background: url("../images/ws.png") no-repeat;
    margin:4px 0 0 10px;
    transition: all .5s;
}
.ws:hover{background: url("../images/ws_hover.png") no-repeat;}

/*轮播图*/
body{ overflow-x:hidden}
#full-screen-slider{width:100%; height:680px; position:relative; z-index:0; margin-top:0; }
#slides{display:block; width:100%; height:680px; list-style:none; padding:0; position:relative}
#slides li{display:block; width:100%; height:680px; list-style:none; padding:0; margin:0; position:absolute; left:0px;}
#slides li a{display:block; width:100%; height:680px; text-indent:-9999px}
#pagination{display:block; list-style:none; position:absolute; left:50%; bottom:0; height:10px; z-index:99999;  padding:5px 15px 40px 0; margin:0}
#pagination li{display:block; list-style:none; width:18px; height:18px; float:left; margin-left:15px; background:url('../images/hd_off.png') no-repeat;cursor: pointer }
#pagination li a{display:block; width:100%; height:18px; padding:0; margin:0; font-size:0;}
#pagination li.current{background:url('../images/hd_on.png') no-repeat;}


/*关于*/
.i_about{
    width: 100%;
    height: 880px;
    margin-top:38px;
}
.ia_con{
    width: 420px;
    height: 800px;
}
.iac_top{
    height: 575px;
    width: 420px;
    background: #0b4da3;
    position: relative;
    color: #fff;
    padding: 45px 44px 0 30px;
    box-sizing: border-box;
}
.iac_top img{
    position: absolute;
    right: 0;
    top: 0;
}
.iac_top h2{
    font-size:48px;
    font-weight: 100;
}
.iac_top h2:after{
    content: '';
    display: block;
    margin: 32px 0 26px;
    width: 44px;
    height: 3px;
    background: #fff;
}
.iac_top h3{
    font-size: 24px;
    font-weight: 100;
    margin-bottom: 25px;
}
.iac_top p{line-height: 24px;text-indent: 20px;font-size: 14px}
.iac_top a{
    width: 110px;
    height: 40px;
    border: 2px solid #fff;
    box-sizing: border-box;
    display: inline-block;
    line-height:36px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin-top: 35px;
    float: right;
    transition: all .5s;
}
.iac_top a:hover{
   background:#fff;
   color:#002bff
}
.video{
    width: 420px;
    height: 240px;
    cursor: pointer;
    position: relative;
    z-index: 10;
	background:#2771d1;
	padding-top:10px;
}
.video p{ color:#fff; padding:10px 20px; font-size:16px;}
.ia_right{
    width: 700px;
    height: 800px;
}
.iar_top{
    padding: 0 75px 32px 13px;
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #dddddd;
}
.iar_top p{line-height: 24px}
.iar_top h2:before{
    content: '';
    display: block;
    width:50px;
    height: 3px;
    background: #0b4da3;
    margin: 36px 0 30px;
}
.iar_top h2{margin-bottom: 20px;font-size:30px;color: #0b4da3; }
.iar_center{padding: 29px 0 22px;height: 160px;border-bottom: 1px solid #ddd;box-sizing: border-box}
.iar_center li{
    float: left;
    width: 32%;
    height: 108px;
    margin-left: 1.5%;
    text-align: center;
    color: #333;
}
.iar_center li a{display:block;width:100%;height:100%;}
.iar_center li.iarc_1{
    margin-left: 0;
    background: url("../images/about_2.jpg") no-repeat center bottom;
}
.iarc_2{background: url("../images/about_1.jpg") no-repeat center bottom; }
.iarc_3{background: url("../images/about_3.jpg") no-repeat center bottom; }
.iar_bottom{height: 445px;padding-top: 30px;box-sizing: border-box;width: 700px;position: relative}
#iar_img{width: 300px;height: 300px;overflow: hidden;float: left;position: relative;}
.iar_bg{width: 300px;height: 300px;position: absolute;top:0;left: 0;background: url("../images/about_bor.png") no-repeat center; z-index: 90}
.iar_img,.iar_info,.iar_con{position: absolute;top:0;left: 0}
#iar_img li{width: 300px;height: 300px;}
.iar_img a{
    width: 300px;
    height: 300px;
    display: block;
    text-align: center;
}
.iar_img div{
    width: 300px;
    height: 300px;
}
#iar_con{
    width: 320px;
    height: 300px;
    box-sizing: border-box;
    float: right;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}
#iar_con li{width: 320px;height: 300px;padding-top: 65px;box-sizing: border-box}
#iar_con li strong{font-size: 18px;color: #999;display: block;padding-bottom: 15px;
    border-bottom:1px solid #ddd;}
#iar_con li h3{font-size:24px;line-height:36px;color:#333;font-weight: 400;padding: 20px 0 56px;border-bottom: 1px solid #ddd}
#iar_info{height: 84px;width: 700px;overflow: hidden;margin-top: 30px;position: relative}
#iar_info li{height: 84px;width:700px;line-height: 28px;color: #666}
#iar_info p{width: 700px;}

.iar_btn{
    width:44px;
    height:44px;
    background: #007aff;
    display: block;
    position: absolute;
    top:150px;
    left: 299px;
    line-height:44px;
    text-align: center;
    font-family: cursive;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
	z-index:98
}
.iar_btn:hover{background: #009fe9}
.iar_prev{left: 255px;}

/*==============产品中心=============*/
.products{width:1200px; margin:50px auto;}
.products h3{ text-align:center; background: url(../images/title-product.jpg) center center no-repeat;font-size:32px; line-height:48px;}
.products p{ text-align:center; line-height:50px;}
.products .con{display:block; padding-top:20px; zoom:1; overflow:hidden;}
.products .con ul{display:block;width:1200px; height:200px;}
.products .con ul li{float:left;width:240px; height:356px; position:relative; z-index:2; left:0; top:0;overflow:hidden;}
.products .con ul li img{display:block; width:240px; height:356px;}
.products .con ul li .detail{display:block; position:absolute; z-index:3; left:0px; top:250px; width:240px; height:356px; }
.products .con ul li:hover a{top: 0px; background: url("../images/black.png") left top repeat; color:#fff;}
.products .con ul li .tit{display:block; height:30px; line-height:30px; font-size:22px; color:#fff; padding-bottom:20px; background:url(../images/tiao1.jpg) no-repeat 20px bottom;padding-left:20px;padding-top:30px;}
.products .con ul li .tip{display:block; color:#fff; padding-top:30px; font-size:14px;padding-left:20px;}
.products .con ul li:hover .tit{ color:#fff;}

/*新闻*/
.i_news{
    width: 100%;
    height: 550px;
    background: #f4f4f4;
    padding-top: 30px;
    box-sizing: border-box;
}
.in_title a{font-weight: bold;font-size: 21px;color: #333;margin-right: 30px;line-height:40px;display: inline-block;}
.in_title {border-bottom: 2px solid #ccc;height: 42px;box-sizing: border-box}
.in_title a.active{border-bottom: 2px solid #007aff;margin-bottom: 37px}

.in_info{
    position: relative;
    width: 100%;
    height: 440px;
    overflow: hidden;
    margin-top: 38px;
}
#info{
    position: absolute;
    top: 0;
    left: 0;
}
#info ul{height: 440px;width: 1200px;float: left}
.ini_con h3{font-size: 21px;font-weight: 400;color: #333;line-height: 64px}
.ini_con p{color: #666;font-size: 12px;line-height: 20px}
.in_img {width: 595px;height: 245px;overflow: hidden}
.in_img img{width: 100%;height: 100%;transition: all .5s;}
.ini_con{
    height: 355px;
    width: 595px;
    display: block;
    float: left;
}
.ini_no{
    float: right;
    height: 120px;
    width: 530px;
    padding: 20px 0;
    border-bottom: 1px dotted #ccc;
    box-sizing: border-box;
}
.in_date{
    float: left;
    width: 80px;
    height: 80px;
}
.in_date p{
    font-size:48px;
    color: #333;
}
.in_date span{font-size: 16px;color: #999;}
.ini_content{color: #333;   float: right;    width: 440px;}
.ini_content h4{font-size: 16px;font-weight: 400;margin-bottom:20px;}
.ini_content p{font-size: 12px;line-height: 24px}

#info a:hover img{
    transform: scale(1.2,1.2);
}
#info a:hover h3,#info a:hover p,#info a:hover h4,#info a:hover span,
#iar_con li strong a:hover strong{color: #007aff}
#iar_con li:hover h3{color: #007aff}

/* 荣誉 */
.warp01{ background:#fff url(../images/bg_case.jpg) center center no-repeat;}
.caseCenter{ width:1200px; height:400px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.caseCenter h2{ font-size:32px; line-height:48px; text-align:center; margin-bottom:30px; color:#fff;}
.caseCenter p{ text-align:center; color:#fff;}
.caseCenter p span{ line-height:24px; font-size:24px; padding:5px 20px;}
.caseCenterInfo{ margin-top:60px;}

.caseCenterInfo ul{ zoom:1; overflow:hidden;}
.caseCenterInfo ul img { width:210px; height: 282px; border: 2px solid #fff; } 
.caseCenterInfo ul li{ width:240px; text-align:center; float:left;} 

/*footer*/
.footWrap{ background:#004ea2; height:325px; overflow:hidden; position:relative; z-index:1;}

.footer{ width:1200px; margin:0 auto;}
.fnav{ font:14px "Microsoft Yahei";height:54px; line-height:54px;text-align:center; color:#e7e7e7; background:#1f71c8;}
.fnav a{ color:#e7e7e7; padding:0 30px; display:inline-block;}
.f_pic{  width:425px; height:225px; margin:47px 0 0 0;  overflow:hidden;}
.f_pic img{ margin-bottom:33px;}

.f_wz{ font:14px "Microsoft Yahei"; color:#e7e7e7; width:445px; margin-top:40px; line-height:30px;}
.f_wz a{ color:#e7e7e7; padding:0 15px;}
.f_wz p{ background:url(../images/f1.jpg) no-repeat left 6px; padding-left:32px;}
.f_wz .p02{background:url(../images/f2.jpg) no-repeat left 6px;}
.f_wz .p03{background:url(../images/f3.jpg) no-repeat left 6px;}
.f_wz .p04{background:url(../images/f4.jpg) no-repeat left 6px;}

.code{ width:134px; margin-top:45px;}
.code img{ width:134px; height:134px; display:block;}
.code em{ display:block; font:14px "Microsoft Yahei"; text-align:center; line-height:40px; color:#e7e7e7;}



.mainInfo{ width:1200px; margin:0 auto; padding:30px 0; zoom:1; overflow:hidden;}

/*==============左侧=============*/
.left_wrap{ float:left; width:230px;}
/*==============右侧=============*/
.right_wrap{ float:right; width:950px;}

/*==============产品序列=============*/
.productList{ width:230px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.productList h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.productList h3 span{ float:left; font-size:16px; color:#333;}
.productList h3 a{ float:right; font-size:14px; font-weight:lighter; color:#666;}
.productList ul{ padding:0 10px 10px 10px;}
.productList ul li{ height:38px; line-height:38px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden;}
.productList ul li a{ background:url(../images/ico02.gif) no-repeat left 8px; padding-left:15px; font-size:14px;}

/*==============联系我们=============*/
.contacts{ width:230px; margin-top:15px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.contacts h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.contacts h3 span{ float:left; font-size:16px; color:#333;}
.contacts h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.txt_contact{ padding-top:10px;}
.txt_contact img{ margin:0 auto; display:block;}
.txt_contact p{ font-size:14px; line-height:24px; padding:0 10px;}

/*==============文章列表=============*/
.list{ width:946px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.list h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.list h3 span{ float:left; font-size:16px; color:#333;}
.list h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.list ul{ padding:0 10px 10px 10px;}
.list ul li{ height:42px; line-height:42px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden; zoom:1; overflow:hidden;}
.list ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:14px; float:left;}
.list ul li span{ font-size:12px; float:right; padding-right:5px; color:#666;}

/*==============分页=============*/
.page{ text-align:center; padding:10px; font-size:12px;}

/*==============内容页=============*/
.view{ padding:15px; background:#fff; border:solid 1px #e6e6e6;}
.view h2{ text-align:center; font-size:16px;}
.son_title{ text-align:center; padding:15px; color:#666; font-size:12px; background:url(../images/line.gif) repeat-x left bottom;}
.info p{ text-indent:24px; line-height:24px; margin-top:12px; font-size:14px;}
.info { text-indent:24px; line-height:24px; margin-top:12px; font-size:14px;}


.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#006ab8;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}



.dh {border: 0px solid #e6e6e6;}
.dh h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.dh h3 span{ float:left; font-size:16px; color:#333;padding-left:12px;}
.dh h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}


.box1{border: solid 0px #d8d8d8;}
.box1 h1{border-bottom:solid 1px #d5d5d5;}
.box1 h1 span{ color:#005e98; font-size:14px; padding-left:15px;}
.box1 ul{ padding:3px; zoom:1;overflow: hidden;}

.producti {margin: 0px; zoom:1; overflow:hidden; background-color: #fff;width: 100%;}
.producti ul{zoom:1; overflow: hidden; margin-right: 0px; margin-top: 10px; margin-left: 10px;}
.producti ul li{padding:3px;
             text-align:center; font-size:14px; border: solid 1px #ddd; float: left; margin-right: 9px; margin-bottom: 10px;
              width:212px;}
.producti ul li span{line-height:32px; display:block; border-top: solid 1px #ddd; background: #fff; margin-top:3px;}
.producti img { max-width: 209px; height: 170px}
.producti a{color: #000;}

.producti h2{
    font-size: 14px;
    color: #aaaaa;
    font-weight: normal;
    background: url(../images/ico02.gif) no-repeat 10px center;
    padding-left: 20px;
    position: relative;
    border-bottom: 2px solid #ededed;
    line-height: 34px;
    height: 34px;
    width: 95%;
}
.producti h2 a{float: right; margin-right: 5px; font-size: 13px;}


.productc{
    margin:0px;
    zoom:1;
    overflow: hidden;
    width: 100%;
    background-color: #fff;
}
.productc ul{
    zoom:1;
    overflow: hidden;
    margin-top: 10px;
}
.productc ul li{
    width: 223px;
    height: 190px;
    float: left;
    text-align: center;
    padding:1px;
    font-size: 14px;
    border: 1px solid #ddd; margin-right: 9px; margin-bottom: 10px;
}
.productc img{
    max-width: 213px;
    height: 156px;
    padding:1px;
}

.productc ul li span{line-height: 24px; padding: 2px; font-size: 13px; display: block;}


.productk{
    margin:0px;
    zoom:1;
    overflow: hidden;
    width: 100%;
    background-color: #ffffff;
}
.productk ul{
    zoom:1;
    overflow: hidden;
    margin-top: 10px;
}
.productk ul li{
    width: 223px;
    height: 205px;
    float: left;
    text-align: center;
    padding:1px;
    font-size: 14px;
    border: 1px solid #ddd; margin-right: 9px; margin-bottom: 10px;
}
.productk img{
    max-width: 213px;
    height: 170px;
    padding:1px;
}

.productk ul li span{line-height: 24px; padding: 2px; font-size: 13px; display: block;}

.second{ padding-left: 15px;}

.third{ padding-left: 30px;}


.xglist h2{ font-size: 14px; background-color: #cccccc; text-align: left; padding-left: 5px; padding: 3px; line-height: 22px;}
.xglist ul{width: 100%; zoom:1; overflow: hidden; margin-top: 5px;}
.xglist ul li{float: left; width: 19%; margin-left: 2px; text-align: center;}
.xglist img { width: 110px; height: 80px;}
.xglist ul li span{ display: block; text-align: center;}

.newslist h2{ font-size: 14px; background-color: #cccccc; text-align: left; padding-left: 5px; padding: 3px; line-height: 22px;}
.newslist ul{width: 100%; zoom: 1; overflow: hidden; margin-top: 5px;}
.newslist ul li{float: left; width: 49%; margin-left: 2px;}


#content{width: 72%; text-align: center; margin: 0 auto; background-color:#ffffff;}
.hotcity{ margin: 10px; padding: 5px}
.hotcity ul li{ width: 60px; float: left; font-size: 14px; text-align: center; height: 30px}
 

.allcity{padding-left:30px;height:100%;padding-top:16px;overflow:hidden;display:block;clear:both;text-align:left;}
.allcity dl{clear:both;margin-bottom:10px;display:block;overflow:hidden;}
.allcity h4{font-size:14px;font-weight:bold;color:#dd0000;margin-bottom:10px;}
.allcity dl dt{clear:both;font-size:14px;font-weight:bold;color:#000000;}
.allcity ul li{float:left;font-size:12px;display:block;width:70px;height:23px;line-height:23px;display:inline;} 
.allcity ul li a:visited{color:#800080;text-decoration:none;}
.allcity ul li a.ho{color:#dd0000;}