@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:#FF3366; text-decoration: blink;}
   .clr{ clear:both; margin:0; padding:0; background:none;}

	
/*头部定义*/
.in_lb{ width:100%; height:121px; position:fixed; top:0; left:0; z-index:99999999;}

.head{ width:100%; height:45px; margin:0 auto; background:#FAFAFA; border-bottom:1px solid #E8E8E8;}
.head_left{ line-height:45px; float:left; text-align:left; margin-left:1%;}
.head_right{ line-height:45px; float:right; text-align:right; margin-right:1%;}

.dh{ width:100%; height:110px; margin:0 auto; background:#FFF;}
.logo{ height:72px; float:left; margin-top:19px; margin-left:1%;}
.dh_right{ height:110px; float:right; margin-right:1%;}

.dh_width{ width:780px; height:110px; margin:0 auto;}
#nav{width:780px; margin:auto; height:110px; position:absolute; z-index:99999999;}
#nav .mainlevel{float:left; width:130px;/*IE6 only*/ height:110px; line-height:110px; position:relative; background:url(../images/dh_bj.jpg) top right no-repeat;}
#nav .mainlevel a{text-decoration:none; line-height:110px; display:block; text-align:center; font-size:18px; width:130px;}
#nav .mainlevel a:hover,.mainlevel a.active{ text-decoration:none; color:#FF6600; background:url(../images/dh_bj1.jpg) top center no-repeat;}
#nav .mainlevel a.active{ text-decoration:none; color:#FF6600; background:url(../images/dh_bj1.jpg) top center no-repeat;}
#nav .mainlevel ul{display:none; position:absolute; background:#fff; padding:5px 0px 12px; z-index:99; left:-70px;}
#nav .mainlevel li{width:240px;/*IE6 only*/ height:38px; line-height:38px; color:#F4A285; border-bottom:1px solid #EAEAEA; margin:0 auto; }
#nav .mainlevel li a{width:100%;/*IE6 only*/height:38px; display:block; background:none; line-height:38px; font-size:16px; font-weight:normal; color:#999;}
#nav .mainlevel li a:hover{width:100%;/*IE6 only*/ height:38px; background:#0085DE; color:#fff;}


.dh_bj{ width:100%; height:10px; background:#456BB6; margin:0 auto;}

*{ margin:0; padding:0; list-style:none;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:100%; height:585px; margin:0 auto; position:relative; overflow:hidden; margin-top:167px;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:260px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:260px; right:10px; z-index:10;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:35px; z-index:10; margin-left:60px;}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#FF9900;}

.about_ban{ width:100%; height:480px; background:url(../images/about.jpg) no-repeat; margin-top:167px;}
.pro_ban{ width:100%; height:480px; background:url(../images/pro.jpg) no-repeat; margin-top:167px;}
.al_ban{ width:100%; height:480px; background:url(../images/al.jpg) no-repeat; margin-top:167px;}
.fw_ban{ width:100%; height:480px; background:url(../images/fw.jpg) no-repeat; margin-top:167px;}
.lx_ban{ width:100%; height:480px; background:url(../images/lx.jpg) no-repeat; margin-top:167px;}

.in_yyfw{ width:100%; height:110px; background:#F0F0F0; margin-top:1px;}
.in_yyfw_width{ width:1200px; height:110px; margin:0 auto; border-right:1px solid #FFF;}
.in_yyfw_left{ width:260px; height:110px; background:#3969CD; float:left; text-align:center; line-height:110px; font-size:26px; color:#FFF;}
.in_yyfw_left1{ width:187px; height:110px; float:left; border-left:1px solid #FFF; text-align:center; line-height:110px; font-size:18px;}
.in_yyfw_left1 a{ width:187px; height:110px; line-height:110px; font-size:18px; display:block;}
.in_yyfw_left1 a:hover{ width:187px; height:110px; line-height:90px; font-size:18px; background:#FF9900; color:#FFF;}

.in_dh{ width:100%; height:80px; background:#F0F0F0; margin-top:1px;}
.in_dh_width{ width:1200px; height:110px; margin:0 auto; border-right:1px solid #FFF;}
.in_dh_left{ width:260px; height:80px; background:#3969CD; float:left; text-align:center; line-height:80px; font-size:26px; color:#FFF;}
.in_dh_left2{ width:155px; height:80px; float:left; border-left:1px solid #FFF; text-align:center; line-height:80px; font-size:16px;}
.in_dh_left2 a{ width:155px; height:80px; line-height:80px; font-size:16px; display:block;}
.in_dh_left2 a:hover{ width:155px; height:80px; line-height:80px; font-size:16px; background:#FF9900; color:#fff;}
.in_dh_left2 a.active{ width:155px; height:80px; line-height:80px; font-size:16px; background:#FF9900; color:#fff;}

.in_about{ width:1200px; height:auto; margin:0 auto; margin-top:40px; overflow:hidden; clear:both;}
.in_about_sp{ width:352px; height:237px; float:left;}
.in_about_width{ width:600px; height:auto; float:left; margin-left:20px;}
.in_about_title{ width:600px; height:45px; margin:0 auto; border-bottom:1px solid #E5E5E5;}
.in_about_title_left{ width:120px; height:40px; background:#3364C1; float:left; text-align:center; line-height:40px; color:#FFF; font-size:16px;}
.in_about_title_right{ line-height:40px; float:right; text-align:right;}
.in_about_msg{ width:600px; height:auto; margin:0 auto; text-align:left; line-height:25px; margin-top:10px;}
.in_about_gd{ width:110px; height:35px; border:1px solid #EBEBEB; text-align:center; float:left; line-height:35px; margin-top:30px;}
.in_about_gd a{ width:110px; height:35px; text-align:center; display:block;}
.in_about_gd a:hover{ width:110px; height:35px; text-align:center; background:#FF9900; color:#FFF;}

.in_about_lm{ width:210px; height:auto; float:right;}
.in_about_lm li{ width:210px; height:78px; margin:0 auto; }
.in_about_lm li a{ width:210px; height:78px; margin:0 auto; background:#3969CD; text-align:center; font-size:18px; color:#FFF; display:block; line-height:78px;}
.in_about_lm li a:hover{ width:210px; height:78px; margin:0 auto; background:#FF9900; text-align:center; font-size:18px; color:#FFF;}
.in_about_lm li a.active{ width:210px; height:78px; margin:0 auto; background:#FF9900; text-align:center; font-size:18px; color:#FFF;}

.in_pro{ width:100%; height:560px; background:url(../images/pro_bj.jpg) top center no-repeat; margin:0 auto; margin-top:50px; overflow:hidden; clear:both;}
.in_pro_title{ width:1200px; height:42px; margin:0 auto; margin-top:65px;}
.in_pro_title_left{ width:161px; height:42px; background:url(../images/pro_title.png) top center no-repeat; text-align:center; line-height:42px; font-size:18px; color:#fff; float:left;}
.in_pro_title_right_k{ width:900px; height:42px; float:right;}
.in_pro_title_right{ width:161px; height:42px; background:url(../images/pro_titl1.png) top center no-repeat; text-align:center; line-height:42px; color:#666; float:right; margin-right:10px;}
.in_pro_title_right a{ width:161px; height:42px; background:url(../images/pro_titl1.png) top center no-repeat; text-align:center; line-height:42px; color:#666; margin-right:10px; display:block;}
.in_pro_title_right a:hover{ width:161px; height:42px; background:url(../images/pro_title.png) top center no-repeat; text-align:center; line-height:42px; color:#fff;}

/*首页产品滚动*/
.in_pro_c{ width:1200px; height:317px; margin:0 auto; margin-top:50px; overflow:hidden; clear:both;}
    ul.products_list{ padding-top:0;}
	ul.products_list li{ float:left; margin:0px 15px 15px 0x; margin-left:13px;}
	ul.products_list li ul li { float:none; text-align:center; width:290px; margin:0;}
	.product_list_image { height:260px; width:290x; display:bloc;}
	.product_list_title { width:290px; height:55px; margin:0 auto; background:#FFF; margin-top:2px;}
	.product_list_title a{ display:block; height:55px; line-height:55px; color:#999; text-align:center; font-size:16px;}
	.product_list_title a:hover{ color:#FF6600;}
	
    #demo { overflow:hidden; width:1200px; }
    #indemo { float:left; width:800%;}
    #demo1 { float:left;}
    #demo2 {float:left;}
	

/*首页案例滚动*/
.in_al_c{ width:1200px; height:317px; margin:0 auto; margin-top:20px; overflow:hidden; clear:both;}
    ul.al_list{ padding-top:0;}
	ul.al_list li{ float:left;  margin-right:12px;}
	ul.al_list li ul li { float:none; text-align:center; width:290px; margin:0;}
	.al_list_image { height:232px; width:290x; display:bloc;}
	.al_list_title { width:290px; height:55px; margin:0 auto; background:#FFF; margin-top:1px;}
	.al_list_title a{ display:block; height:55px; line-height:55px; color:#999; text-align:center; font-size:16px;}
	.al_list_title a:hover{ color:#FF6600;}
	
    #demo { overflow:hidden; width:1200px; }
    #indemo { float:left; width:800%;}
    #demo1 { float:left;}
    #demo2 {float:left;}
	
.in_news{ width:1200px; height:auto; margin:0 auto; margin-top:40px; overflow:hidden; clear:both;}
.in_news_left{ width:380px; height:auto; float:left; margin-right:30px;}
.in_news_right{ width:380px; height:auto; float:right;}
.in_news_right_msg{ width:380px; height:auto; line-height:30px; text-align:left; margin-top:10px;}
.in_news_title{ width:380px; height:36px; margin:0 auto; border-bottom:1px solid #DEDEDE;}
.in_news_title_left{ width:130px; height:35px; line-height:35px; float:left; text-align:left; font-size:18px; color:#333;}
.in_news_title_left1{ width:130px; height:35px; line-height:35px; float:left; text-align:left; font-size:18px; color:#333;}
.in_news_title_right{ height:35px; line-height:35px; float:right; text-align:right;}
.in_news_title_pic{ width:380px; height:156px; margin:0 auto; margin-top:10px;}

.in_news_tj{ width:380px; height:80px; margin:0 auto; margin-top:15px;}
.in_news_tj_left{ width:120px; height:80px; float:left;}
.in_news_tj_right{ width:245px; height:80px; float:right;}
.in_news_tj_title{ width:245px; height:30px; margin:0 auto; text-align:left; line-height:30px; font-size:18px; color:#3364C1;}
.in_news_tj_title a{ width:245px; height:30px; margin:0 auto; text-align:left; line-height:30px; font-size:18px; color:#3364C1;}
.in_news_tj_title a:hover{ width:245px; height:30px; margin:0 auto; text-align:left; line-height:30px; font-size:18px; color:#FF6600;}
.in_news_tj_msg{ width:245px; height:50px; margin:0 auto; text-align:left; line-height:22px;}

.in_news_list{margin:0 auto; width:380px; margin-top:10px; overflow:hidden; clear:both;}
.in_news_list li{ height:35px; *height:35px;  _height:35px; padding-left:0px; width:380px; clear:both;  overflow:hidden; border-bottom:1px solid #F2F2F2;}
.in_news_list li a{ line-height:35px; *line-height:35px;  _line-height:35px; color:#5d5d5d; float:left; overflow:hidden; padding-left:12px; background:url(../images/dian.jpg) center left no-repeat;}
.in_news_list li a:hover{ line-height:35px; *line-height:35px;  _line-height:35px; color:#FF6600; float:left; overflow:hidden; padding-left:12px; background:url(../images/dian.jpg) center left no-repeat;}
.in_news_list li p{float:right; width:30%; text-align:right; line-height:35px; *line-height:35px;  _line-height:35px; padding-right:6px; font-size:11px;}

.in_al{ width:100%; height:500px; background:url(../images/al_bj.jpg) top center no-repeat; margin-top:40px;}
.in_al_title{ width:300px; height:80px; margin:0 auto; padding-top:30px; color:#FFF; line-height:80px; font-size:40px; text-align:center;}



.in_gs_width{ width:1200px; height:auto; margin:0 auto; margin-top:50px; overflow:hidden; clear:both;}
.in_gs_left{ width:380px; height:auto; float:left; margin-right:30px;}
.in_gs_right{ width:380px; height:auto; float:right;}
.in_gs_left_pic{ width:380px; height:182px; margin:0 auto;}
.in_gs_left_title{ width:380px; height:50px; margin:0 auto; text-align:left; line-height:50px; font-size:18px; color:#333;}
.in_gs_left_title a{font-size:18px; color:#333;}
.in_gs_left_title a:hover{font-size:18px; color:#FF6600;}
.in_gs_left_msg{ width:380px; height:auto; margin:0 auto; text-align:left; line-height:23px; font-size:14px;}
.in_gs_gd{ width:380px; height:50px; margin:0 auto; text-align:left; line-height:50px; text-decoration:underline; font-size:13px;}
.in_gs_gd a{ text-decoration:underline; font-size:13px;}
.in_gs_gd a:hover{ text-decoration:underline; font-size:13px; color:#FF6600;}

.foot{ width:100%; height:330px; background:#F9F9F9; margin:0 auto; margin-top:60px;}

.foot_d_width{ width:1200px; height:auto; margin:0 auto;}

.in_d_k{ width:1200px; height:240px; margin:0 auto; padding-top:30px; overflow:hidden; clear:both; }
.in_d_x{ width:120px; height:50px; margin:0 auto; border-bottom:1px solid #D9D9D9; line-height:50px; margin-bottom:10px; font-size:18px; color:#666;}
.in_d_x1{ width:340px; height:50px; margin:0 auto; border-bottom:1px solid #D9D9D9; line-height:50px; margin-bottom:10px; font-size:18px; color:#666;}
.in_d_left{ width:120px; height:240px; text-align:center; line-height:30px; color:#999; float:left; border-bottom:1px solid #999; margin-right:50px;}
.in_d_left a{ color:#999;}
.in_d_left a:hover{ color:#008FD5; text-decoration:underline;}
.in_d_right{ width:340px; height:240px; text-align:left; line-height:28px; color:#999; float:right; }
.in_d_right a{ color:#999; }
.in_d_right a:hover{ color:#FFCC00; }

.footd_width{ width:100%; height:60px; background:#1F3892; margin:0 auto;}
.footd{ width:1200px; height:60px; margin:0 auto;}
.footd_left{ width:750px; height:60px; float:left; text-align:left; line-height:60px; color:#C8D5EB;}
.footd_right{ width:400px; height:22px; float:right; padding-top:14px;}


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;}

.in_title{ width:1200px; height:50px; margin:0 auto; border-bottom:1px solid #EDEDED; border-top:1px solid #EDEDED; margin-top:50px;}
.in_title_left{ width:400px; height:50px; float:left; line-height:50px; text-align:left; font-size:20px; color:#456BB6;}
.in_title_right{ float:right; line-height:50px; text-align:right;}

.in_msg{ width:1200px; height:auto; margin:0 auto; margin-top:30px; line-height:30px; text-align:left;}

.in_news_msg{ width:1200px; height:auto; margin:0 auto; margin-top:30px; overflow:hidden; clear:both;}
.in_news_xw{ width:370px; height:auto; float:left; margin-right:45px;}
.in_news_zc{ width:370px; height:auto; float:left;}
.in_news_zc1{ width:370px; height:auto; float:right;}
.in_news_xw_pic{ width:370px; height:248px; margin:0 auto;}
.in_news_xw_title{ width:370px; height:40px; margin:0 auto; }
.in_news_xw_title_left{ width:280px; height:40px; float:left; text-align:left; line-height:40px;  font-size:16px;}
.in_news_xw_title_left a{ line-height:40px;  font-size:16px;}
.in_news_xw_title_left a:hover{ line-height:40px;  font-size:16px; color:#FF6600;}
.in_news_xw_time_right{ width:80px; height:40px; margin:0 auto; text-align:right; line-height:40px; font-size:13px; float:right;}
.in_news_xw_msg{ width:370px; height:auto; margin:0 auto; text-align:left; line-height:25px;}
.in_news_xw_gd{ width:370px; height:40; margin:0 auto; margin-top:15px;}
.in_news_xw_gd1{ width:100px; height:30px; background:#0066CC; float:left; text-align:center; line-height:30px; color:#FFF;}
.in_news_xw_gd1 a{ color:#FFF;}
.in_news_xw_gd1 a:hover{ color:#FF9900;}

/*内页新闻列表*/
.news_list{margin:0 auto; width:1200px; margin-top:20px; overflow:hidden; clear:both;}
.news_list li{ height:40px; *height:40px;  _height:40px; padding-left:0px; width:1200px; clear:both;  overflow:hidden; border-bottom:1px dashed #E4E4E4;}
.news_list li a{ line-height:40px; *line-height:40px;  _line-height:40px; color:#5d5d5d; float:left; overflow:hidden; padding-left:15px; background:url(../images/dian.jpg) center left no-repeat;}
.news_list li a:hover{ line-height:40px; *line-height:40px;  _line-height:40px; color:#FF6600; float:left; overflow:hidden; padding-left:15px; background:url(../images/dian.jpg) center left no-repeat;}
.news_list li p{float:right; width:35%; text-align:right; line-height:40px; *line-height:40px;  _line-height:40px; padding-right:6px; font-size:11px;}

.honor_pic ul{overflow: hidden;}
.honor_pic ul li{width: 350px;padding: 8px 8px 0 8px;border: 1px solid #dddddd;float: left;margin-right: 47px;margin-bottom: 30px;}
.honor_pic ul li:nth-child(3n){margin-right: 0;}
.hon_jpg{width: 100%;height: 280px;overflow: hidden;}
.hon_jpg img{width: 100%;height: 100%; transition: all 0.8s ease-in-out; }
.hon_jpg:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.hon_txt{overflow: hidden;line-height: 54px; font-size:16px;}
.hon_txt h6{font-size: 16px;color: #999999;float: left;}
a.hon_mor{display: inline-block;width: 62px;height: 20px;background: url(../images/more.png)no-repeat;float: right;margin-top: 15px;}
.honor_pic ul li:hover .hon_txt h6{color: #0086d5;}
.honor_pic ul li:hover{border-color: #0086d5}
.honor_pic ul li:hover a.hon_mor{background: url(../images/more_on.png) no-repeat;}

.pro_jpg ul,.case_jpg ul{overflow: hidden;}
.pro_jpg ul li{float: left;margin-right: 10px;margin-bottom:20px ;}
.pro_jpg ul li:nth-child(3n){margin-right: 0;}

.case_jpg ul li{float: left;margin-right: 24px;margin-bottom:20px ;width: 360px;height: 330px;border: 1px solid #E7E7E7; padding:10px;}
.case_jpg ul li:nth-child(3n){margin-right: 0;}
.case_jpg ul li .pic {
	text-align: center;
	overflow: hidden;
}

.case_jpg ul li .pic img {
	width: 360px;
	height: 280px;
	display: block;
	transition: all 0.8s ease-in-out;
}

.case_jpg ul li .pic:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.case_jpg ul li:hover .case_jpg ul li:hover .mcase_txt p,.case_jpg ul li:hover .mcase_txt span{color: #F64500;}
.mcase_txt h6{color: #666; font-size:16px; line-height:60px; text-align:center;}


/*联系我们内容*/
.contact{ width:1200px; margin:0 auto;}
.contact_dt{ width:1200px; height:320px; margin:0 auto;}
.contact_lx{ width:1200px; height:auto; margin:0 auto; margin-top:30px; overflow:hidden; clear:both;}
.contact_lx_lx{ width:450px; height:auto; float:left;}
.contact_lx_lx li{ width:450px; height:30px; line-height:30px; text-align:left; border-bottom:1px dashed #E0E0E0; margin-right:30px;}
.contact_lx_mc{ font-family:"微软雅黑"; font-size:16px; color:#007ED3; font-weight:bold;}
.contact_lx_ewm{ width:135px; height:165px; margin-top:10px; text-align:center; line-height:30px; float:right; padding-right:30px;}


/*客服*/
.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:#3969CD;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}

