@charset "utf-8";
/* CSS Document */
*{
    max-width: 100%;
}
.clear:before,.clear:after{display: block;content: " ";}
.clear:after{clear: both;}
body{ font-size:16px; color:#333; /* line-height:24px; */font-family: 'neotericbold';}

a { color:#333; text-decoration:none; }

a:hover { text-decoration:none;}

.sider{width:285px; float:left;}
.containter{float:right; width:655px;}

.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}


/******************header css***************/

@font-face {
    font-family: 'neotericbold';
  /*  src: url('../neoteric_-_bold_demo_version-webfont.woff2') format('woff2'),
         url('../neoteric_-_bold_demo_version-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;*/
	 src: url('../Myriad-Set-Pro-Thin.ttf') format('truetype'),
         url('../myriadsetprothin.eot?') format('eot');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'timesnewromancyr';
  
	 src: url('../Times New Roman Cyr.ttf') format('truetype'),
         url('../timesnewromancyr.eot?') format('eot');
    font-weight: normal;
    font-style: normal;

}
.kong{ height:100px; width:100%;}
.header{ background:#fbfbfb; box-shadow:0 0 3px 3px #ededed; width:100%; position:fixed; top:0; z-index:9999}
.phone_header{ background:#fbfbfb; box-shadow:0 0 3px 3px #ededed; width:100%; position:fixed; top:0; z-index:9999}
.logo{ float:left; width:343px;}
.menu ul li{float:left; margin:0 5%; position:relative; font-weight:bold; }
.menu ul li a{font-size:16px; padding:15px 0}
.menu ul li a:hover{ border-bottom:3px solid #4355d8; color:#4355d8}
.serach{ border:1px solid #ccc; background:none; float:right; width:140px; height:28px; margin-top:25px;}
.menu{float:left; margin-top:30px; margin-left:6%; width:50%}
.menu ul.sub_menu{ width:222px;max-width: none; padding-bottom:30px; position:absolute; z-index:100000; top:20px; padding-top:20px; display:none}
.menu ul.sub_menu li{height:30px; line-height: 30px; width:95%; margin:0; padding-left:5%;background:url(../images/subbg.png) repeat-y;}
.menu ul.sub_menu li:hover{background:#4355d8;}
.menu ul.sub_menu li a{color:#fff;}
.menu ul.sub_menu li a:hover{border-bottom:none;}
.threeBtn{margin-top:30px; margin-bottom:30px;}
.container{width:90%;  margin:auto; max-width:1200px;}
.container1{width:90%;  margin:auto; max-width:1600px;}
.three_box{width:29%; float:left; height:240px; padding:2%;transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s;}
.icon_one{background:url(../images/icon11.png) no-repeat; width:110px; height:100px; margin:auto;} 
.box_cont{background:url(../images/bg1.png) repeat; padding:10px; margin-top:20px;}
.box_title{font-size:24px;color:#4355d8; text-align:center; margin:10px 0}
.box_title a{color:#4355d8;}
.box_memo{ font-size:14px; text-align:center}
.box_memo a{color:#999;}
.icon_one:hover {background:url(../images/icon.png) no-repeat;}
.three_box:hover .icon_one{background:url(../images/icon.png) no-repeat;}
.three_box:hover .icon_two{background:url(../images/icon2.png) no-repeat;}
.three_box:hover .icon_three{background:url(../images/icon3.png) no-repeat;}

.icon_two{background:url(../images/icon22.png) no-repeat; width:110px; height:100px; margin:auto;} 
.icon_two:hover {background:url(../images/icon2.png) no-repeat;}
.icon_three{background:url(../images/icon33.png) no-repeat; width:110px; height:100px; margin:auto;} 
.icon_three:hover {background:url(../images/icon3.png) no-repeat;}

.three_box:hover{background:url(../images/bg.png) no-repeat center top; }
.index_two{ padding:60px 0;}
.pro_box{width:29%; padding-bottom:15px; float:left; margin:15px 2%; overflow:hidden; }
.pro_pic{height:180px; text-align:center; overflow:hidden;border:2px solid #222; border-radius:5px;}
.pro_pic img{max-width:100%; height:180px; transition:all 1s;}
.pro_pic img:hover{transform:scale(1.1,1.1);}
.pro_title{ margin:auto; margin-top:5px; text-align:center; height:40px; line-height:40px; border-bottom:1px solid #ccc; font-size:18px; border-top:1px solid #ccc; overflow:hidden;}
.pro_title a{color:#fff; font-size:18px; display:block; background:#2432bb;}
.pro_box:hover .pro_title a{color:#fff; background:#727171}
.pro_memo a{color:#999; }
.pro_memo{text-align:center; margin-top:15px; }
.index_three{background:url(../images/bg.jpg) no-repeat center top; padding:80px;}
ul.box li{width:31%; background:url(../images/bg2.png) repeat; height:224px; float:left; margin:1%; font-family: 'timesnewromancyr';padding-top:20px; font-family:}
.titleen{color:#fff;font-size:25px; text-align:center; line-height:30px; margin-top:10px;}
.box_pic{text-align:center;}

.logo_cont{width:80%; text-align:center; margin:20px auto}
.footer{background:#25262a;}
.foot_left{float:left;width:25%;}
.foot_right{float:right;width:73%;}
.text{font-size:14px; color:#fff}

.foot_right dl{float:left; width:15%; font-size:14px;}
.foot_right dl dd{font-size:14px; height:30px; line-height:30px;}
.foot_right dl dd a{color:#666;}
.foot_right dl dd a:hover{color:#fff;}
.foot_right dl dt{color:#fff; height:40px; line-height:40px;}
.foot_right dl dt a{color:#fff;}
.dibu{border-top:1px solid #37383c; padding-top:20px; padding-bottom:20px;}
.foot_one{padding-bottom:20px; padding-top:20px;border-bottom:1px solid #25262a}
.banner{margin-top:79px;}


.header{display:block;}
.phone_header{display:none;}


.phone_menu{background:#ccc; width:100%; position:absolute; top:45px; display:none; z-index:9999}
.phone_menu ul li{ line-height:30px; padding-left:20px;}
.phone_menu ul.phone_sub_menu{ display:none;}
.phone_menu ul.phone_sub_menu li{height:25px; background:#999; margin-top:3px;}
.head_text{ width:100%; height:40px; background:#000000; opacity:0.6; color:#fff; font-size:14px; font-style:italic; position:fixed; top:100px; line-height:40px; z-index:99}
.nei_submenu{width:100%; background:url(../images/bg3.png) repeat; height:50px; line-height:50px; position:fixed; font-size:16px;top:97px; color:#fff; z-index:999} 
.nei_submenu span{margin-right:15px;}
.nei_submenu a{color:#b8b7b7; /*padding: 11px;*/}
.nei_submenu a:hover{color:#fff; background:url(../images/sj.png) no-repeat center bottom;}

.pro_banner{position:relative;}
.pro_banner_title{ font-size:40px; color:#000;text-align:center; position:absolute; bottom:180px; width:100%;}
.pro_banner_btn{ font-size:20px; text-align:center; position:absolute; bottom:100px; width:100%;}
.pro_banner_btn a{ color:#fff; background:#1d9bd9; padding:10px 40px; border-radius:30px;transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s;}
.pro_banner_btn a:hover{background:#007DFB;}

.pro_box1{ position:relative; min-height:450px; padding:40px 0;width:1000px; margin:auto; overflow:hidden}
.left_pic{position:absolute; bottom:0; width:500px;}
.left_pic2{position:absolute; left:-1000px; top:97px;width:500px;}
.left_pic3{position:absolute; bottom:0; width:500px;}
.right_pic{ position:absolute; right:0; width:500px;}
.right_pic1{ position:absolute; right:-1000px; width:500px; top:97px}

.pro_two{background:#fcfcfc; padding:40px 0; min-height:500px;}
.title{font-size:40px; text-align:center;  margin-bottom:40px; height:107px; line-height:35px; width:100%; position:absolute; top:8px;}
.pro_cont{ position:absolute; bottom:-56px;}
.hide{position:relative; }

.online{ margin-top:200px;}
.title1{text-align:center; font-size:35px; line-height:55px;}
ul.biao li{width:47%; float:left; margin:2% 1%;}
ul.biao li .text1{width:98%; height:50px; line-height:50px; border:1px solid #ccc; border-radius:5px; font-size:18px; padding-left:2%;}

.area{border:1px solid #ccc; border-radius:5px; height:100px; font-size:18px; padding-left:2%; width:94%;}
.sub{border:1px solid #ccc; border-radius:30px; width:150px; height:40px; background:#fff; margin-right:10px; color:#008cd6;transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s;}
.sub:hover{background:#008cd6; color:#fff;}

.index_new_list{color:#000000; margin-top:15px;  background:#ededed}
.index_new_list a{color:#000000;}
.new_data{float:left; width:10%; height:73px; padding-top:20px; text-align:center; background:#bbbbbb; color:#fff;}
.data_num{font-size:32px; display:block;}
.data_en{font-size:14px;}
.new_title{float:left; width:60%; margin-left:30px; font-size:14px; padding:10px 0}
.neirong{font-size:12px;}
.index_new_list:hover{background:#008cd6; color:#fff; }
.index_new_list:hover .new_data{background:#000000;}
.index_new_list:hover a{color:#fff;}
.index_new_list
{
transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s; /* Opera */
}
.new_data:hover{background:#262626; color:#fff; }
.new_data:hover a{color:#fff;}
.new_data
{
transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s; /* Opera */
}




.col-sm-4{width:30%; margin:1%; float:left}
.icons .icon {
    float: left;
    height: 85px;
    margin-right: 10px;
}
.icons span {
    color: #08c;
    font-size: 18px; font-family: 'myriadsetpro', "Microsoft YaHei", Tahoma, Geneva, Verdana, sans-serif !important;
}
.icons p {
    text-align: left;
    margin: 0;
    margin-top: 5px;
    font-size: 12px;
    color: #464646;    line-height: 1.2;
    font-family: 'myriadsetpro', "Microsoft YaHei", Tahoma, Geneva, Verdana, sans-serif !important;
}
.foot_right dl.p{width:20%;}
#phone{display:none;}







/******************************/
.htitle span{background:#385c74; color:#fff; font-size:20px; font-weight:bold; padding:7px 15px}
.htitle{text-align:center;}
.index_two .container{max-width:1300px;}
.hpro{position:relative; box-shadow:0 0 5px 5px #999; margin:10px;}
.hpro-name{position:absolute; right:30px; bottom:30px; display:inline; border-bottom:2px solid #4355d8; font-size:22px; font-weight:bold;}

.index_two .swiper-button-next{background:url(../images/right1.jpg) no-repeat; width:37px; height:55px; right:-55px;}
.index_two .swiper-button-prev{background:url(../images/left1.jpg) no-repeat; width:37px; height:55px; left:-55px;}
.index_two .container{position:relative;}


.hindex-new{background:url(../images/nbg.jpg) no-repeat; padding:2%; box-sizing:border-box; max-width:1120px; width:100%; margin:auto; margin-top:50px; margin-bottom:40px;}
.h-ndate{float:left; width:15%; height:110px; text-align:center; background:#e95244}
.h-nright{float:right; width:82%; height:110px; background:#385c74; padding:2%; box-sizing:border-box; font-size:16px;}
.h-ndate h2{background:#5d72e6; font-size:30px; height:55px; line-height:55px; }
.h-ndate p{font-size:44px; font-weight:bold; height:55px; line-height:55px;}
.hnews:nth-child(2n+2) .h-ndate{float:right;}
.hnews:nth-child(2n+2) .h-nright{float:left;}
.hnews a{color:#fff;}
.hnews{margin-top:20px;}

.hindex-video{max-width:870px; margin:auto; width:100%; margin-top:50px; margin-bottom:50px;}
.hindex-video .swiper-button-next{background:url(../images/right2.jpg) no-repeat; width:37px; height:55px; }
.hindex-video .swiper-button-prev{background:url(../images/left2.jpg) no-repeat; width:37px; height:55px; }
.hpro1{width:28%; float:left; margin:0 2% 4% 2%; box-sizing:border-box; border:6px solid #e83820; box-shadow:0 0 3px 3px #333;}
.hpro1:nth-last-child(2){ margin-bottom:0;}
.hpro1:nth-last-child(3){ margin-bottom:0;}
.hpro1:nth-last-child(4){ margin-bottom:0;}

.hpro-pic{overflow:hidden;}
.hpro-pic img{transition:all 1s;}
.hpro1:hover .hpro-pic img{ transform:scale(1.1,1.1);}
.hpro-cont{ background:#f3f3f3; padding:40px 0; text-align:center}
.hpro-cont span{border-bottom:2px solid #2432bb; border-top:1px solid #ccc; padding:15px 0; font-size:18px; color:#333; font-weight:bold;}
.hindex-pro{margin-top:40px;background:url(../images/hbg2.png) no-repeat; padding:50px 0; margin-bottom:50px;}
.hindex-down{background:#484848; padding:20px; margin-top:40px;}
.hindex-down ul li{float:left; width:17%; margin:1% 0.5%;}
.hindex-down ul li:nth-child(1){width:12%; color:#fff; font-size:20px; display:table-cell; vertical-align:middle; padding-top:6%}
.hindex-down ul li:nth-child(6){width:12%; padding-top:18%;}

@media (min-width: 1200px){ 
.head_cont{max-width:1440px; width:100%; margin:auto;}
.menu{display:block;}
}
@media only screen and (max-width:1200px){
.menu{display:none;}
.head_cont{width:800px; margin:auto;}
.header{display:none;}
.phone_header{display:block;}

.phone_menu_btn{display:block; position:absolute; right:0; bottom:0; width:55px; background:#ccc}
.serach{ position:absolute; right:70px; bottom:10px;}
	.kong{ height:45px; width:100%;}
}
@media only screen and (max-width:1000px){
	.left_pic{ width:100%;position:relative}
.left_pic2{ width:100%;position:relative}
.left_pic3{ width:100%;position:relative}
.right_pic{ width:100%;position:relative}
.right_pic1{ width:100%;position:relative}
.pro_box1{ width:100%;}
.head_text{display:none;}
.nei_submenu{display:none;}
	}
@media only screen and (max-width:800px){
	.hindex-pro{ margin-top:0; padding:10px 0}
	.pro_pic{height:auto;}
	.pro_pic img{height:auto;}
	
	.kong{ height:45px; width:100%;}
.three_box{width:98%; margin:auto; padding:2%;}
.box_cont{width:60%; margin:auto;padding:10px; margin-top:20px;}
.pro_box{width:48%; margin:1% 1%; float:left; padding-bottom:0}
.foot_right dl{width:100%; float:none;}
.pro_memo{margin-top:0;}
.hpro-cont{padding:20px 0;}
.foot_right dl.p{width:100%;}
.foot_left{display:none;}
.foot_right{ width:100%; float:none;}
ul.box li{width:48%; height:180px;}
.index_three{padding:40px;}
.phone_menu_btn{display:block; position:absolute; right:0; bottom:0; width:55px;}
.header{display:none;}
.phone_header{display:block;}
.serach{ position:absolute; right:70px; bottom:10px;}
ul.biao li{width:100%; margin:2% 0;}
.area{width:98%;}
.left_pic{ width:100%; position:relative}
.left_pic2{ width:100%; top:0;position:relative}
.left_pic3{ width:100%;position:relative; top:0}
.right_pic{ width:100%;position:relative;top:0}
.right_pic1{ width:100%;position:relative;top:0}
.pro_box1{ width:100%;}
.col-sm-4{width:98%;}

.pro_cont{ position:relative;}
.title{position:relative;}
.head_text{display:none;}
.nei_submenu{display:none;}
.logo{width:30%;}
.logo img{width:100%;}
.head_cont{ width:100%;}
.serach{width:40%;}
.phone_header{height:45px;}
.pro_banner{height:auto}

#phone{display:block;}
#pc{display:none;}


.phone_left_pic{left:0;}
.phone_right_pic{right:0;}
#pro_banner{display:block;}
.pdcont img{width:100%; height:auto;}




.hpro1{width:46%;}
.hpro-cont{height:30px; overflow:hidden;}
 .hpro-cont span{   font-weight: bold;
    display: block;
    overflow: hidden;
    height: 12px;}
.hindex-down ul li:nth-child(1){width:100%;}
.hindex-down ul li{width:48%;}
.hindex-down ul li:nth-child(6){width:100%; padding-top:10px;}

.h-ndate{display:none;}
.h-nright{width:100%;}

.index_two .swiper-button-next{right:0; background-size:20px; width:20px; }
.index_two .swiper-button-prev{left:0; background-size:20px; width:20px;}

.hpro-name{display:none;}
.nd-cont img{width:100%; height:auto}
}

.login{padding: 10px;background-color: #fff;width: 440px;position: absolute;top: 50%;left: 50%;margin-left: -220px;margin-top: -99px; z-index: 99;}
.login .box{border: 3px solid #231815;padding: 25px 40px; font-size: 16px;color: #221815;font-style: italic;text-align: center;}
.login .box .txt a{color: #ed6c00;text-decoration: underline;}
.login .box .pw{padding: 15px 0;}
.login .box .pw label{margin: 0 5px 0 0;font-weight: normal;}
.login .box .pw input{border: 2px solid #ed6c00;width: 231px;outline: none;}
.login .box .submit{text-align: right;}
.login .box .submit input{border: none;background-color: transparent;outline: none;}

.dy{background: url(../images/line.png)no-repeat top,url(../images/bg5.jpg)no-repeat top / cover;padding-top: 15px;}
.dy .wz{font-size: 28px;color: #231815;font-weight: bold;padding: 30px 0;}
.dy .wz a{color: #231815;}
.dy .prod{background-color: #fff;}

.w1120{width: 1200px;margin: 0 auto;}



.float{
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 999;
}
.float .button{
	background: url(../images/ico_chat.svg)no-repeat 12px center / 23px 23px #ed6c00;
	border-radius: 30px;
	font-size: 16px;
	color: #fff;
	line-height: 42px;
	padding: 0 12px 0 42px;
	cursor: pointer;
}
.float .window{
	
	position: absolute;
	bottom: 100%;
	right: 0;
	width: 350px;
	max-width: none;
	margin-bottom: 40px;
	background-color: #F3F3F3;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	border-radius: 3px;
	overflow: hidden;
	display: none;
}
.float .window .head{
	background-color: #ed6c00;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	position: relative;
	height: 42px;
}
.float .window .head .title{
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.float .window .head .close{
	background: url(../images/minimize-icon.svg)no-repeat center / 42px 42px;
	width: 42px;
	height: 42px;
	cursor: pointer;
	position: absolute;
	right: 10px;
	opacity: 1;
}
.float .window .body{
	padding: 20px;
	overflow: auto;
	height: 500px;
}
.float .window .body .title{
	font-size: 20px;
	color: #2F2F2F;
	font-weight: 700;
	margin-bottom: 10px;
}
.float .window .body .content{
	font-size: 14px;
	color: #000;
	margin-bottom: 20px;
}
	  




.need1 .box1 table{border-collapse: separate;    
-webkit-border-horizontal-spacing: 1px;
    -webkit-border-vertical-spacing: 5px;width: 100%;text-align: center;}
.need1 .box1 table td{background-color: #727171;font-size: 24px;color: #fff;line-height: 40px;}
.need1 .box1 table td a{color: #fff;}
.need1 .box1 table td.active a{color: #ffffff;}
.need1 .box1 .js{background-color: rgba(64,60,59,0.31);border-bottom: 2px solid #433f3f;}
.need1 .box1 .js img{float: right;margin: 0 60px;}
.need1 .box1 .js .wz{padding: 35px 0 35px 35px;overflow: hidden;}
.need1 .box1 .js .wz .f1{font-size: 44px;color: #221815;}
.need1 .box1 .js .wz .f2{font-size: 45px;color: #221815;}
.need1 .box1 .js .wz .f3{font-size: 24px;color: #221815;}
.need1 .box1 .js .wz .f4{font-size: 48px;color: #221815;}
.need1 .box1 .js .wz .f5{font-size: 26px;color: #3e3a39;}
.need1 .content .box{background: url(../images/line1.jpg)no-repeat 0px 0px;}
.need1 .content .box:first-of-type{background:none;}
.need1 .content .box .img{float: right;margin-top: 15px;}
.need1 .content .box .txt .f1{font-size: 28px;color: #231815;font-weight: bold;padding: 10px 0;}
.need1 .content .box .txt .f2{font-size: 28px;color: #3e3a39;font-weight: bold;}
.need1 .content .box .txt .f3{font-size: 17px;color: #4d4a4a;padding-top: 5px;padding-right: 25px;padding-bottom: 5px;}
.need1 .content .box .txt .f4{font-size: 20px;color: #4d4a4a;font-weight: bold;}
.need1 .content .box .txt .f5{font-size: 17px;color: #221815;padding-left: 0px;}
.need1 .content .box .txt .f6{font-size: 18px;color: #3e3a39;padding-left: 1px;}
.need1 .content .box .txt .f7{font-size: 19px;color: #4d4a4a;padding-left: 0px;}
.need1 .content .box .txt .f8{font-size: 17px;color: #595757;padding-left: 0px;}
.need1 .content .box .txt .c{color: #3e3a39;}
.need1 .content .box .txt li{font-size: 17px;color: #3e3a39;line-height: 23px;text-align: left;padding-left: 1px;background: url(../images/tb3.png)no-repeat 9px 8px;padding-bottom: 10px;}
.need1 .content .box .txt li.c{background: url(../images/tb4.png)no-repeat 9px 8px;}
.need1 .content .box .txt table{text-align: center;max-width: 1000px;}
.need1 .content .box .txt table li{display: inline-block;}
.need1 .next{text-align: right;font-size: 18px;color: #3e3a39;font-style: italic;font-weight: bold;}
.need1 .next a{color: #3e3a39;}
/*company info*/
.company_box{
	position:relative;
	padding-bottom:100px;
	background-color: #efefef;
}

.company1_box{
	position:relative;
	padding-bottom:100px;
	background-color: #f8f8f8;
}

.company_tit{
	width:100%;
	text-align:center;
	font-size: 35px;
	font-weight:bold;
	font-family: "微软雅黑";
	position:absolute;
	top:73px;
}
.company_tit span{
	background-color: #efefef;
	padding:0 20px;
	
}


.company1_tit{
	width:100%;
	text-align:center;
	font-size: 35px;
	font-weight:bold;
	font-family: "微软雅黑";
	position:absolute;
	top:73px;
}
.company1_tit span{
	background-color: #f8f8f8;
	padding:0 20px;
	
}


.company_con{
	width:95%;
	text-align:center;
	margin:0 auto 0 auto;
	color:#000000;
	font-family: "微软雅黑";
	border-top:1px solid #cfcfcf;
	padding:50px 0 50px 0;
}

.company_con1{height:100%; text-align:center; overflow:hidden;border:1px solid #dcdcdc; border-radius:2px;}
.company_con1 img{max-width:100%;transition:all 1s;}
.company_con1 img:hover{transform:scale(1.1,1.1);}

.company_empty{
	width:100%;
	height:100px;
}
.company_con2{
	width:80%;
	margin:0 auto 0 auto;
}


.company_con2_left{
	width:48%;
	float:left;
	margin-top: 80px;
}
.company_con2_left_box{
	padding-right:40px;
}
.company_con2_left_box img{
	width:100%;
}
.company_con2_right{
	width:48%;
	float:left;
	margin-top: 80px;
}
.company_con2_tit{
	font-size: 35px;
	font-weight:bold;
	font-family: "微软雅黑";
}
.company_con2_remark{
	font-size: 20px;
	font-family: "微软雅黑";
	color:#a50f10;
}
.company_con2_info{
	color:#686868;
	font-size: 14px;
	margin:20px 0;
	line-height:25px;
}
.company_more{ border:1px solid #000000; padding:5px 20px; font-size:12px; color:#000000; font-family: "微软雅黑";}
/*产品*/
.prolist{
	width:100%;
	background-color:#f1f1f1;
	margin-bottom:50px;
}
.pro_item{ 
	width:80%; margin:0 auto; display: flex; padding:20px 0;
}
.pro_item_left{
	width:40%;
	position:relative;
}
.pro_item_left p{ position:absolute; top:45%; left:0; right:0; text-align:center;}
.pro_item_left span{ padding:10px 20px; background-color:rgba(56,92,116,0.7); color:#ffffff;}
.pro_item_left img{ width:100%;}
.pro_item_right{
	display: flex;
	width:60%;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
    justify-content: space-around;
	align-content:space-between;
}
.pro_item_box{
	width:30%;
	min-width: 30%;
	max-width: 30%;
	text-align:center;
	background-color:#fff;
}
.pro_item_box:hover{
	margin-top:-3px; 
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); 
	box-shadow: 0 15px 30px rgba(0,0,0,0.1); 
	-webkit-transform: translate3d(0, -2px, 0); 
	transform: translate3d(0, -2px, 0)
}
.pro_item_box_pad{ padding:20px;}
/*
底部
*/
.footer{
	width:100%;
	background-color:#1b1b1b;
}
.foot_menu{
	width:70%;
	margin:0 auto;
	padding:30px 0;
}
.foot_logobox{
	width:30%;
	float:left;
}
.foot_logo{
	width:80%;
}
.foot_callbox{
	width:100%;
	padding-left: 40px;
	margin-top:20px;
	font-weight:bold;
	font-family:"微软雅黑";
	color:#ffffff;
}
.foot_call{
	float:left;
}
.foot_call1{
	padding-left: 55px;
}
.foot_item{
	width:20%;
	float:left;
	color:#ffffff;
	font-weight:bold;
	font-family:"微软雅黑";
	font-size: 12px;
}
.foot_contact{
	width:30%;
	float:left;
	color:#ffffff;
	font-weight:bold;
	font-family:"微软雅黑";
	font-size: 12px;
}
.foot_item_tit{
	color:#ffffff;
	font-size:14px;
	height:30px;
	line-height:30px;
}
.foot_item2{
	/*height:25px;*/
	line-height:25px;
	font-weight: initial;
}
.foot_item2 a{
	color:#ffffff;
}
.fa{
	font-size:20px;
}
.copyright{
	width:100%;
	background-color:#272727;
	color:#4d4d4d;
	text-align:center;
	padding: 10px 0;
    font-size: 14px;
}

@media (max-width: 680px) {
	.need1 .box1 .js img{
		float: none;
		margin: 0 20px;
	}
}

@media (max-width: 1000px) {
	.company_con2{ width:100%;}
	.company_con2_left{ width:100%;}
	.company_con2_left img{ width:100%;}
	.company_con2_left_box{ padding:0; text-align:center;}
	.company_con2_right{ width:100%;}
	.company_more{ float:right;}
	.pro_item{ width:100%; display:block;}
	.pro_item_left{ width:100%;}
	.pro_item_right{ width:100%;}
	.pro_item_box{
		width: 45%;
		min-width: 45%;
		max-width: 45%;
		margin-bottom:10px;
	}
	.foot_menu{ width:100%;}
	.foot_logobox{ 
		margin: 0 auto;
		width: 80%;
		float: none;
		text-align: center;
	}
	.foot_callbox{ padding:0;}
	.foot_call{ display:none;}
	.foot_call1{ padding:0;}
	.foot_item,.foot_contact{ width:100%; text-align: center;}
}