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

@font-face{ font-family:number-font.otf;src:url(number-font.otf);}
.header{height:120px;}


.logo_nav_sec{padding:20px 0 0 0; position:relative;}
.logo{width:200px; margin:20px 200px 0 0;}
.nav{float:left; width:800px; padding:30px 0 0 0;}
.nav li{float:left; width:111px; position:relative;}
.nav li a{display:block; font-size:16px;line-height:70px; text-align:center; height:70px; color:#000; font-weight:bold;}


.search{ margin:45px 0 0 0; width:180px; position:relative;}
.search .key{width: 160px;height:28px;border: #555 solid 1px;padding:0 10px; line-height:30px; color:#666; outline:none;}
.search .btn{width:19px;height:19px;color: #fff;border:0; position:absolute; top:5px; right:8px;background:url(../image/search_btn.png) no-repeat; text-indent:-9999px; outline:none; cursor:pointer;}


.en-cn{position:absolute; top:15px; right:0;}
.en-cn li{float:left; margin:0 6px;}
.en-cn span{background:url(../image/header_ico1.png) no-repeat left center; padding:0 0 0 20px; font-size:14px; color:#000;font-family:Arial;}
.en-cn a{padding:0 0 0 25px; color:#000;}
.en-cn a.a1{background:url(../image/header_ico2.png) no-repeat left center;}
.en-cn a.a2{background:url(../image/header_ico3.png) no-repeat left center; font-family:Arial;}

.header_on{position:fixed; top:0; left:0; width:100%; z-index:9999; background:#fff; box-shadow:0 0 10px #ccc; transition:all .3s; height:80px;transform: translateY(0%);}
.header_on .logo_nav_sec{ padding:0;}
.header_on .en-cn{display:none;}
.header_on .nav{padding:0;}
.header_on .nav li a{line-height:80px;}
.header_on .nav li ul li{ height:32px;}
.header_on .nav li ul li a{line-height:32px;}
.header_on .logo{height:60px; width:auto; margin:15px 200px 0 0;}
.header_on .logo img{max-height:100%;}

.header_on .search{margin:25px 0 0 0;}


/*=====下拉菜单====*/
.nav li ul{position:absolute; left:0px; top:30px; width:111px;background-color:#555;display:none; overflow:hidden;}
.nav li ul li{ width:100%; height:32px; background:none;}
.nav li ul li a{ font-size:12px;color:#fff; line-height:32px;display:block; white-space: nowrap;text-align:center;margin:0; padding:0; font-weight:normal; float:none; height:32px;}
.nav li ul li a:hover{ background:#333; color:#f68c00; border:none;}
.nav li.on ul li a{ background:#555; color:#fff; border:none;}
.nav li.on ul li a:hover{ background:#333; color:#f68c00; border:none;}



.m1{background:#fff; box-shadow:0 3px 10px #e5e5e5; height:160px; position:relative; margin:-80px auto 60px; z-index:999;}
.m1 ul{ padding:25px 40px 0;}
.m1 ul li{width:320px; float:left; padding:0 0 0 90px;}
.m1 ul li h6{color:#4c4c4c; font-size:18px; font-weight:bold;}
.m1 ul li p{font-size:14px; color:#777; margin:3px 0 0 0;}

.m1 ul li.li1{background:url(../image/m1_ico1.png) no-repeat 10px center;}
.m1 ul li.li2{ margin:0 45px;background:url(../image/m1_ico2.png) no-repeat 10px center;}
.m1 ul li.li3{background:url(../image/m1_ico3.png) no-repeat 10px center;}



.m2_tit .tit{font-size:30px; color:#333; font-weight:bold;}
.m2_menu{ padding:10px 0 0 0;}
.m2_menu a{display:inline-block; background:#f2f2f2; color:#4c4c4c; padding:5px 20px; margin:0 5px;}
.m2_menu a:hover{background:#395387; color:#fff;}


.m2_con{overflow:hidden;}
.m2_con ul{padding:20px 0;}
.m2_con li{float:left; width:328px; margin:0 11px 11px;}

.conbox{height:70px;}
.conbox .con{width:250px;}
.conbox .con span{display:block; height:64px; line-height:55px; overflow:hidden; font-size:14px; color:#333; padding:5px 0 0 0;}
.conbox .con p{color:#999;}

.m2_con li a{ transition:all .3s ease-in-out; display:block;}
.m2_con li a:hover{box-shadow:0 0 15px #ccc;}
.m2_con li a .conbox .con span{transition:all .5s ease-in-out;}
.m2_con li a:hover .conbox .con span{padding:5px 0 0 15px;}
.m2_con li a .conbox .con p{transition:all .5s ease-in-out;}
.m2_con li a:hover .conbox .con p{padding:0 0 0 15px;}

.m2_con li a .conbox .more{background:url(../image/more_ico.png) no-repeat 0 20px; width:24px; height:24px;padding:20px 10px 0 0;transition:all .5s ease-in-out;}
.m2_con li a:hover .conbox .more{background:url(../image/more_icoh.png) no-repeat 0 20px; width:24px; height:24px;padding:20px 20px 0 0;}

.more_box{ width:250px; height:51px; margin:50px auto; background:#fff; transition:all .3s ease-in-out;}
.more_box a{ display:block; border:1px solid #ddd;line-height:50px; font-size:14px; text-align:center; background:url(../image/more_ico2h.png) no-repeat 150px center; transition:all .3s ease-in-out; color:#555; padding:0 10px 0 0;}
.more_box a:hover{background:url(../image/more_ico2.png) no-repeat 155px center; padding:0 15px 0 0; color:#fff;}
.more_box:hover{background:#385285;}


.m3_box{background:#f2f2f2; position:relative; margin:0 0 50px 0; overflow:hidden;}
.about_img{width:100%;}
.about_img img{ width:50%; height:100%;}

.about_con{width:100%;position:absolute; left:50%; top:50px; margin:0 0 0 -50px;}
.about_con img{width:50%;}


.m3{ position:absolute;top:110px;left:50%;width:600px; margin:0 0 0 50px;}
.m3_con{}
.m3_con h2{color:#333; font-size:24px;}
.m3_con h4{color:#4c4c4c; font-size:14px; margin:35px 0 6px 0;}
.m3_con .con{height:120px; overflow:hidden; color:#999; line-height:25px;}

.m3_more{ margin:50px 0; width:156px; height:41px;}
.m3_more a{ line-height:40px;background:url(../image/more_ico2h.png) no-repeat 110px center;}
.m3_more a:hover{background:url(../image/more_ico2.png) no-repeat 115px center;}


.m4_tit h4{font-size:30px; color:#333; font-weight:bold;}
.m4_tit span{margin:10px 0 0 0;}
.m4_tit span a{display:block; padding:3px 15px; background:#4c6497; color:#fff;}


.m4_con{padding:40px 0 0 0; height:400px;}
.m4_con li{float:left; width:300px;position:relative; margin:0 60px 0 0;}
.m4_con li:last-child{margin:0;}
.m4_con li .time{ font-size:14px; height:40px; line-height:40px;}
.m4_con li .time:before{ content:"";background:url(../image/m4_time.png) no-repeat; width:8px; height:8px; position:absolute; top:35px; left:15px;}
.m4_con li span a{ font-size:16px; color:#333; padding:15px 0 0 0; display:block;}
.m4_con li p{ color:#999; padding:5px 0 20px 0;}
.m4_con li img{width:300px; height:130px;}

.m4_line{position:relative; width:100%; height:1px; background:#ccc; top:80px;}


.m5_box{background:url(../image/m5_bg.png) no-repeat center top; height:430px; clear:both;}

.m5{position:relative; top:-30px; height:400px;}
.m5_r{background:#4c6497; width:700px; height:400px;}
.m5_l{background:#fff; height:400px; width:700px;}

.m5_lcon{ text-transform:uppercase; padding:50px 50px 0;}
.m5_lcon h4{font-size:24px; color:#333; font-weight:bold;}
.m5_lcon p{color:#888; font-size:14px;}
.m5_lcon ul{padding:20px 0 0 0;}
.m5_lcon ul li{font-size:14px; padding:7px 0 7px 30px; color:#333;}
.m5_lcon ul li.li1{background:url(../image/m5_ico1.png) no-repeat left center;}
.m5_lcon ul li.li2{background:url(../image/m5_ico2.png) no-repeat left center;}
.m5_lcon ul li.li3{background:url(../image/m5_ico3.png) no-repeat left center;}
.m5_lcon ul li.li4{background:url(../image/m5_ico4.png) no-repeat left center;}
.m5_lcon ul li.li5{background:url(../image/m5_ico5.png) no-repeat left center;}

.m5_rcon{color:#fff;}
.m5_rcon h4{color:#fff;}
.m5_rcon p{color:#fff;}



.m5_mess tr td{ padding:10px 0 0 0;}
.m5_mess tr td input{height:34px; background:none; border:none; outline:none; border-bottom:1px solid #b2c0df;width:480px; color:#bfcce9; padding:0 0 0 10px;}
.m5_mess tr td button{ width:116px; height:40px; background:#fff; border:none; outline:none; font-size:18px; margin:20px 0 0 0; color:#4c6497; cursor:pointer; font-weight:bold;}


@media screen and (max-width:1600px) {
	.about_con{top:40px;}
	.m3{top:60px;}
	}





.footer{background-color:#242c3e;padding:40px 0;font-size:14px; color:#fff;}
.footer a{color:#fff;}

.footer_con{overflow:hidden;}
.f_c1{width:102px;}
.f_c1 img{display:block; margin:0 auto;}
.f_c1 .img1{}
.f_c1 .img2{ padding:15px 0;}

.f_c2{width:750px; margin:0 90px; padding:10px 0 0 0;}
.f_con{height:26px; line-height:26px;}
.f_c3{width:250px; padding:30px 0 0 0;}


.c3_ico li{float:left; margin:0 6px;}

.f_search{width:222px; margin:10px 0 0 0;}
.f_search .key{width:200px; background:none; border:1px solid #fff; color:#ccc;}
.f_search .btn{background:url(../image/f_search_btn.png) no-repeat;}



.go_top{position:fixed; bottom:20px; right:20px;}


/*i_public*/
.inner{padding:0 0 70px 0;}

.i_banner{background:url(../image/inner_banner.jpg) no-repeat center center; height:250px;}
.itit_imenu_box{overflow:hidden;}
.itit_imenu_box .itit {color:#fff; padding:55px 0 0 0;}
.itit_imenu_box .itit a{color:#fff;}
.itit_imenu_box .itit h4{font-family:Impact; font-size:30px; color:#fff; font-weight:bold;}
.itit_imenu_box .itit p{font-size:14px;}
.itit_imenu_box .itit p span{font-size:16px;}

.itit_imenu_box .imenu{width:1000px; padding:80px 0 0 0;}
.itit_imenu_box .imenu li{float:left; margin:5px 5px;}
.itit_imenu_box .imenu li a{display:block; background:#fff; padding:5px 20px; font-size:14px; color:#38558f;}
.itit_imenu_box .imenu li a:hover{background:#38558f; color:#fff;}
.i_conbox{background:#fff;position:relative; margin:-60px auto 0; box-shadow:0 5px 10px #eee; padding:0 0 40px 0;}



/*about*/
.inner_page{padding:0 60px;}
.page_tit{text-align:center; padding:60px 0 0 0;}
.page_tit h6{font-size:48px; color:#181818; text-transform:uppercase; line-height:48px;}
.page_tit h6 span{ font-family:微软雅黑; font-weight:bold; font-size:50px;}
.page_tit p{color:#262626; font-size:18px; padding:10px 0;}


.page_con{padding:30px 0 50px 0; border-bottom:1px solid #ddd; overflow:hidden;}
.page_con .img{padding:20px 0 0 0;}
.page_con .img img{border:5px solid #eee;}
.page_con .con h4{background:url(../image/i_about_ico1.png) no-repeat left center; padding:0 0 0 26px;font-weight:bold;}
.page_con .con .i_aboutcon{ padding:10px 0 0 0; width:870px; ;}

.i_aboutcon{text-indent:28px;font-size:14px;color:#4c4c4c; line-height:30px}
.page_small_tit{margin-left:28px;font-size:20px; color:#38558f; font-family:Impact;text-transform:uppercase;}


.page_service h4{background:url(../image/i_about_ico2.png) no-repeat left center; padding:0 0 0 18px;font-weight:bold;}
.page_service{padding:30px 0; border-bottom:1px solid #ddd;}
.page_technical{padding:30px 0 0 0; border:none;}


.i_team{padding:50px 0 0 0;}
.team_tit{text-align:center;}
.team_tit h4{font-family:Impact; font-size:36px; color:#000; background:url(../image/i_tit_line.png) no-repeat center center; font-weight:bold;}
.team_tit p{font-size:14px; color:#808080;}

.team_con{padding:30px 0;}
.team_con .bd{overflow:hidden; margin:0 35px;}
.team_con .bd li{float:left; margin:0 20px 0 0;}
.team_con .bd li a{display:block; background:#f5f5f5; width:246px; height:286px; padding:30px 0 0 0;}
.team_con .bd li a .img{width:173px; height:173px; border-radius:50%; overflow:hidden; margin:0 auto;}
.team_con .bd li a .img img{width:173px; height:173px;}
.team_con .bd li a .con{padding:30px 12px;}
.team_con .bd li a .con h4{color:#333; font-size:14px; text-align:center;}
.team_con .bd li a .con h4 span{color:#38558f;}
.team_con .bd li a .con p{ font-size:12px; text-align:center;}
.team_con .bd li a:hover{ background:#4c6497;}
.team_con .bd li a:hover .con{color:#fff;}
.team_con .bd li a:hover .con h4{color:#fff;}
.team_con .bd li a:hover .con h4 span{color:#fff;}

.team_con .hd {position:relative;}
.team_con .hd a{display:block; width:44px; height:73px; cursor:pointer; position:absolute; top:110px;}
.team_con .hd a.prev{background:url(../image/team_prev.png) no-repeat; left:-30px;}
.team_con .hd a.next{background:url(../image/team_next.png) no-repeat; right:-30px;}
.team_con .hd a.prev:hover{background:url(../image/team_prevh.png) no-repeat;}
.team_con .hd a.next:hover{background:url(../image/team_nexth.png) no-repeat;}


/*product*/

.pro_tit h6{font-size:36px; line-height:36px; font-weight:300;}
.pro_tit p{color:#808080; font-size:14px;}
.i_product_con{margin:0 42px;}
.i_product_con li{width:307px;}
div.pro_imgbox{width:285px; height:213px; overflow:hidden;}

.recommend_tit h4{background:url(../image/i_recommend_line.png) no-repeat center center; font-size:32px;}

.pro_recommend{padding:30px 0 0 0; overflow:inherit; height:310px;}
.pro_recommend .hd {position:relative;}
.pro_recommend .hd a{display:block; width:44px; height:73px; cursor:pointer; position:absolute; top:80px;}
.pro_recommend .hd a.prev{background:url(../image/team_prev.png) no-repeat; left:-70px;}
.pro_recommend .hd a.next{background:url(../image/team_next.png) no-repeat; right:-70px;}
.pro_recommend .hd a.prev:hover{background:url(../image/team_prevh.png) no-repeat;}
.pro_recommend .hd a.next:hover{background:url(../image/team_nexth.png) no-repeat;}

.pro_recommend .bd li{margin:0 11px 11px; float:left;}


/*product-show*/

.inner_product_show{padding:60px;}
.i_relevant{width:300px; background:#fff;}
.i_relevant .tit{font-size:26px;color:#444; font-family:微软雅黑;}
/*.i_relevant .tit:before{content:''; height:1px; background:#666; width:40px; display:block; position:absolute; left:-45px; top:20px;}*/
.i_relevant .tit1{font-family:微软雅黑; font-size:18px;height:36px; line-height:36px; color:#444;}
.i_relevant .con1{padding:5px 0 0 0;}
.i_relevant .con1 li{height:30px; line-height:30px;}
.i_relevant .con1 li h4 a{font-size:14px; font-family:微软雅黑;}
.i_relevant_position{position:fixed;top:100px; margin:0 0 0 980px;}

.i_relevant .par{ margin:10px 0 25px 0; font-size:14px; font-family:微软雅黑;}
.i_relevant .par li{line-height:28px;}
.i_relevant .par li em{}
.i_relevant .par li a{}
.i_relevant .par li.last{width:100px; height:1px; display:block; background:#ddd; margin:20px 0 0 0;}



.i_product_data_box{width:910px;}
.i_product_data{width:910px; position:relative;}
.i_product_data .img{text-align:center; margin:0 auto;}
.i_product_data .img img{vertical-align:middle; width:910px; height:auto;}

.page-nav{ padding:0 0 20px 0;}
.page-nav p{padding:3px 0;} 


.i_product_data_con{ margin:20px 0 0 0;}
.i_product_data_con .tit{font-size:18px;border-top:1px solid #eee; padding:15px 0 0 20px; background:url(../image/i_about_ico2.png) no-repeat left 26px; color:#38558f; font-family:Impact; text-transform:uppercase; font-weight:bold;}
.i_product_data_con .con{ padding:0 0 20px 0; font-size:14px;}
.i_product_data_con img{max-width:800px; text-align:center;}

.citycon{ padding:10px 0 0 0;}


.product-detail .hd{height:40px; background:#eee;}
.product-detail .hd li{float:left; width:100px; line-height:40px; text-align:center; cursor:pointer; font-size:14px; font-family:微软雅黑; color:#333;}
.product-detail .hd li.on{background:#38558f; color:#fff; font-weight:bold;}
.product-detail .bd{padding:20px 0 0 0;}


/*picture*/

.pic_imgbox{width:1002px; margin:0 198px; padding:60px 0 0 0;}
.large_pic{overflow:hidden; width:1002px; height:582px;}
.large_pic li .img{
	width:980px; 
	height:560px;
	text-align:center;
	margin:0 auto;
	background:#f7f7f7;
	border:1px solid #efefef;
	padding:10px;
	}
.large_pic li .img img{
vertical-align:middle;
max-width:100%;
max-height:100%;
}
.large_pic li .img span{
height:100%;
width:0;
overflow:hidden;
display:inline-block;
vertical-align:middle;
}

.small_pic{overflow:hidden; margin:10px 0 0 0;}
.small_pic_list{width:922px; margin:0 auto; float:left; height:80px; overflow:hidden;}
.small_pic_list li{float:left; margin:0 10px; position:relative;}
.small_pic_list li img{width:120px; height:80px; cursor:pointer;}
.small_pic_list li .bun_bg{
	display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 80px;
    background: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
	}
.small_pic_list li.on .bun_bg{ display:block;}

.pic_btn{
	display: block;
    width: 30px;
    height: 80px;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
	}
.pic_btn:hover{
	background-color:#4c6497;
}

.pic_left_btn {
    float: left;
    margin-right: 10px;
    background-image: url(../image/pic_left_btn.png);
}
.pic_right_btn {
    float: right;
    background-image: url(../image/pic_right_btn.png);
}

.hezuo{margin:30px auto 0; text-align:center;}


/*picture_show*/

.inner_picture_show{ padding:60px;}
.inner_picture_show .img{ text-align:center;}
.inner_picture_show .img img{ max-width:900px;}
.inner_picture_show .tit{ text-align:center; font-size:14px; height:30px; line-height:30px; padding:10px 0;}
.inner_picture_show .con{ text-align:center; padding:10px 0; font-weight:bold; color:#333; font-size:14px;}



/*news*/

.inner_news{ padding:30px 100px;}
.inner_news li a{height:128px; border-bottom:1px solid rgba(0, 0, 0, .06); padding:30px 0; position:relative; display:block;}
.inner_news li a .time:after{ content:''; width:60px; height:1px; background:#ddd; display:block; position:absolute; left:110px;top:42px;transition:all .3s;}
.inner_news li a .time h6{font-family:Arial;font-size:18px; color:#8f8f8f; line-height:24px;transition:all .3s;}
.inner_news li a .time em{display:block; background:url(../image/inner_news_ico.png) no-repeat center center #fff; width:38px; height:38px; margin:26px 0 0 0;transition:all .3s;}
.inner_news li a .img img{width:198px; height:128px; transition:all .3s;}
.inner_news li a .con{width:640px;padding:0 0 0 130px; transition:all .3s;}
.inner_news li a .con h4{color:#717171; font-size:16px; line-height:24px;}
.inner_news li a .con p{ color:#999; line-height:26px; margin:20px 0 0 0;}


.inner_news li a:hover .time h6{ color:#333;}
.inner_news li a:hover .time em{background:url(../image/inner_news_ico.png) no-repeat center center #333;}
.inner_news li a:hover .time:after{width:80px; background:#666;}
.inner_news li a:hover .con{ padding:0 0 0 150px;}
.inner_news li a:hover .con h4{color:#333;}
.inner_news li a:hover .img img{padding:0 5px 0 0;}


/*news-show*/

.inner_news_show{padding:60px 100px 20px;}
.inner_news_show .tit{font-size:22px; text-align:center;color:#38558f; font-weight:bold;}
.inner_news_show .time{text-align:center; border-bottom:1px dashed #ccc; padding:10px 0;}
.inner_news_show .con{ padding-top:10px; font-size:14px; color:#515D6B; font-family:微软雅黑;}



/************
	可以复制
**************************/

.img-con-deta{overflow:hidden;}
.go_top a.top img{ position:fixed; bottom:20px; right:20px;}




.inner-image-date{padding-top:20px;}

/*====== 上一页-下一页 =====*/
.page{text-align:center;clear:both; padding:40px 0 0 0;}
.page a{font-size:12px; margin:3px; padding:5px 10px;border:1px solid #555;color:#555;}
.page a:hover{background-color:#666; color:#fff;}
.page span{ font-size:12px; margin:3px; padding:5px 10px; background:#555; color:#fff;}



/*===== kefu ====*/
.kefu {width:99px;height:60px;position:absolute;top:0px; z-index:999}
.kefu .kftop{background:url(../images/kefu_top.gif) no-repeat;height:20px;}
.kefu .kfbottom{background:url(../images/kefu_bottom.gif) no-repeat;height:14px;}
.kefu .kfbox {border-left:1px solid #DDE6EC;border-right:1px solid  #DDE6EC;overflow:hidden;zoom:1;padding:1px;background:#FFF;color:#f00;line-height:26px;}
.kefu .kfbox ul {padding-left:6px;}
.kefu .kfbox ul li.tit {color:#800000;}
.kefu .kfbox ul li img {vertical-align:middle;}
.kefu .kfbox .tit{padding-left:0; font-size:12px;}