@charset "utf-8";
/* CSS Document */
/*-----------------[初始化]--------------*/
body{color: #444;font-size: 12px;line-height: 1.5;font-family:"Microsoft Yahei";}
h1,h2,h3,h4,h5{font-weight: lighter;}
a{color: #444;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}

a:hover{color: #0360b0; text-decoration:none;}
img{max-width: 100%;
    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";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
button, input, select, textarea {
    /*取消苹果手机方法效果*/
    font-size:16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}
.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
/*布局*/
.wp{width: 1200px;
    margin: 0 auto;
    overflow: hidden;}
/*按钮*/
/*按钮1*/
.g-btn1{
    display: block;position: relative;width: 105px;height:40px;
    background: #217ac6;
}
.g-btn1 .mask{
    left: 0;top: 0;position: absolute;height: 100%;width: 0%;background:#0360b0;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.g-btn1 p{
    position: absolute;z-index: 999;
    width: 100%;height: 40px;line-height: 40px;text-align: center;
    font-size: 14px; color: #fff;}
.g-btn1:hover{color: #fff;}
.g-btn1:hover .mask{width: 100%;}
/*按钮2*/
.g-btn2{
    display: block;
    padding: 0;
    position: relative;
    z-index: 9;
    width:105px;
    height:38px;
    line-height:38px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    background: none;
    border: 2px solid #fff;
    color: #fff;
    transition: color 0.3s 0.05s ease;
}
.button__outline {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
 
}
.button__background {
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.button__background--left {
  left: -2px;
}
.button__background--right {
  right: -2px;
  transition: 0.3s 0.05s ease;
}
/* Hover styles */
.g-btn2:hover {
  color: #0360b0;
  transition: color 0.3s 0.35s ease;
}
.g-btn2:hover .button__background--left{
  left: 100%;
  transition: left 0.3s 0.05s ease;
}
.g-btn2:hover .button__background--right{
  width: 100%;right: 0;
  transition: 0.3s 0.35s ease;
}
.g-btn3{display: inline-block;border: 2px solid #217ac6;color: #217ac6;width: 105px;line-height: 40px;text-align: center;font-size: 16px;}
.g-btn3:hover{background: #217ac6;color: #fff;}
/*******************************
  -------[=头部]-------
********************************/
/*top*/
.hd-top{line-height: 26px;background: #363636;text-align: right;color: #E4E4E4;    height:16px;}
.hd-top span,.hd-top .select{margin: 0 10px;font-size: 12px;color: #E4E4E4;}
.hd-top .select{display: inline-block;cursor: pointer;position: relative;}
.hd-top .select dt{
    padding-right: 14px;background: url(../images/u215.png) no-repeat right center;color: #E4E4E4;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.hd-top .select:hover dt{color:#b1b1b1;}
.hd-top .select dd{display: none;position: absolute;z-index: 999;left: 0;top: 26px;width: auto;text-align: center;background-color: #1a6b4b;white-space: nowrap;}
.hd-top .select dd a{margin:0 5px;text-align: center;color: #E4E4E4;line-height: 23px;}
.hd-top .select dd a:hover{color: #fff;}
.hd-top .select:hover dd{display: block;}
/*head*/
.hd-head{height: 75px;background: #fff;}
.hd-head .logo{float: left;padding-top: 8px;}
.hd-head .logo img{ margin-top: 5px;}
/*导航*/
#nav{padding-top:22px;padding-right:210px;float:right;overflow: hidden; background:url(../images/top_tel.png) right center no-repeat;}
#nav li{float: left;margin: 0 10px;}
#nav .a1{display: block; line-height: 48px;border-bottom: 5px solid #fff;font-size: 14px;color: #333;}
#nav .g-btn1{margin-top: 5px;}
#nav .a1:hover,#nav li.on .a1{border-color:#217ac6; text-decoration:none;}
#nav li:last-child{margin-right: 0;}
/*手机按钮*/
#hamburger{   
    display: none;
    box-sizing: border-box;
    width: 65px;
    height: 40px;
    float: right;
    z-index: 4;
    position: fixed;
    right: 10px;top: 30px;
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
    background: #0360b0;
    content: '';
    display: block;
    width: 30px;
    height: 4px;
    position: absolute;
    left: 20px;
}
#hamburger:before
{
    top: 10px;
}
#hamburger span
{
    top: 20px;
}
#hamburger:after
{
    top: 30px;
}
/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
    -webkit-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}
.mm-opening #hamburger:before,
.mm-opening #hamburger:after
{
    top: 16px;  
}
.mm-opening #hamburger span
{
    left: -50px;
    opacity: 0;
}
.mm-opening #hamburger:before
{
    transform: rotate( 45deg );
}
.mm-opening #hamburger:after
{
    transform: rotate( -45deg );
}
/*******************************
  -------[=banner]-------
*******************************/
#ban{width: 100%;clear: both;padding: 0;}
#ban .items{
    position: relative;height: 550px;width: 100%;
    background-position: center center;background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: cover;
    background-size: cover;
}
#ban .items a{
    display: block; position: relative;height: 100%;
    background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;
}

#ban .txt{
    font-size:36px;color: #fff;position: absolute;right:16%;top: 50%;width:365px;}
#ban .txt p{font-size: 22px;padding-left: 12px;border-left: 5px solid #fff;line-height: 30px;}
#ban .txt h3{font-weight: lighter;font-size: 30px;}
#ban .txt .g-btn2{margin-top: 40px;}
#ban .slick-dots{
    position: absolute;
    bottom:3%;
    text-align: center;
    width: 100%;
}
#ban .slick-dots li{
    display: inline-block;
    margin:0 5px;
}
#ban .slick-dots li a{
    display: block;
    font-size: 0;
    padding:0;
    width: 12px;
    height:12px;
    background:#bcbcbc;
    border:0;
    border-radius: 50%;
}
#ban .slick-dots li.slick-active a{
    background: #0360b0;
}
#ban .items .txt{display: block;}
#ban .items.slick-active .txt{
    display: block;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
#ban .txt{

    -webkit-animation-duration:1.6s;

    animation-duration:1.6s;

}
/*******************************
  -------[=底部]-------
********************************/
#fd{
    clear: both;
    background: #f2f2f2;padding: 12px 0 12px;overflow: hidden;
    color: #666;border-bottom: 5px solid #217ac6;
}
.fd-tit{font-size: 14px;color: #666;line-height: 35px;padding-top: 8px;}
.fd-tit a{color: #666;}
.fd-tit a:hover{color: #0360b0;}
.fd-ul{float: left; height: 290px;}
.fd-ul li{padding-right:122px;float: left;}
.fd-ul dl{padding-top: 10px;}
.fd-ul dl a{line-height: 24px;color: #666;}
.fd-ul dl a:hover{color: #0360b0;}
.fd-contact{float: left;font-size: 14px;}
.fd-contact .tel{font-size: 16px;font-weight: bold;}
.fd-contact .tel span{font-weight: lighter;font-size: 12px;}
.fd-contact hr{border:none;height: 1px;background: #ddd;}
.top-note{color: #fff;position: absolute;width: 100%;text-align: center;left: 0;top: 0; display: none;display: block\9;}
/*2016-12-22*/
.hd-top .tel-img{width:22px;position:relative;top:6px;}



.hengduan{ width: 100%; background: url("../images/hengduan.jpg") no-repeat center; height: 240px; margin-bottom: 30px;}

/*首页产品展示*/
.w1200 {
    /* position: relative; */
    width: 1200px;
    margin: 20px auto;
}
.i-prolist .menu {
    width: 252px;
}

.fl {
    float: left;
    display: inline;
}
.i-prolist .menu a.name {
    display: inline-block;
    width: 251px;
	height:105px;
    
    background: url(../images/bg_btn03.png) no-repeat;
    font: bold 22px/76px "微软雅黑";
    color: #fff;
}
.i-prolist .menu ul {
    background: #fff;
}
.i-prolist .menu li {
    width: 250px;
   background:#d5d5d5;
    border-top: none; margin-bottom:1px;
}

.i-prolist .menu li ul.sub_ul{
    width: 250px;
    background:#f6f6f6;
    border-top: none; margin-bottom:1px;
}

.i-prolist .menu li ul.sub_ul{
    width: 250px;
    background:#f6f6f6;
    border-top: none; margin-bottom:1px;
}

.i-prolist .menu li ul.sub_ul li{
    width: 250px;
    background:#f6f6f6;
    border-top: none; margin-bottom:1px;
}


.i-prolist .menu a.t.on {
    color: #3c3c3c;
    background-position: 216px -6px;
}

.i-prolist .menu a.t {
    display: inline-block;
    width: 210px;
    padding-left: 4px;
    background: url(../images/bg_li02.png) no-repeat 216px -70px;
    font: bold 16px/50px "微软雅黑";
 height:52px;    font-size: 14px; padding-left:20px;
}
.i-prolist .list {
    width:900px;
}

.width{ width: 1200px; margin: 0 auto;}
.fengcai{ width:300px; height:250px; text-align:center; line-height:24px; color:#000000;}
.fengcai a{  color:#000000;}
.fengcai a:hover{ color:#333333;  border:1px solid #f3f3f3;}
.fengcai img{  width: 280px;  height:175px;  margin-right: 8px; }


.fr {
    float: right;
    display: inline;
}
.i-prolist .list ul {
    width:900px;
    margin-left: 20px;
}
.i-prolist .list li {
    width: 282px;
    height: auto;
    margin: 0 13px 18px 0;
    display: inline;    list-style: none;
    float: left;
}
.i-prolist .list .bg {
    background: #fff;
}
.i-prolist .list a.name {
    display: inline-block;
    width: 250px;
    padding-bottom: 4px;
    margin: 0 20px 4px;
    border-bottom: 1px solid #d6d6d6;
    font-weight: bold;
    font-size: 14px;
    line-height: 32px;
    color: #333;
    transition: all 500ms ease-in 0ms;
}
.i-prolist .list a.more {
    display: inline-block;
    width: 91px;
    margin: 11px 0 17px 8px;
    background: url(../images/bg_btn02.png) no-repeat;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}
.i-prolist .line {
    position: relative;
    overflow: hidden;
    width: 250px;
    height: 2px;
    margin-top: 1px;
    background: #87a1d6;    margin: 0 auto;
}
.i-prolist .line-in {
    position: absolute;
    left: -232px;
    top: 0;
    width: 232px;
    height: 2px;
    background: #073eac;
}
.clear {
    clear: both;
}
.i-prolist .line-in{position:absolute;left:-232px;top:0;width:232px;height:2px;background:#073eac;}




/*关于我们*/
.about {

	height: 400px;

	background: url(../images/about_bg.jpg) no-repeat center;

	margin-top: 50px;

}
.aboutL {

	width: 570px;

	line-height: 40px;

	color: #404040;

	padding-top: 80px;

	margin-left: 30px;
    font-family: "微软雅黑", "Microsoft Yahei";

}

.aboutL h2 {

	font-size: 18px;

	line-height: 60px;

}

.aboutL p {

	font-size: 14px;

}

.aboutL a {

	font-size: 14px;

	color: #3593e4;

	width: 100px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	border: 1px solid #3593e4;

	display: block;

	margin-top: 40px;

}

.aboutR {

	width: 600px;

}

.aboutR .shipin {

	width: 508px;

	height: 300px;

	margin-left: 30px;

}

.aboutR a {

	width: 155px;

	height: 44px;

	line-height: 44px;

	font-size: 16px;

	color: #fff;

	text-align: center;

	background: #3593e4;

	margin-top: 40px;

	display: block;

	float: left;

	margin-left: 130px;

}
.ny_t{ text-align:center; background:url(../images/dian.jpg) repeat-x center; clear:both;    width: 1200px; margin:0 auto;}
.ny_t span{width:200px; background:#fff; display:block; color:#333; margin:0 auto;}
.ny_t span h2{line-height:54px; clear:both; font-size:26px}
.ny_t span p{line-height:18px; clear:both; font-size:18px;}

/*news*/
.manage{width:100%; clear:both}
.manage li{width:1200px; height:148px; padding:20px 30px; border-bottom:#e6e6e6 1px dashed; float:left}
.manage li h3{height:36px; line-height:36px;}
.manage li p{font-size:12px; color:#999; line-height:26px;}
.list-left{width:980px; float:left;}
.list-left a{width:108px; height:24px; line-height:24px; text-align:center; background:#3593e4; color:#fff; display:block;}
.list-left span{color:#777; line-height:24px; height:48px; margin-bottom:14px; font-size:14px; overflow:hidden; display: block;}
.list-left p{color:#555;}
.manage li:hover{background:#f9f9f9;}
.look_more{ margin-top:30px; margin-bottom:50px;}
.look_more a {
    display: block;
    width: 140px;
    margin: 0 auto;
    border: #3593e4 solid 2px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #3593e4;
}


/*列表通用翻页*/
.listpage{clear:both; text-align:center;}
.LuckCMS-page{padding:10px 0;}
.LuckCMS-page a{height:25px; margin-left:6px; padding:0 8px; border:1px solid #d3d3d3; border-radius:5px; text-align:center; color:#767676; display:inline-block; line-height:25px;}
.LuckCMS-page a:hover{border-color:#237ac4; background:#237ac4; color:#fff; }
.LuckCMS-page span{height:25px; margin-left:6px; padding:0 8px; border:1px solid #237ac4; border-radius:5px; color:#fff; line-height:25px; background:#237ac4; text-align:center; display:inline-block;}