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

/*全局定义*/
	*{margin:0;padding:0;}
	body {margin:0;padding:0;width:100%;color:#666;font-size:15px; background-attachment: fixed; font-family:"微软雅黑";}
	ul,li { margin:0;padding:0; list-style:none;}
	img { border:0;}
    a { font-family:"微软雅黑";font-size:15px; color: #666; text-decoration: none;}
    a:hover { font-family:"微软雅黑"; font-size:15px; color:#FF6600; text-decoration: blink;}
   .clr{ clear:both; margin:0; padding:0; background:none;}

/*头部定义*/
.head{ width:100%; height:55px; background:#333; margin:0 auto;}
.head_k{ width:1300px; height:55px; margin:0 auto;}
.head_left{ width:40%; height:55px; float:left; text-align:left; line-height:55px; color:#C2C2C2;}
.head_right{ height:55px; float:right;}
.head_right_lm{ width:120px; height:55px; float:right; text-align:center; line-height:55px; color:#C2C2C2; background:url(../images/d.png) center right no-repeat;}
.head_right_lm a{ color:#C2C2C2;}
.head_right_lm a:hover{ color:#031641;}

/*logo定义*/
.logo_k{ width:1300px; height:145px; margin:0 auto;}
.logo{ width:258px; height:60px; float:left; margin-top:43px;}
.tel{ width:310px; height:49px; float:right; margin-top:47px; background:url(../images/tel.jpg) top left no-repeat;}
.tel_k{ width:250px; height:49px; float:right;}
.tel_k1{ width:250px; height:25px; margin:0 auto; text-align:left; line-height:25px; font-size:18px; color:#031641;}
.tel_k2{ width:250px; height:24px; margin:0 auto; text-align:left; line-height:24px; font-size:17px;}

/*大图定义*/
.ban{ width:100%; height:850px; background:url(../images/b1.jpg) top center no-repeat; margin:0 auto;}

/*banner*/
.banner{ width:100%;  position:relative; clear: left; background-attachment: fixed;}
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.banner .slideBox .hd{position:absolute;right:50%; margin-right: -33px; bottom:80px;z-index:1;overflow:hidden;height:22px}
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.banner .slideBox .hd ul li{float:left;margin-right:15px;width:15px;height:15px; background: #fff; cursor:pointer; border-radius: 50%;}
.banner .slideBox .hd ul li.on{background:#F9BD38;}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%}
.banner .slideBox .bd img{display:block;width:100%;height:100%}
.banner .slideBox .hd ul li:last-child{margin-right: 0}

	/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; top:40%; margin-top:-25px; display:block; width:55px; height:180px; filter:alpha(opacity=20);opacity:0.2;   }
		.slideBox .next{  right:0; background:url(../images/slider-arrow.png) no-repeat; }
			.slideBox .prev{ left:0; background:url(../images/slider-arrow1.png) no-repeat; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=70);opacity:0.7;  }

/*导航定义*/
.dh{ width:1304px; height:81px; background:url(../images/dh_bj.png) top center no-repeat; margin:0 auto; position:absolute; z-index:9999999; top:200px; right:0; left:0;}
.dh_k{ width:1300px; height:75px; margin:0 auto;}

#nav{width:1300px; margin:auto; height:75px;}
#nav .mainlevel{float:left; width:162.5px;/*IE6 only*/ height:75px; line-height:75px; position:relative; background:url(../images/dh_shu.jpg) center right no-repeat;}
#nav .mainlevel a{text-decoration:none; font-family:"微软雅黑"; line-height:75px; display:block; text-align:center; font-size:16px; width:162.5px; color:#464646; }
#nav .mainlevel a:hover{ color:#fff; text-decoration:none; background:#031641;}
#nav .mainlevel a.active{ color:#fff; text-decoration:none; background:#031641;}
#nav .mainlevel ul{display:none; position:absolute; background:#fff; padding:15px 0px; z-index:99; margin:0 auto;}
#nav .mainlevel li{width:162.5px;/*IE6 only*/ height:40px; line-height:40px;}
#nav .mainlevel li a{width:100%;/*IE6 only*/height:40px; display:block; background:none; line-height:40px; font-size:16px; font-weight:normal; color:#A0A0A2;  border-bottom:1px solid #F1F1F1;}
#nav .mainlevel li a:hover{width:100%;/*IE6 only*/ height:40px; background:#464646; color:#fff;}

/*首页关于我们定义*/
.in_about{ width:1300px; height:360px; margin:0 auto; margin-top:80px;}
.in_about_left{ width:685px; height:auto; float:left;}
.in_about_title{ width:685px; height:90px; margin:0 auto; border-bottom:1px solid #EFEFEF;}
.in_about_bt{ line-height:72px; float:left; font-size:80px; color:#031641; margin-right:10px;}
.in_about_js{ width:290px; height:72px; float:left;}
.in_about_js_k1{ width:290px; height:44px; margin:0 auto;}
.in_about_js1{ width:150px; line-height:44px; text-align:left; font-size:36px; margin-right:10px; color:#333; float:left;}
.in_about_js2{ width:130px;  line-height:28px; text-align:left; font-size:16px; float:left; padding-top:16px; color:#333;}
.in_about_js_k2{ width:290px; height:28px; margin:0 auto; text-align:left; line-height:28px; font-size:19px;}

.in_about_msg{ width:685px; height:auto; margin:0 auto; margin-top:15px; text-align:left; line-height:30px;}
.in_about_lm{ width:685px; height:100px; margin:0 auto; margin-top:35px;}
.in_about_lm_left{ width:120px; height:100px; background:url(../images/lm_bj.png) top center no-repeat; margin-right:21px; float:left;}
.in_about_lm_left a{ width:120px; height:100px; background:url(../images/lm_bj.png) top center no-repeat; margin-right:21px; float:left; display:block;}
.in_about_lm_left a:hover{ width:120px; height:100px; background:url(../images/lm_bj1.png) top center no-repeat;}
.in_about_lm_right{ width:120px; height:100px; background:url(../images/lm_bj.png) top center no-repeat; float:right;}
.in_about_lm_right a{ width:120px; height:100px; background:url(../images/lm_bj.png) top center no-repeat; margin-right:21px; float:left; display:block;}
.in_about_lm_right a:hover{ width:120px; height:100px; background:url(../images/lm_bj1.png) top center no-repeat;}
.in_about_lm_pic{ width:45px; height:45px; margin:0 auto; margin-top:15px;}
.in_about_lm_title{ width:80%; height:35px; margin:0 auto; text-align:center; line-height:35px; color:#FFF;}

.in_about_right{ width:560px; height:360px; float:right;}

.in_pro{ width:100%; height:840px; background:#F2F2F2; margin:0 auto; margin-top:80px; overflow:hidden; clear:both;}
.in_pro_bt{ width:1300px; height:60px; margin:0 auto; text-align:center; line-height:50px; font-size:45px; color:#031641; margin-top:65px;}
.in_pro_js{ width:1300px; height:90px; margin:0 auto; text-align:center; line-height:90px; font-size:16px;}
.in_pro_lb{ width:1300px; height:45px; margin:0 auto;}
.in_pro_lb li{ width:259px; height:45px; float:left; border-right:1px solid #FFf;}
.in_pro_lb li a{ width:259px; height:45px; text-align:center; line-height:45px; color:#FFF; display:block; background:#464646;}
.in_pro_lb li a:hover{ width:259px; height:45px; text-align:center; line-height:45px; color:#FFF; background:#031641;}

/*首页产品滚动*/
.in_al_c{ width:1300px; height:470px; margin:0 auto; margin-top:30px; overflow:hidden; clear:both;}
    ul.al_list{ padding-top:0;}
	ul.al_list li{ width:310px; height:470px; float:left; margin-right:1px; margin-right:20px; background:#FFF;}
	ul.al_list li ul li { float:none; text-align:center; width:310px; margin:0;}
	.al_list_image {width:225px; height:360px; display:block; margin:0 auto; margin-top:20px;}
	.al_list_title { width:225px; height:65px; margin:0 auto; border-top:1px solid #EFEFEF; margin-top:20px;}
	.al_list_title a{ display:block; height:65px; line-height:65px; text-align:center;}
	.al_list_title a:hover{ color:#3366CC;}
	
    #demo { overflow:hidden; width:1300px; }
    #indemo { float:left; width:800%;}
    #demo1 { float:left;}
    #demo2 {float:left;}
	
.in_ys{ width:1300px; height:470px; background:url(../images/ys_bj.jpg) top center no-repeat; margin:0 auto; overflow:hidden; clear:both;}
.in_ys_k{ width:1300px; height:140px; margin:0 auto; }
.in_ys_left{ width:259px; height:140px; float:left; border-right:1px solid #EFEFEF;}
.in_ys_right{ width:259px; height:140px; float:right;}
.in_ys_sz{ width:60%; height:65px; margin:0 auto; font-size:50px; color:#000; line-height:65px; text-align:center;}
.in_ys_js{ width:60%; height:40px; margin:0 auto; text-align:center; line-height:40px; margin-top:30px;}

.in_al{ width:100%; height:780px; background:url(../images/pro_bj.jpg) top center no-repeat; margin:0 auto; overflow:hidden; clear:both;}
.in_al_bt{ width:1300px; height:50px; margin:0 auto; text-align:center; line-height:50px; font-size:45px; color:#031641; margin-top:85px;}
.in_al_js{ width:1300px; height:80px; margin:0 auto; text-align:center; line-height:80px; font-size:16px; color:#FFF;}

.in_js{ width:1300px; height:auto; margin:0 auto; margin-top:70px;}
.in_js_k{ width:1300px; height:400px; margin:0 auto;}
.in_js_left{ width:600px; height:400px; float:left;}
.in_js_left_bt{ width:100%; height:50px; margin:0 auto; text-align:left; line-height:50px; font-size:40px; color:#031641;}
.in_js_left_js{ width:100%; height:40px; margin:0 auto; text-align:left; line-height:40px; font-size:26px; color:#333;}
.in_js_left_msg{ width:600px; height:auto; margin:0 auto; text-align:left; line-height:26px; margin-top:15px;}
.in_js_left_gd{ width:600px; height:42px; margin:0 auto; margin-top:80px;}
.in_js_left_gd1{ width:152px; height:42px; background:url(../images/gd.jpg) top center no-repeat; float:left; line-height:42px; text-align:center;}

.in_js_right{ width:650px; height:400px; float:right; overflow:hidden;}
.in_js_right img{ width:100%; height:100%; overflow:hidden; transition: all 0.8s ease-in-out;}
.tp1{ width:100%; height:100%; overflow:hidden;}
.in_js_right:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

.in_fw_left{ width:600px; height:350px; float:right; margin-top:50px;}
.in_fw_right{ width:650px; height:400px; float:left; overflow:hidden;}
.in_fw_right img{ width:100%; height:100%; overflow:hidden; transition: all 0.8s ease-in-out;}
.tp2{ width:100%; height:100%; overflow:hidden;}
.in_fw_right:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

.in_sp{ width:100%; height:520px; background:url(../images/sp_bj.jpg) top center no-repeat; margin:0 auto; margin-top:70px; background-attachment: fixed; background-size: cover;}
.in_sp_bt{ width:1300px; height:60px; margin:0 auto; padding-top:105px; text-align:center; line-height:60px; color:#FFF; font-size:40px;}
.in_sp_msg{ width:1300px; height:80px; margin:0 auto; text-align:center; line-height:80px; font-size:40px; color:#FFF;}
.in_sp_tb{ width:73px; height:auto; margin:0 auto; margin-top:30px;}
.in_sp_tb_pic{ width:73px; height:73px; margin:0 auto;}
.in_sp_tb_title{ width:73px; height:auto; line-height:22px; color:#FFF; text-align:center; margin:0 auto; margin-top:10px;}

.in_news{ width:1300px; height:80px; margin:0 auto; margin-top:70px; overflow:hidden; clear:both;}
.in_news_title{ width:685px; height:90px; margin:0 auto; float:left;}
.in_news_bt_right{ width:363px; height:40px; float:right; margin-top:20px;}
.in_news_bt_right li{ width:120px; height:40px; float:left; margin-right:1px;}
.in_news_bt_right li a{ width:120px; height:40px; background:#333; display:block; text-align:center; line-height:40px; color:#FFF;}
.in_news_bt_right li a:hover{ width:120px; height:40px; background:#031641; text-align:center; line-height:40px; color:#FFF;}

.in_news_k{ width:1300px; height:auto; margin:0 auto; margin-top:30px; overflow:hidden; clear:both;}
.in_news_left{ width:737px; height:auto; float:left;}
.in_news_left_left{ width:358px; height:auto; float:left;}
.in_news_left_right{ width:358px; height:auto; float:right;}
.in_news_left_left_pic{ width:358px; height:200px; margin:0 auto; overflow:hidden;}
.in_news_left_left_pic img{ width:100%; height:100%; overflow:hidden; transition: all 0.8s ease-in-out;}
.tp3{ width:100%; height:100%; overflow:hidden;}
.in_news_left_left_pic:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.in_news_left_left_k{ width:356px; height:278px; border:1px solid #EAEAEA;}
.in_news_left_left_sj{ width:300px; height:30px; margin:0 auto; margin-top:20px; text-align:left; line-height:30px; font-size:14px;}
.in_news_left_left_title{ width:300px; height:50px; margin:0 auto; text-align:left; line-height:50px; font-size:20px; color:#333;}
.in_news_left_left_title a{font-size:20px; color:#333;}
.in_news_left_left_title a:hover{font-size:20px; color:#FEA317;}
.in_news_left_left_msg{ width:300px; height:auto; margin:0 auto; text-align:left; line-height:26px;}
.in_news_left_left_msg a{ color:#A0A0A0;}
.in_news_left_left_msg a:hover{ color:#031641;}
.in_news_left_left_gd{ width:300px; height:80px; margin:0 auto; text-align:left; line-height:80px; color:#031641; border-top:1px solid #F2F2F2; margin-top:30px;}
.in_news_left_left_gd a{ color:#031641;}
.in_news_left_left_gd a:hover{ color:#333;}

.in_news_right{ width:515px; height:auto; float:right; border-top:1px solid #EFEFEF;}
.in_news_right_k{ width:515px; height:148px; margin:0 auto; border-bottom:1px solid #EFEFEF;}
.in_news_right_title{ width:515px; height:60px; margin:0 auto; text-align:left; line-height:60px; font-size:20px; color:#333; margin-top:10px;}
.in_news_right_title a{  font-size:20px; color:#333;}
.in_news_right_title a:hover{  font-size:20px; color:#FEA317;}
.in_news_right_msg{ width:515px; height:auto; margin:0 auto; text-align:left; line-height:28px;}
.in_news_right_msg a{  color:#AAAAAA;}
.in_news_right_msg a:hover{ color:#FEA317;}

.in_lj{ width:100%; height:70px; background:#031641; margin:0 auto; margin-top:80px; overflow:hidden; clear:both;}
.in_lj_k{ width:1300px; height:70px; margin:0 auto; text-align:left; line-height:70px; color:#FFF;}

.foot_bj{ width:100%; height:390px; background:#242424;}
.foot_bj_width{ width:1300px; height:auto; margin:0 auto; padding-top:30px;}
.foot_k{ width:1300px; height:50px; margin:0 auto;}

.in_d1{ width:100%; height:300px; background:#01723A;}
.in_d_k{ width:1300px; height:250px; margin:0 auto; margin-top:10px; overflow:hidden; clear:both; background:url(../images/shu1.png) top left no-repeat; }
.in_d_left{ width:170px; height:250px; text-align:center; line-height:32px; color:#7D7D7D; float:left; background:url(../images/shu1.png) top right no-repeat; }
.in_d_left a{ color:#7D7D7D;}
.in_d_left a:hover{ color:#031641; text-decoration:underline;}
.in_d_right{ width:360px; height:220px; text-align:left; line-height:32px; color:#7D7D7D; float:right; background:url(../images/shu1.png) top right no-repeat; padding-right:40px;}


.footd{ width:1300px; height:60px; margin:0 auto; background:url(../images/xian.png) top center no-repeat; margin-top:30px; overflow:hidden; clear:both;}
.footd_left{ width:550px; height:60px; float:left; text-align:left; line-height:60px; color:#7D7D7D; font-size:14px;}
.footd_right{ width:400px; height:22px; float:right; padding-top:20px;}

a.vl
{ width:192px; height:22px; float:left; display:block; background:url(../images/js.png) no-repeat left -3px;}
a.vl:hover
{background:url(../images/js1.png) no-repeat left -3px;}

a.hyqf
{ width:192px; height:22px; float:right; display:block; background:url(../images/js.png) no-repeat right -3px;}
a.hyqf:hover
{ background:url(../images/js1.png) no-repeat right -3px;}

.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:300px;
    width: 77px;
    z-index:999;
}
.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:16px;
    height:40px;
    line-height:40px;
    margin-top:0px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.wx_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:#031641;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}