﻿*{transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
html,body{font-size:14px;background:#fff;width:100%;margin:0px;padding:0px; font-family:"微软雅黑"; color:#363636; letter-spacing:normal;}
img {
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode:bicubic;
}
img{border:none;min-width:1px;}
body,html{overflow:-Scroll;overflow-x:hidden}

a:link,a:visited{ font-weight: normal;color: #666;text-decoration: none;}

a{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:hover,a:active{color: #D91624;text-decoration:none;}

.input_sub_01{ width:113px; height:40px;background:url(../images/he_shenqing01.jpg) no-repeat; border:none; float:left; margin:0px 0px 0px 00px;}
.input_sub_02{ width:113px; height:40px;background:url(../images/he_shenqing02.jpg) no-repeat; border:none; float:left; margin:0px 10px;}
/*搜索*/
#search{float:right; width:170px; height:25px; background:#fff; border:1px solid #ccc; margin-top:13px;}
.searchk{float:left;padding-left:5px; width:110px; margin-top:0px; height:25px; border:none; background:none;}
.scr_text{color:#999;border:none; background:none; width:120px; height:25px; margin-left:0px; line-height:25px;margin-top:0px;}

.fl{float:left;}
.fr{float:right;}
.h5{ height:5px; clear:both; width:100%;}
.h10{ height:10px; clear:both; width:100%;}
.h20{ height:20px;clear:both; width:100%;}
.h30{ height:30px;clear:both; width:100%;}
.h40{ height:40px;clear:both; width:100%;}
.h50{ height:50px;clear:both; width:100%;}
.h80{ height:70px;clear:both; width:100%;}

.h140{ height:132px;clear:both; width:100%;}

.dianhua_bot{ clear:both; background: url(../images/home_bg.jpg) no-repeat center top; width:100%; height:67px;}
.dianhua_bot h2{ font-size:24px; text-align:left; float:left; display:inline-block; width:50%;line-height:67px; color:#fff; font-weight:normal;}
.dianhua_bot h2 span{ font-size:18px; padding-left:10px; }
.dianhua_bot .dianhua { float:left; width:50%; text-align:left;}
.dianhua_bot .dianhua p{ background:url(../images/xwd_tel.jpg) no-repeat 22px 16px; padding-left:65px; line-height:67px; color:#363636;font-size:18px; }

.solution-wrap{}
.trans{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;}
.solution-wrap .list{background:url(../images/about_fazhan.jpg) no-repeat right;height: 550px;overflow: hidden;}
.solution-wrap .list .zhongjuan{ width:80%; margin:0px 10%; height: 100%;}
.solution-wrap .list .solution{width: calc(24% - 1px);border-left: solid 1px #ccc;height: 100%;padding: 0 0px;text-align: center;}
.solution-wrap .list .solution:first-child{border-left: none;}
.solution-wrap .list .solution .title{font-size: 22px;color: #fff;display: block;margin-top: 15px;}
.solution-wrap .list .solution .brief{text-align: center;font-size: 15px;color: #fff;line-height: 23px;height: 230px;overflow: hidden;display: none; letter-spacing:1px; max-width:70%; margin:20px auto;}
.solution-wrap .list .solution .brief p{ font-size:15px; color:#fff; line-height:28px; margin:0;}
.solution-wrap .list .solution .img{margin-top: 210px;}
.solution-wrap .list .solution .img img{max-width: 100%;height: auto;}
.solution-wrap .list .solution .detail{display: block;width: 118px;height: 40px;border: solid 1px #5b95aa;font-size: 13px;color: #fff;text-align: center;line-height: 40px;margin: 0 auto;margin-top: 35px;display: none;}
.solution-wrap .list .solution.on{width: calc(25.77% - 1px);background:-webkit-gradient(linear, 46% 0%, 100% 0%, from(rgba(218,48,35,0.8)), to(rgba(247,103,92,0.8)));}
.solution-wrap .list .solution.on .img{margin-top: 175px;}
.solution-wrap .list .solution.on .brief{display: block;}
.solution-wrap .list .solution.on .detail{display: block;}
.solution-wrap .list.mobile{display: none;}

@media only screen and (max-width:1400px){
.solution-wrap .list .zhongjuan{ width:90%; margin:0px 5%; height: 100%;}
}
@media only screen and (max-width:980px){

.solution-wrap .list{height: auto;background:url(../images/qiege.jpg) no-repeat center center;background-size: cover;}
	.solution-wrap .list .solution{width: auto;float: none;height: auto;padding: 20px 20px;}
	.solution-wrap .list .solution.on{width: auto;height: auto;}
	.solution-wrap .list .solution .brief{height: auto;display: block; text-align:center; margin:0 auto; max-width:80%;}
	.solution-wrap .list .solution .brief p{ font-size:13px; line-height:25px; text-align:center;}
	.solution-wrap .list .solution .img{margin-top: 10%;}
	.solution-wrap .list .solution.on .img{margin-top: 10%;}
	.solution-wrap .list .solution .detail{display: block;}
.solution-wrap .list .solution.on{ background:none;}
.solution-wrap .list .solution .title{ font-size:15px;}
	.solution-wrap .list.pc{display: none;}

.solution-wrap .list.mobile{display: block;}

}


@media (max-width: 639px) {
.solution-wrap .list{height: auto;background:url(../images/qiege.jpg) no-repeat center center;background-size: cover;}
.solution-wrap .list .solution{width: auto;float: none;height: auto; min-height:200px;padding: 0px 0px 20px 0; background:rgba(115,189,91,0);border-left: solid 1px #ccc;}
.solution-wrap .list .solution.on{width: auto;height: auto;}
.solution-wrap .list .solution .brief{height: auto;display: block; text-align:center; margin:0 auto;max-width:90%;}
.solution-wrap .list .solution .brief p{ font-size:12px; line-height:20px; text-align:center;}
.solution-wrap .list .solution .img{margin-top: 10%;}
.solution-wrap .list .solution.on .img{margin-top: 10%;}
.solution-wrap .list .solution .detail{display: block;}
.solution-wrap .list.pc{display: none;}
.solution-wrap .list.mobile{display: block;}
.solution-wrap .list .solution .title{ font-size:14px;}
.solution-wrap .list .solution.on{ background:none;}
}

#header_box{ width:100%; background:#fff; height:150px; }
.top_box{ height:45px; width:100%; background:#EFEFEF; line-height:45px;}
.top_box_left{ float:left;}
.top_box_left img{ display:inline-block; margin-top:-5px;}
.top_box_right{ float:right;}
.top_box_right p{ display:inline-block; letter-spacing:normal;}


.top_box_right_menu{ float:right; margin-top:10px;}
.top_box_right_menu img{ margin-top:-20px;}
.top_box_right_menu p{ display:inline-block;}
.top_box_right_menu p strong{ color:#D52F26;font-size:16px;letter-spacing:normal; display:block;}

.container .headerLogo{ float:left; margin-top:15px; margin-bottom:5px;}

.container{ width:1100px; margin:0 auto;}

.nav{ float:right; margin-top:15px; height:40px; margin-right:-15px;}
.nav ul li{
	width: 100px;
	text-align: center;
	position: relative;
	cursor: pointer;
	 float:left;
	 	height:50px;
}
.nav ul li a{position:relative; z-index:10;display:inline-block; }
.nav ul li .cn{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 110px;
	text-align: center;
	font-size: 15px;
	color: #e12432;

	opacity: 0;
	filter:alpha(opacity=0);
	cursor: pointer;

	
}
.nav ul li .en{
/*	position: absolute;
	left: 0;
	top: 0;*/
	display: block;
	width: 110px;
	text-align: center;
	font-size: 15px;
	color: #333;

	opacity:1;
	filter:alpha(opacity=100);
	z-index: 5;
	cursor: pointer;
}
.nav ul li.last .cn,.nav ul li.last .en{
	background: none;
}

.nav ul li:hover .en{opacity:0;filter:alpha(opacity=0);}
.nav ul li:hover .cn{position: absolute;top: 0;left: 0;opacity:1;filter:alpha(opacity=100);}

.nav ul li.on .en{opacity:0;filter:alpha(opacity=0);}
.nav ul li.on .cn{position: absolute;top: 0;left: 0;opacity:1;filter:alpha(opacity=100);top:0}



.wechat {
	cursor: pointer;
	position: relative;
}
.wechat-t {
	width: 150px;
	height: auto;
	position: absolute;
	top:50px;
	left:-20px;
	display: none;
	z-index:9999;
	padding-bottom:10px;
}
.wechat-t dd {
	text-align:center;
	height:35px;
	width:100%;
	margin:0 auto;
	line-height:38px;
	font-size:13px;
	color:#fff;

	border-bottom:1px solid #22297a;
}
.wechat-t dd a {
	font-size:13px;
	color:#fff;
	height:35px;
	width:100%;
	background:rgba(34, 41, 122, 0.8);
}
.wechat-t dd a:hover {
	font-size:13px;
	color:#fff;
	background:rgba(235, 0, 16, 1);
}


.left_text{text-align:center; margin:0px auto; width:100%; }
.left_text h2{ font-size:22px; color:#DC1826; font-weight:normal; }
.left_text .nav {width:100%; margin-top:0px;}
.left_text .nav a {display:block;color: #363636;transition: all .6s ease 0s;position: relative;font-size:14px; text-align:center; width:120px; margin:15px auto;}
.left_text .nav a:hover {color: #DC1826;}
.left_text .nav a:before {width: 0%;height: 2px;position: absolute;left: 50%;bottom: -5px;background: #DC1826;content: '';transition: all .5s ease 0s;}
.left_text .nav a:hover:before {width: 100%;left: 0%;}


.left_text .nav1 {width:100%; margin-top:0px;}
.left_text .nav1 a {display:block;color: #fff;transition: all .6s ease 0s;position: relative;font-size:14px; text-align:center; width:120px; margin:15px auto;}
.left_text .nav1 a:hover {color: #fff;}
.left_text .nav1 a:before {width: 0%;height: 2px;position: absolute;left: 50%;bottom: -5px;background: #fff;content: '';transition: all .5s ease 0s;}
.left_text .nav1 a:hover:before {width: 100%;left: 0%;}



.x_about_img{ float:left; margin:40px 0px 0 0px;width: 477px; height: 466px;float: left;position: relative;}
.x_about_text{ float:right; margin:0px 0px 20px 0; width:570px;}
.x_about_text h2{ font-size:20px; color:#D92429; line-height:50px;}
.x_about_text p{ line-height:30px; font-size:15px; text-indent:2em;}
.x_about_text p strong{ font-size:16px; color:#AF1219; line-height:45px;}



.x_about_text a.more_about{ display:block; width:100px; height:40px; background:#D92429; line-height:40px; text-align:center; float:right; margin-top:30px; color:#fff; font-size:14px; letter-spacing:normal;}



.home_news_left{float:left; width:483px; height:370px; margin:30px;}
.home_news_left .biaoti{float:left; width:380px; margin-top:15px;}
.home_news_left .biaoti h2{ font-size:15px; text-align:left; line-height:30px;color:#333; }
.home_news_left .biaoti h2:hover {color:#D9353C;}
.home_news_left .biaoti p{ font-size:13px; text-align:left; line-height:20px; color:#696969;}
.home_news_left .dateaa{ float:right; width:80px; text-align:right; letter-spacing:normal; margin-top:15px;}
.home_news_left .dateaa h4{ font-size:40px; font-weight:normal; color:#696969;}
.home_news_left .dateaa h5{ font-size:12px; font-weight:normal;color:#696969;}

.n_news_box{ padding:20px 0; width:540px;height:90px;float:right; margin-right:10px;}

.n_news_box_left { width:280px; margin-left:20px; margin-top:15px; float:left; }
.n_news_box .date{ width:100px;  overflow:hidden; float:left; margin-top:15px; border-right:1px solid #ccc; position:relative;}
.n_news_box .date h4{ font-size:40px; color:#696969; font-weight: normal; width:100px; text-align:center; float:left; margin:0;}
.n_news_box .date h5{ font-size:12px; letter-spacing:normal; color:#696969; font-weight:normal; line-height:20px; width:100px; margin:0; text-align:center;float:left;height:30px; }
.n_news_box_left .news_tit{  width:100%;}
.n_news_box_left .news_tit {font-size:15px; text-align:left; color:#333; font-weight:700;}
.n_news_box_left .news_tit:hover {color:#D9353C;}
.n_news_box_left .news_cont{ float:left; width:100%;  line-height:26px; font-size:13px; text-align:left; color:#696969;}



.service_left{ float:left;width:33.33%; margin-top:330px; height:270px; position:relative;}

.container_service{position:relative;width:1080px;margin:0px auto;}
.container_service:after{content: ""; display: block; height: 0; clear: both;visibility:hidden;}

.container_pro{position:relative;width:1100px;margin:0px auto;}
.container_pro:after{content: ""; display: block; height: 0; clear: both;visibility:hidden;}

.product_right{float:left; padding:0 0 0 50px; width:550px;}
.product_right p{ font-size:15px; line-height:30px; padding-left:10px;}
.product_right hr{height:1px;border:none;border-top:1px solid #ccc; margin:8px 0;}
.product_right h4{ font-size:20px; color:#63A450; line-height:45px; font-weight:normal; padding-left:10px;}

.cpxn-r3{  margin-top:0px; float:left; width:800px; margin-right:20px;}
.proshow_list_li{overflow:hidden;width:800px;height:400px;padding:0px; text-align:center;  }
/*.proshow_list_li_span{height: auto; display:inline-block; vertical-align:middle; }*/
.proshow_list_li img{ max-width:100%; max-height:100%;}


img{border:0px;}
ul,li,p{margin:0px;padding:0px;}
a{ text-decoration:none; outline:none;}
a:active {star:expression(this.onFocus=this.blur());} 
a:focus { outline: none; } 
ul,li{list-style-type:none;}
input,button,select,textarea{ outline:none;}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}



.container_about{position:relative;width:88%;margin:0px auto;}
.container_about:after{content: ""; display: block; height: 0; clear: both;visibility:hidden;}


.footer_bottom{background-color:#262b2e;  height:55px; line-height:55px; font-size:13px;color:#999;}
.footer_bottom a{ color:#999;}

.footer{background-color:#3A3F42; padding:30px 0 40px 0; }

.btn_src{ float:right;}

.animate05{-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
#partnersI { float:left; margin:0px 0px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#partnersI .links li{width: 217px;height: 100px;position: relative; text-align:center; border:1px solid #ccc; margin:0px 0px; border-right:1px solid #F5F5F5; border-bottom:1px solid #F5F5F5; float:left;}
#partnersI .links li img{ width:127px; height:81px; padding-top:10px;}
#partnersI .links li .fontW{width: 100%;height: 100%; color: #fff;background: #D91624;position: absolute;top: 0;left: 0;opacity: 0;display:none\9;}
#partnersI .links li .fontW span{display: block;width: 100%;height: auto;position: absolute;top: 40px;width: 150px;font-size: 16px;left: 50%;margin-left: -70px;line-height: 24px;text-align: center;-webkit-transform: translateY(20px);-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
#partnersI .links li:hover .fontW{opacity: 1;display:block\9;}
#partnersI .links li:hover .fontW span{-webkit-transform: translateY(0px);}



#anli { float:left; margin:0px 0px;}
#anli .links li{width: 280px;height: 200px;position: relative; text-align:center; background:#fff; margin:20px 10px;  float:left;}
#anli .links li img{ width:280px; height:200px; }
#anli .links li .fontW{width: 100%;height: 100%; color: #363636;background:rgba(255,255,255,0.8);position: absolute;top: 0;left: 0;opacity: 0;display:none\9;}
#anli .links li .fontW span{display: block;width: 100%;height: auto;position: absolute;top: 80px;width: 280px;font-size: 16px;left: 50%;margin-left: -140px;line-height: 24px;text-align: center;-webkit-transform: translateY(20px);-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
#anli .links li:hover .fontW{opacity: 1;display:block\9;}
#anli .links li:hover .fontW span{-webkit-transform: translateY(0px);}


.productsho_pic{float:none; text-align:center; margin:40px auto; width:100%; position:relative;}
.productsho_pic img{ max-width:600px; max-height:600px;}
.productsho_tit{font-size:22px; line-height:50px; width:46%; margin-left:4%; float:left; text-align:left;}


.productsho_pic .shuiyi_datu{ text-align:center; position:absolute; margin:0 auto; width:100%; height:100%; background:url(../images/shuiyi_da.png) no-repeat center center; z-index:1;}

/*员工生活*/
.ty-ul{ padding-top:0px; width:100%; clear:both; z-index:3; position:relative;}
.ty-ul li{float:left; width:260px; margin:15px 6px;display:block;height:200px;}
.ty-ul li.ty-lr{float:right;margin-right:0px;}
.ty-ul .pro_list_li{overflow:hidden;height:180px;padding:10px; text-align:center; width:240px;border:1px solid #fff;transition:all 0.2s linear; background:#fff; }
.ty-ul .pro_list_li:hover{box-shadow: 0 0 15px 1px #ccc; border:1px solid #fff;}
.ty-ul .pro_list_li img{ max-width:100%; max-height:100%;}
.ty-ul .pro_list_li:hover { margin-top:-10px;}
.ty-ul li a p{height:45px;line-height:45px;text-align:center;overflow:hidden; font-size:13px;}
.ty-ul li a:hover p{color:#DA231E;}

.pro_list_li_span{height: 1px; display:inline-block; vertical-align:middle; }
.pro_list_li img{ max-width:100%; max-height:100%;}

/*banner*/
 
  
/*banner图样式*/
.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
	 margin:0 auto;
	 text-align:center;
}
.banner picture img {
    -webkit-animation: banner_inside 20s ease 1 forwards;
    -moz-animation: banner_inside 20s ease 1 forwards;
    -o-animation: banner_inside 20s ease 1 forwards;
    animation: banner_inside 20s ease 1 forwards;
}
/*banner图样式*/
.bannertt {
    position: relative;
    width: 100%;
    overflow: hidden;
	 margin:0 auto;
	 text-align:center;
	 background:#eee;
	 height:500px;
	  z-index:1;

}

.bannertt picture{position: absolute; left:50%; width:4000px; margin-left:-2000px;}


.bannertt picture img {
    -webkit-animation: banner_inside 20s ease 1 forwards;
    -moz-animation: banner_inside 20s ease 1 forwards;
    -o-animation: banner_inside 20s ease 1 forwards;
    animation: banner_inside 20s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
        transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}


.banner_txt{text-align:center;z-index: 5; height:500px;width:1100px;  margin:0 auto; position:relative;}
.banner_txt_a{ position:absolute; }
.banner_txt1{ clear:both;font-size:30px; position:absolute;left:50%; margin-left:-50%;top:-20%; width:100%;  font-weight:bold;color:#fff; text-align:left;}
.banner_txt2{ clear:both;font-size:45px; position:absolute;left: auto; top:33%; width:100%;  font-weight: normal;color:#fff; text-align:center; text-transform:uppercase;}
.banner_txt3{ clear:both;font-size:20px; position:absolute;left: auto;top:47%;  font-weight:normal;color:#ddd; text-align:center; line-height:35px;width:100%;}

.n_main{ width:100%; display:block;}
.n_main .childInfo{  width:60%; max-width:700px; float:left;}
.n_main .childInfo p{ font-size:14px; color:#363636;text-align:left; line-height:30px; text-indent:2em;}
.n_tit{font-size:14px; line-height:30px; text-align:center; background:#ff0000;text-transform:uppercase; color:#fff; width:100px; margin-top:0px;}
.n_Title{font-size: 24px;color: #333; line-height:40px;margin-top:20px; }
.n_mainTitle_line{border-bottom: 1px solid #fff;text-align: center; margin: 0px  auto 0 auto; width:100%;}
.n_mainTitle{font-size: 24px;line-height: 40px;color: #333; text-transform:Uppercase; text-align:center;}
.n_mainTitle_line_1{border-top: 3px solid #C11720;text-align: center; margin: 0px  auto; width:50px; margin-top:15px;}
.n_mainTitle_line_2{text-align: center; margin: 0px auto; width:100%; font-size:16px;  padding-top:5px; line-height:35px;}
.n_mainTitle_line_3{text-align: center; margin: 0px auto; width:30px; height:3px; margin-top:0px; background:#fff;}
.n_mainTitle_line_4{text-align: center; margin: 0px auto; color:#fff;font-size:33px; height:40px; padding-top:15px; }
.n_mainTitle_line_5{text-align: center; margin: 30px auto 20px auto; background:#fff;width:50px; font-size:25px; height:2px;}
.yingyong_box{ padding:25px 0 25px 0;  clear: both; height:450px;}


.zhuzi{ margin:50px auto; width:100%; text-align:center;}
.zhuzi img{ max-width:100%; max-height:100%;}


.contact_box_text{margin:30px 0 0px;float:left; max-width:1000px; width:70%;}
.contact_box_text p{ font-size:15px; line-height:35px;}
.contact_box_text p img{ max-width:100%; max-height:100%;}
.contact_box_text p strong{ font-size:18px;}

.contact_box_pic{ float:right; margin:50px 0px 0 0; position:relative; background:url(../images/feed_titi.png) no-repeat left top; width:340px;}
.contact_box_pic p{ font-size:13px; padding:10px 0px 0px 20px; color:#fff;}
.contact_box_pic h3{ font-size:26px; line-height:38px; font-weight:normal; width:200px; color:#fff; padding-left:20px;}
.liuyan{ float:right;max-width:340px; margin-top:80px;}


  .m_more_ico{ margin:0 auto; text-align:center;}
 .m_more_ico img{ max-width:50px; max-height:50px;} 

@media (max-width: 1480px) {
.contact_box_text{ max-width:700px;}

}
@media (min-width: 1024px) and (max-width:1199px ) {
.contact_box_text{ max-width:600px;}
.contact_box_pic h3{ font-size:16px;}

}
/*领导团队*/
.w1190 {
  width: 1190px;
  margin: 0 auto;
  min-width: 1190px;
}

.about-thi-wrap {

  background: url(../images/bg_15.png) repeat 0;
  position: relative;
   height:500px;
  z-index: 1;
}
.about-thi-wrap .titbox {
  color: #AE181A;
}
.about-thi-wrap .titbox .entit {
  font-size: 70px;
  line-height: 80px;
  font-family: "Base-font";
}
.about-thi-wrap .titbox .cntit {
  font-size: 44px;
  line-height: 56px;
}
.about-thi-wrap .titbox .line {
  display: block;
  width: 175px;
  height: 3px;
  background-color: #AE181A;
  margin-top: 2px;
}
.about-thi-wrap .list-wrap {
  margin-top: 50px;
}
.about-thi-wrap .list-wrap li {
  width: 20%;
  position: relative;
  -webkit-perspective: 800px;
          perspective: 800px;
	  float:left;
}

.about-thi-wrap .list-wrap li:nth-child(5) .up-cont{  
   left: -100%;
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
		  }


.about-thi-wrap .list-wrap li:nth-child(5) .ico {
  background: url("../images/ico_26.png") no-repeat center;
  left: 294px;
}

.about-thi-wrap .list-wrap li .up-cont {
  position: absolute;
  top: 0;
  background-color: #AE181A;
  width: 242px;
  padding: 42px 26px 0 27px;
  color: #fff;
  height: 256px;
  left: 100%;
  -webkit-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: all 0s ease 0s;
          transition: all 0s ease 0s;
  opacity: 0;
}
.about-thi-wrap .list-wrap li .ico {
  display: block;
  width: 13px;
  height: 24px;
  background: url("../images/ico_25.png") no-repeat center;
  position: absolute;
  top: 36px;
  left: -12px;
}
.about-thi-wrap .list-wrap li .name {
  font-size: 24px;
  line-height: 30px;
  margin-top: -17px;
}
.about-thi-wrap .list-wrap li .lab {
  line-height: 35px;
  font-size: 14px;
}
.about-thi-wrap .list-wrap li .word {
  line-height: 20px;
  margin-top: 13px;
}
.about-thi-wrap .list-wrap li .word p{
  line-height: 1.3;
}
.about-thi-wrap .list-wrap li.right .up-cont {
  left: -100%;
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
}
.about-thi-wrap .list-wrap li.right .ico {
  background: url("../images/ico_26.png") no-repeat center;
  left: 294px;
}
.about-thi-wrap .list-wrap li:hover {
  z-index: 2;
}
.about-thi-wrap .list-wrap li:hover .up-cont {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
}



/*核心价值观*/
.icon{display:inline-block; background:url(../images/sprite.png) no-repeat; vertical-align:middle; margin-right:5px;}
.company01{ width:768px; margin:70px auto; text-align:center; overflow:hidden;}
.company01 li{float:left; width:256px; height:280px; background: rgba(255,255,255,0.8); overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.company01 li:nth-of-type(even){background:rgba(241,241,241,0.8);}
.company01 li div{position:relative; width:120px; height:120px; margin:60px auto 45px; border-radius:50%; background-color:#fff;}
.company01 li div:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background:#fff; -webkit-transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28); -moz-transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28); transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);}
.company01 li em{position:absolute; top:0; left:0;}
.company01 li .act{opacity:0; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.company01 li p{font-size:20px; color:#363636;}
.company01 li:hover{background:#AE181A;}
.company01 li:hover div:before{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.company01 li:hover .act{opacity:1;}
.company01 li:hover p{color:#fff;}

.i-cy01-act{width:120px; height:120px; background-position:0px -231px;}
.i-cy01{width:120px; height:120px; background-position:-120px -231px;}
.i-cy02-act{width:120px; height:120px; background-position:-351px 0px;}
.i-cy02{width:120px; height:120px; background-position:-351px -120px;}
.i-cy03-act{width:120px; height:120px; background-position:0px -351px;}
.i-cy03{width:120px; height:120px; background-position:-120px -351px;}



.i-cy04-act{width:120px; height:120px; background-position:0px -464px;}
.i-cy04{width:120px; height:120px; background-position:-120px -464px;}




/*荣誉资质*/

.xingcai{ width:98%; margin:0 1%;}

.xingcai ul li {
    width: 23%;
    position: relative;
    cursor: pointer; 
	float:left;
	margin:5px 1%;
	background:none;
}

.xingcai ul li img {
    width: 100%;
    transition: all .5s;
    transform: scale(1)
}

.xingcai ul li .img-box {
    overflow: hidden
}


.xingcai ul li:hover img {
    transform: scale(1.1);
    opacity: .5
}

.xingcai ul li .read {
    position: absolute;
    width: 63px;
    line-height: 63px;
    text-align: center;
    background: url(../images/jiangbei.png);
	font-size:0;
    left: 50%;
    top: 42%;
    margin-left: -30px;
    margin-top: -30px;
    transform: scale(0);
    opacity: 0;
    transition: all .5s
}

.xingcai ul li:hover .read {
    opacity: 1;
    transform: scale(1)
}

.xingcai ul li .titleaa{ font-size:14px; text-align:center; line-height:30px;padding-top:10px; padding-bottom:10px;}

/*头部*/

.container_header {
	position: relative;
	width: 100%;
	height: auto;

}

.header {
	width: 100%;
	height: 100%;
	/*background-image: url(../images/b1.jpg);*/
	/*background-position:  center center;*/
	/*background-repeat: no-repeat;*/
	text-align: center;
	overflow: hidden;
	position: relative;
}

.header .banner {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.header .banner ul {
	width: 30000px;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.header .banner ul li {
	width: 100vw;
	height: 100%;
	position: relative;
	background: center center no-repeat;
	background-attachment: fixed;
	background-size: cover;
	float: left;
	transition-duration: 2s;
	-webkit-transition-duration: 2s;
	background-position: 70% 50%;
}

.header .banner ul li.active {
	background-position: 50% 50%;
}

.header .scales {
	transition: all 5s ease 0s;
	transform: scale(1.05);
}

.header .noscale {
	transition: all 0s ease 0s;
	transform: scale(1);
}

.header ul {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
	top: 0;
	left: 0;
}

.header ul li {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: auto;
}

.nav_bg {
	position: fixed;
	width: 100%;
	height: 70px;
	left: 0px;
	top: 0px;
	opacity: 0;
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	z-index: 100;
	box-shadow: 0px 0px 25px rgba(0,0,0,.1);
}

.headernav.active {
	background: #fff;
}

.header .hnav {
	height: 70px;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	transition: all 1s ease 0s;
}

.header h1 {
	width: 202px;
	position: absolute;
	left: 50%;
	margin-left: -102px;
	transition: all 1s ease 0s;
	height: auto;
	top: 70px;
	z-index: 100;
	background:url(../images/logo.png);
	height:183px;
	
}

.header h1 img {
	transition: all 0.5s ease 0s;
}




.header h1.active {
	position: fixed;
	left: 15px;
	top: 5px;
	margin-left: 0px;
	width: 143px;
	height:59px;
	z-index: 100;
	background:url(../images/logo_top1.png);
}

.nav_bg.active {
	background: #fff;
	opacity: 1;
}


@media (max-width: 1400px) {
.header h1 {top: 40px;}

}

/*内页头部*/

 
 /*首页标题*/

.main_title{  position:relative; width:100%; height:50px;border-bottom:1px solid #ccc;}
.main_title h2{ font-size:20px; text-align:left; line-height:25px; border-left:4px solid #e50112; color:#22297A; width:543px; padding-left:10px; }
.main_title_more{ position:absolute; right:0px; top:0px;}

.home_news_box{ float:left;width:534px; }
.home_news_box ul li{ float:left; width:100%; padding:5px 0;position:relative; border-bottom:1px dashed #ccc;}
.home_news_box ul li a{ font-size:14px; text-align:left; color:#363636; display:block; line-height:35px; background:url(../images/j_news_titico.png) no-repeat 2px 13px; padding-left:20px;}
.home_news_box ul li a:hover{ color:#D91624;}
.home_news_box ul li span{ position:absolute; right:5px; top:15px; font-size:13px; color:#999; letter-spacing:normal;}


.news_box{ float:left;width:534px; height:160px; margin:20px 0px 0px 0px; }
.top_date{ font-size:12px; color:#999; float:left; margin-top:3px;}
.news_box_pic{ float:left; width:143px; height:143px; overflow:hidden;}
.news_box_text a{ float:left; width:371px; margin-left:20px; font-size:16px; line-height:35px; font-weight:700;}
.news_box_text a:hover{ color:#D91624}
.home_news_text { font-size:13px; text-align:left; float:left; width:371px; margin-left:20px; color:#666; line-height:25px}
.news_box_more{ margin-left:20px; float:left; width:288px; height:30px; text-align:left; line-height:30px;}
.news_box_more a{ font-size:13px;display:block; color:#D91624}



.header h2  { opacity:0; }
.header h2.active { width:75px; height:70px; float:left; font-weight:normal;background: url(../images/10.png) no-repeat 3px 25px;line-height:70px; text-align:right;position:fixed; right:5px; z-index:100;font-size:15px;	opacity: 1;}
.header h2:hover{color:#ff0000;cursor:pointer;}
.header h2:hover .yyxz_c{ display:block; z-index:9999;}

.yyxz_c{ display:none;  width:75px;  z-index: 9999; background:#ff6600; }
.yyxz_c dd{  width:100%; float:left;line-height:35px; text-align:center; background:#fff; border-bottom:1px solid #ddd; }
.yyxz_c dd a{ color:#666; letter-spacing: normal; font-size:12px; }
.yyxz_c dd:hover{ background:#ff0000;}
.yyxz_c dd:hover a{ color:#fff;}


.yyss { float:right; width: 85px; margin-right:5px;}
.n_yy{ width:85px; height:70px; float:left;background: url(../images/10.png) no-repeat 0px 25px ; line-height:70px; text-align:center; font-size:15px;}
.n_yy:hover{color:#ff0000;cursor:pointer;}
.n_yy span{padding-left:25px; }

.n_yy:hover .n_yyxz_c{ display:block;}
.n_yyxz_c{ display:none;  width:85px; position:absolute; z-index: 9999; background:#fff;}
.n_yyxz_c li{ float:left; width:100%; line-height:35px; text-align:center; border-bottom:1px solid #ddd; }
.n_yyxz_c li a{ color:#666; font-size:14px; }
.n_yyxz_c li:hover{ background:#ff0000;}
.n_yyxz_c li:hover a{ color:#fff;}


.n_header {position: fixed;left: 0;top: 0px;z-index: 21;width: 100%;height: 70px;border-bottom:1px solid #ccc;}
.header_box{height:70px;width:100%;z-index:5; position: relative; background:#fff;}
.header_box .n_logo{position:absolute;top:5px;left:1%;height:59px; }
.header_box .nav{position: fixed;margin-right: 0px;right: 0px;text-align: center;position: absolute;width: 850px;top: 25px;padding:0;z-index:100;}
.header_box .nav li a{float:left; margin: 0px 28px;text-align:center;color:#3e3e3e;font-size:15px;position: relative;transition-duration: .5s;-webkit-transition-duration: .5s;}
.header_box .nav li.on{color:#ec3f4b;}
.header_box .nav li a:hover{color:#ec3f4b;}
.header_box .nav li a:before {width: 0%;height: 2px;position: absolute;left: 50%;bottom: -10px;background: #ec3f4b;content: '';transition: all .5s ease 0s;}
.header_box .nav li a:hover:before {width: 100%;left: 0%;}









.about_box{ padding:50px 0 25px 5px; float:left;  width:543px;}

.about_box .aboutus_pic{ margin:25px 0 15px 0; float:left;}
.about_box .aboutus_pic img{ width:100%; max-width:543px;}
.about_box .aboutus_title{ margin:0px 0; font-size:16px; color:#333; text-align:left; font-weight:700;  padding-left:0px; }
.about_box .info{ margin:10px 0; font-size:13px; color:#333; width:100%; line-height:25px; text-align:left; float:left; }
.about_box .info p{ text-indent:2em;}



.cw{width: 1000px;margin: 0 auto;}
@media (max-width: 1000px) {
.cw{width: 90%;margin: 0 auto;}
}
/*解决方案*/
.program-index{ background:#eee;}
.program-index .nav-wrap{text-align: center;}
.program-index .nav-wrap .nav{display: inline-block;margin-left: 90px;}
.program-index .nav-wrap .nav:first-child{margin-left: 0;}
.program-index .nav-wrap .nav .img img{max-width: 100%;height: auto;}
.program-index .nav-wrap .nav .img2{display: none;}
.program-index .nav-wrap .nav .font{font-size: 14px;color: #666; padding-top:5px;}
.program-index .nav-wrap .nav.on .img1,.program-index .nav-wrap .nav:hover .img1{display: none;}
.program-index .nav-wrap .nav.on .img2,.program-index .nav-wrap .nav:hover .img2{display: block;}
.program-index .nav-wrap .nav.on .font,.program-index .nav-wrap .nav:hover .font{color: #AE181A;font-weight: bolder;}
.program-index .contents-wrap{margin-top: 15px;}
.program-index .contents-wrap .contents{background: url(/images/index3qietu_02.jpg)no-repeat center;height: 403px;overflow: hidden;display: none;}
.program-index .contents-wrap .contents.on{display: block;}
.program-index .contents-wrap .contents .con{max-width: 450px;}
.program-index .contents-wrap .contents .title{font-size: 22px;color: #fff;margin-top:80px;}
.program-index .contents-wrap .contents .brief{font-size: 13px;color: #dde1e3;margin-top: 10px;height: 150px;line-height: 35px;overflow: hidden;}
.program-index .contents-wrap .contents .more{display: block;width: 150px;height: 44px;font-size: 13px;color: #fff;text-align: center;line-height: 44px; background:url(../images/zl_more_bg.png) no-repeat;margin-top: 20px;}
.program-index .contents-wrap .contents .more:hover{ color:#ff0000;}


.program-index1{ background:#eee;}
.program-index1 .nav-wrap{text-align: center;}
.program-index1 .nav-wrap .nav{display: inline-block;margin-left: 90px;}
.program-index1 .nav-wrap .nav:first-child{margin-left: 0;}
.program-index1 .nav-wrap .nav .img img{max-width: 100%;height: auto;}
.program-index1 .nav-wrap .nav .img2{display: none;}
.program-index1 .nav-wrap .nav .font{font-size: 14px;color: #666; padding-top:5px;}
.program-index1 .nav-wrap .nav.on .img1,.program-index1 .nav-wrap .nav:hover .img1{display: none;}
.program-index1 .nav-wrap .nav.on .img2,.program-index1 .nav-wrap .nav:hover .img2{display: block;}
.program-index1 .nav-wrap .nav.on .font,.program-index1 .nav-wrap .nav:hover .font{color: #AE181A;font-weight: bolder;}
.program-index1 .contents-wrap{margin-top: 15px;}
.program-index1 .contents-wrap .contents{background: url(/images/index3qietu_02.jpg)no-repeat center;height: 403px;overflow: hidden;display: none;}
.program-index1 .contents-wrap .contents.on{display: block;}
.program-index1 .contents-wrap .contents .con{max-width: 450px;}
.program-index1 .contents-wrap .contents .title{font-size: 22px;color: #fff;margin-top:80px;}
.program-index1 .contents-wrap .contents .brief{font-size: 13px;color: #dde1e3;margin-top: 10px;height: 200px;line-height: 35px;overflow: hidden;}
.program-index1 .contents-wrap .contents .more{display: block;width: 150px;height: 44px;font-size: 13px;color: #fff;text-align: center;line-height: 44px; background:url(../images/zl_more_bg.png) no-repeat;margin-top: 20px;}
.program-index1 .contents-wrap .contents .more:hover{ color:#ff0000;}




 
 
.zzn{margin-top: 55px;overflow: hidden; position: relative;display: block;width: 160px;height: 35px;line-height: 35px;color: #333;font-size: 12px;text-align: center;text-transform: uppercase;border-radius: 15px;background-color: #eee;transition-duration: .5s;-webkit-transition-duration: .5s;}
.zzn p{position: absolute;width: 100%;height: 100%;z-index: 1;}
.zzn:before{content: "";width: 100%;height: 1px;background-color: #cf0f07;position: absolute;top: -20px;left: 0;}
.zzn:after{border-radius: 15px; content: "";width: 100%;height: 100%;background-color: #D31008;position: absolute;top: 0;left: -100%;transition-duration: .5s;-webkit-transition-duration: .5s;z-index: 0;}
.zzn:hover{color: #fff;}
.zzn:hover:after{left: 0;}
 
 










.product-ul{ padding-top:0px; width:100%; border-right:none; }
.product-ul dd{ float:left; }
.product-ul dd a{float:left;width:254px;margin:10px 8px;background:#fff; transition:all 0.2s linear;position:relative; border:1px solid #ddd;}
.product-ul dd a:hover{box-shadow: 0 0 10px 1px #aaa;}


.product-ul dd p{ float:none;height:35px;line-height:35px;text-align:center;overflow:hidden; font-size:14px; border-top:1px dashed #ccc; width:220px; margin:0px 15px 0px 15px;}


.pic_width{font-size: 13px;line-height: 30px; width:96%; float:left;font-weight: normal;color: #666666;text-decoration: none;padding:2%;text-align: left; }
.pic_width img { width:100%; max-width:500px; margin-left:20px; }


<!--表格-->
table.tab{border-collapse:collapse;border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#000; }
table.tab th,table.tab td{border:1px solid #ccc;padding:10px 20px;}
table.tab td td{border:none;padding:0;}
table.tab a{text-decoration:none;}
.overview_tab01{ width:100%;margin-top:20px;}
.overview_tab01 th{ width:23%;}
.overview_tab01 td{ width:77%;}
.overview_tab01 img{ float:right;}

/*首页图片放大*/
.news-img01{ float:right; width:100%; overflow:hidden;}
.news-img01 img{transition:all 1.8s; -webkit-transition:all 1.8s; }
.news-img01 img:hover{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }

/*首页公司展会*/
.zhanghui{ float:left; width:290px; height:175px; margin-top:28px; margin-left:20px; position:relative;}


.banner_index{height:175px;position: relative;overflow:hidden;width:290px; float:left;}
.banner_index .btn,.banner_pro .bBtn{position: absolute;bottom:7px;width:39px;height: 41px;display: block;z-index: 3;}
.banner_index .btnPre,.banner_pro .bPre{background: url(../images/jobs_left.png) no-repeat 0 0;top:65px; left:5px;}
.banner_index .btnPre:hover,.banner_pro .bPre:hover{background: url(../images/jobs_left.png) no-repeat 0 0;}
.banner_index .btnNext,.banner_pro .bNext{background: url(../images/jobs_right.png) no-repeat 0 0;top:65px; right:5px;}
.banner_index .btnNext:hover,.banner_pro .bNext:hover{background: url(../images/jobs_right.png) no-repeat 0 0;}
.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner_index .banner_wrap li {width:290px;float: left; overflow:hidden; position:relative; height:175PX;}

.banner_wrap h2{ position:absolute; bottom:0px; left:0px; width:290px; height:34px; background:#999; text-align:left; padding-left:5px;  color:#fff; line-height:35px; z-index:3; font-size:13px; font-weight:normal;}
.banner_wrap h2 span{ width:270px; float:left;}

.banner_index .banner_wrap li img{ width:290px; height:141px;float:left; display:block;  }

.indexBanner_num{width:260px;text-align: center; position: absolute;  z-index:10; bottom:100px; right:10px;} 
.indexBanner_num a{width: 9px;height: 8px;display: inline-block;_zoom:1;background: url(../banner_pic/bg_num1.png) no-repeat 0 0;font-size: 0px;line-height: 0px;margin:0 2px; z-index:10;}
.indexBanner_num a.on,.indexBanner_num a:hover{background: url(../banner_pic/bg_num_on1.png) no-repeat 0 0;}

 
 /*标题*/


#h_news_box_1{width:613px; height:63px;text-align:left; float:left; background:#2DABB7; padding:10px 0px 0px 20px;}
 
#h_news_box{width:620px; height:45px; text-align:left;  bottom:0px; z-index:111;filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; z-index:-99999; }
.h_news_box{ width:1100px; margin:0 auto; text-align:left; line-height:45px;color:#ffffff;}
  
.h_news_box_txt{ float:left; width:80px; height:45px; z-index:1; }
.h_news_box_txt a{ font-size:13px; float:left;color:#fff;  line-height:45px; z-index:99999;opacity:1;}
#scrollWrap {width:450px; height: 30px;  overflow: hidden;float: left; text-align:left;    margin-top:5px; } 
#scrollMsg {float: left;filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}
#scrollMsg li { float:left; width:600px; line-height:28px; padding-top:2px;}
#scrollMsg li a{color:#fff; font-size:12px; float:left;}
#scrollMsg li a:hover{ color:#fff; text-decoration:underline;} 
#scrollMsg li span{  text-align:right; color:#eee; float:right;}



.link_box{ clear:both; width:100%; text-align:center; height:35px; }
.link_box_con{ width:1000px; margin:0 auto;}
.link_box h2{ font-size:14px; color:#fff; line-height:35px; text-align:left;}
.link_ico{ float: left;}
.link_box_list{width: 377px;height: 35px; border:1px solid #ccc; border-left:none;border-right:none;position: relative; float:left;}
select{ border: none; outline: none; width: 100%;height: 33px;line-height: 33px;appearance: none;-webkit-appearance: none; -moz-appearance: none;padding-left: 150px;}
.link_box_list:after{ content: "";width: 45px;height: 35px;background: url(../images/xiala.png) no-repeat center;position: absolute; right: 0px;  top: 0;pointer-events: none;}


.clear{ clear:both;}
 /*主体部分*/
#home_box_bg{ clear:both;width:100%; background:#fff;height:565px; }
#n_box_bg{ clear:both;width:100%; }

 .home_right_box{float:right; width:634px; height:565px; }
.left_box{ float:left; width:340px; margin:15px 10px 15px 20px; height:200px; overflow:hidden;}
.left_box h2{ float:left; background:url(../images/z_home_ico.jpg) no-repeat 3px 0px; padding-left:25px;font-size:15px; color:#666; text-align:left; height:30px; width:315px;}

.n_contact_box{ font-size:18px;}

.n_contact_box p{ line-height:40px; font-size:18px;}

.pro_box_content{float:left; width:800px; overflow:hidden; margin-left:50px; max-width:800px;}
.pro_box_content h3{ font-size:18px; line-height:60px; border-bottom:1px solid #ccc; height:60px; text-align:center; width:100%; color:#333;}

.cpxn-r3{  width:100%; min-height:300px; margin-top:40px; float:left;}


.center1top{ position: relative;  width:100%; height:40px; margin:0 auto; text-align:center;}
.center1top ul{ width:100%; text-align:center; margin:0 auto; }
.center1top ul li{  display:inline-block;width:115px; position:relative;padding:0px; margin:0px; }

.center1top ul li a{ display:inline-block;padding:0px; margin:0px; width:100%; font-size:13px;border:1px solid #ccc; line-height:40px; height:40px; text-align:center; color:#333;}
.center1top ul li img{display:block; margin:0 auto;}
.center1top ul li a:hover{color:#fff;}
.center1top ul li.hover{ color:#fff; background:#d92429;width:117px; height:40px;}
.center1top ul li.hover a{ color:#fff; background:#d92429;width:100%; height:40px;}

.center1top ul li a.c_1 { background:url(../images/c_1.png) no-repeat center 5px; width:100%; height:30px; padding-top:60px;}
.center1top ul li a:hover.c_1 { background:url(../images/c_1.png) no-repeat center top #d92429; width:100%; height:35px; padding-top:55px;}
.center1top ul li a.c_2 { background:url(../images/c_2.png) no-repeat center 5px; width:100%; height:30px; padding-top:60px;}
.center1top ul li a:hover.c_2 { background:url(../images/c_2.png) no-repeat center top #d92429; width:100%; height:35px; padding-top:55px;}
.center1top ul li a.c_3 { background:url(../images/c_3.png) no-repeat center 5px; width:100%; height:30px; padding-top:60px;}
.center1top ul li a:hover.c_3 { background:url(../images/c_3.png) no-repeat center top #d92429; width:100%; height:35px; padding-top:55px;}
.center1top ul li a.c_4 { background:url(../images/c_4.png) no-repeat center 5px; width:100%; height:30px; padding-top:60px;}
.center1top ul li a:hover.c_4 { background:url(../images/c_4.png) no-repeat center top #d92429; width:100%; height:35px; padding-top:55px;}


.center2top{ position: relative;  width:100%; height:40px; margin:0 auto; text-align:center; margin-bottom:20px; }
.center2top ul li{ display:inline-block;width:20%; float:left; position:relative; height:45px; line-height:45px;background:#eee; }
.center2top ul li:after{ content:"";position:absolute; right:0px; top:0px; width:1px; height:45px; background:#ddd;}
.center2top ul li:hover::after{  background:#D32818;}
.center2top ul li:nth-child(4)::after{ content:"";position:absolute; right:0px; top:0; width:1px; height:45px; background:#D32818; display:none;}
.center2top ul li img{display:block; margin:0 auto;}
.center2top ul li.hover{ color:#fff; background:#D32818;width:20%; height:45px;}


.center3top{ position: relative;  width:100%; height:40px; margin:0 auto; text-align:center;}
.center3top ul{ width:100%; text-align:center; margin:0 auto; }
.center3top ul li{  display:inline-block;width:115px; position:relative;padding:0px; margin:0px; }

.center3top ul li a{ display:inline-block;padding:0px; margin:0px; width:100%; font-size:13px;border:1px solid #d9353c; line-height:40px; height:40px; text-align:center; color:#d9353c;}
.center3top ul li img{display:block; margin:0 auto;}
.center3top ul li a:hover{color:#fff;}
.center3top ul li.hover{ color:#fff; background:#d9353c;width:117px; height:40px;}
.center3top ul li.hover a{ color:#fff; background:#d9353c;width:100%; height:40px;}



.center1footer {width:100%; margin:0 auto; }
.jieshao_box{ text-align:left; margin-left:10px;}
.jieshao_box p{ line-height:30px; font-size:15px;}

.jieshao_box table tr,.jieshao_box table tr td{ border:1px solid #ccc; padding:5px;}
.jieshao_box table{ border:none;}


.hot_box{ clear:both; width:100%;}
.hot_left{ width:170px; height:250px; background:#d92429; text-align:left;padding-left:30px; position:relative; float:left;}
.hot_left h2{ color:#fff; padding-top:60px; font-size:22px; font-weight:700; padding-bottom:20px; }
.hot_left h3{ color:#e56366; font-size:18px; font-weight:normal; height:30px; line-height:30px; text-transform:uppercase; padding-left:7px; letter-spacing:normal;  border-left:3px solid #fff;}
.hot_left span{ position:absolute; right:20px; bottom:20px; width:80px; letter-spacing:normal; height:30px; border:1px solid #e7a4a6; text-align:center; line-height:30px; font-size:12px;}
.hot_left span a{ color:#e7a4a6; display:block;}
.hot_left span a:hover{ color:#d92429; background:#f9c3c5;}

.hot_right{ float:right; width:870px; height:250px; position:relative;}
.hot_right_bg{ width:100%; height:120px;  position:absolute; left:0; bottom:0; background:#eaeaea;}


.index_youshi{ padding:40px 0;}

.index_title{ text-align:center; }
.index_title .title{ position:relative; padding-top:20px;}
.index_title .title strong{ display:block; font-size:30px; position:relative; z-index:2; font-weight:500; color:#D62F26; font-weight:700;text-transform: uppercase;}
.index_title .title span{ width:100%; position:absolute; left:0; top:0px;color: #eee;font-size:50px; line-height:45px;text-transform: uppercase;font-weight: normal; letter-spacing:normal; z-index:1;}
.index_title .des{color: #6c6c6c; font-size:15px; margin-top:10px;}

.index_title .title1 strong{ display:block; font-size:26px; position:relative; z-index:2;  color:#31A1A5; font-weight: normal;}
.index_title .des1{color: #6c6c6c; font-size:15px; margin-top:-10px;}

.index_title .line{color: #6c6c6c; width:50px; height:2px; background:#666; margin:20px auto;}




.tubiao{  height:260px;}
.tubiao ul{ width:100%;}
.tubiao ul li{ float:left; width:24.8%; padding-top:30px; padding-bottom:30px; text-align:center; border-left:1px dashed #ccc;}
.tubiao ul li:nth-child(1){ border-left:none;}
.tubiao ul li h3{ font-size:16px; font-weight:normal; line-height:30px; padding-top:12px;}
.tubiao ul li p{ font-size:14px; line-height:40px;}
.tubiao ul li a.tupian1:hover{ margin-top:-10px;}
.tubiao ul li a.tupian2:hover{ margin-top:-10px;}
.tubiao ul li a.tupian3:hover{ margin-top:-10px;}
.tubiao ul li a.tupian4:hover{ margin-top:-10px;}


.tubiao ul li a.tupian1{ background:url(../images/jx_ico_11.png) no-repeat center center #3391C7; width:100px; height:100px;border-radius:80px; border:1px solid #fff; display:block; margin: 0 auto;}
.tubiao ul li a:hover.tupian1{ background:url(../images/jx_ico_11_h.png) no-repeat center center #fff; width:100px; height:100px;border-radius:100px; border:1px solid #3391C7; }
.tubiao ul li a.tupian2{ background:url(../images/jx_ico_22.png) no-repeat center center #EE5768; width:100px; height:100px;border-radius:100px; display:block; margin: 0 auto;border:1px solid #fff;}
.tubiao ul li a:hover.tupian2{ background:url(../images/jx_ico_22_h.png) no-repeat center center #fff; width:100px; height:100px;border-radius:100px;border:1px solid #EE5768; }
.tubiao ul li a.tupian3{ background:url(../images/jx_ico_33.png) no-repeat center center #4E5395; width:100px; height:100px;border-radius:100px;  display:block; margin: 0 auto; border:1px solid #fff;}
.tubiao ul li a:hover.tupian3{ background:url(../images/jx_ico_33_h.png) no-repeat center center #fff; width:100px; height:100px;border-radius:100px;   border:1px solid #4E5395;}
.tubiao ul li a.tupian4{ background:url(../images/jx_ico44.png) no-repeat center center #D3A744; width:100px; height:100px;border-radius:100px; display:block; margin: 0 auto; border:1px solid #fff;}
.tubiao ul li a:hover.tupian4{ background:url(../images/jx_ico44_h.png) no-repeat center center #fff; width:100px; height:100px;border-radius:100px;border:1px solid #D3A744;   }


/*第二通栏开始*/
.index_dl1{
 width:1100px; 
 margin:0 auto;
  }
.index_dl1 dd{
	display:inline;
	float:left;
	width:280px;
	height:370px;
	overflow:hidden;
	margin:0 10px 0 10px;
	position:relative;
	 border-bottom:2px solid #C20A14;
	}
.index_dl1 dd p{
	display:block;
	width:280px;
	height:230px;
	overflow:hidden;
	}
.index_dl1 dd p img{
	display:block;
	width:280px;
	height:211px;
	}
.index_dl1 dd .dd_box{
	clear:both;
	overflow:hidden;
	}
.index_dl1 dd .dd_box span{
	clear:both;
	display:block;
	height:35px;
	margin:22px 0 0 0;
	overflow:hidden;
	}
.index_dl1 dd .dd_box span img{
	display:block;
	height:33px;
	margin:0 auto;
	}
.index_dl1 dd .dd_box em{
	clear:both;
	display:block;
	
	margin:15px 0 0 0;
	line-height:27px;
	text-align:center;
	overflow:hidden;
	color:#333;
	font-size:20px;
	font-style:normal;
	}
.index_dl1 dd .dd_box .txt{
	clear:both;
	overflow:hidden;
	padding:0 15px;
	color:#666;
	text-align:center;
	line-height:35px;
	}
.index_dl1 dd .dd_box2{
	width:280px;
	height:0px;
	overflow:hidden;
	background:#C20A14;
	position:absolute;
	bottom:160px;
	left:0;
	z-index:11;
	}
.index_dl1 dd .dd_box2 span{
	clear:both;
	display:block;
	height:33px;
	margin:30px 0 0 0;
	overflow:hidden;
	}
.index_dl1 dd .dd_box2 span img{
	display:block;
	height:33px;
	margin:0 auto;
	}
.index_dl1 dd .dd_box2 em{
	clear:both;
	display:block;
   margin:22px 5px 0 5px;
	line-height:27px;
	text-align:center;
	overflow:hidden;
	color:#ffffff;
	font-size:20px;
	font-style:normal;
	}
.index_dl1 dd .dd_box2 .txt{
	clear:both;
	overflow:hidden;
	padding:0 5px;
	height:100px;
	color:#fff;
	text-align:center;
	line-height:24px;
	 font-size:13px;
	margin:15px 0 0 0;
	}
.index_dl1 dd .dd_box2 .txt p{
	clear:both;
	overflow:hidden;
	padding:0 5px;
	height:100px;
	color:#fff;
	text-align:center;
	line-height:24px;
	 font-size:13px;
	margin:0px 0 0 0;
	 width:260px;
}
.index_dl1 dd .dd_box2 .moreaa{
	display:block;
	width:35px;
	height:35px;
	background:url(../images/more.png) no-repeat center center;
	margin:0 auto;

	}

/*第二通栏结束*/
/**/

#slideBox {width:1100px;overflow:hidden; margin:0px auto; height: 495px; position: relative;}

#slideBox .J_fl{float: left; width:1100px;}

#slideBox .J_slide_trigger {float: left; width:1100px;height:124px;}

#slideBox .J_slide_trigger li {float:left; width: 196px; position: relative; z-index: 3; margin-right:4px; height:124px;line-height:49px; _display:inline;overflow:hidden; }

#slideBox .J_slide_trigger li:nth-child(6){margin-right: 0px}

#slideBox .J_slide_trigger li a {display:block;width: 190px; height:118px;color:#fff; border:3px #fff solid; font-size: 15px;}

#slideBox .J_slide_trigger li.cur a, .J_slide_trigger li a:hover {color:#FFF;border:3px #cd161d solid;text-decoration:none; }

#slideBox .J_slide_trigger li img{ width: 190px; height:118px;}

#slideBox .J_slide_trigger li strong{position: absolute; left:28%; top:35px;width: 196px; line-height: 35px;z-index:4; color: #363636;font-size:16px;}

#slideBox .J_slide_trigger li span{position: absolute; left:42%; top:10px;z-index: 4; width:45px; height:45px;}

#slideBox .J_slide_trigger li h3{position: absolute; left:0; top:0;width:192; height:120;opacity:0;}
#slideBox .J_slide_trigger li:hover h3{position: absolute; left:0; top:0;z-index: 4; width:192; height:120;opacity:1;}

#slideBox .J_slide_trigger li span img{ width:45px; height:45px;}

#slideBox .J_slide_trigger li em{position: absolute; left:40%; top:80px;z-index:4;border-bottom:2px #363636 solid; width: 33px;}

#slideBox .J_slide_list {width:1100px; height: 370px;}

#slideBox .J_slide_list .J_slide_item { width:1100px; height: 370px;}

.txt5_left { width: 600px; height: 370px; float: left;}

.txt5_right { width: 600px; height: 370px;  float: right;position: relative;background: url("../images/image33.png") no-repeat right top;}

.right5_1 {position: absolute; width:100px; height: 70px;float: left; left:-60px; }

.right5_2{float:left; width: 520px;position: absolute; left:50px;}

.right5_num {display: block; height:75px; color: #d21a25; font-size:30px; font-family: 'Arial'; line-height:75px; padding-top:20px;}

.right5_num span { color: #9F9F9F; }

.right5_num i { font-style: normal; font-size: 20px; color: #c5c3c4; }

.right5_tit {display: block; height:50px; border-bottom: 1px solid #999; line-height:30px; font-size: 28px; font-weight: 700; }

.right5_tit span { color: #da1c24; padding-left:0px;}

.right5_cont{display: block;}

.right5_cont p{display: block; margin-top:15px; background: url("../images/jiantou_ico.png") no-repeat 3px 6px; font-size: 15px; line-height: 25px;padding-left:20px;}


/*首页新闻分类*/
.home_news_fenlei{ clear:both; width:100%; margin:0 auto; text-align:center;}
.home_news_fenlei ul li{ display:inline-block; width:100px; height:40px; line-height:40px;}

.center_box{ float:left; width:330px; margin:15px 10px 15px 10px; height:200px; overflow:hidden;}
.center_box h2{float:left; background:url(../images/z_home_ico.jpg) no-repeat 3px 0px; padding-left:25px;  font-size:15px; color:#666; text-align:left; height:30px; width:305px;}
.center_box img{ width:330px;  float:left;}

.right_box{ float:left; width:270px; margin:15px 0px 15px 15px;  overflow:hidden;}
.right_box h2{float:left; background:url(../images/z_home_ico.jpg) no-repeat 3px 0px; padding-left:25px;  font-size:15px; color:#666; text-align:left; height:30px; width:305px;}
.right_box_con { width:260px; float:left; background:#eee; height:170px;}
.right_box_con a{ float:left; margin:5px 10px;}
/*底部*/
#foot{width:100%;margin:0 auto; height:60px; background:#201C1D; }

.foot_text{ float:left; width:1100px; color:#ccc; text-align:left; margin-top:10px; }
.foot_text a{ color:#ccc; padding-right:20px;}

.nydh-2aa{ width:220px; background:#eee; float:left; overflow:hidden;}
.nydh-2aa h2{ line-height:65px; background:#ED3F4A; color:#fff; font-size:20px; height:65px; text-align:left; padding-left:20px;}
.nydh-2{ width:100%; margin-top:2px;}
.nydh-2 li{ float:left; line-height:40px;width:100%; position:relative;border-bottom:1px solid #ccc; }
.nydh-2 a{ float:left;font-size:14px; padding:5px 20px; margin:0px 0px; line-height:40px; width:100%;}
.nydh-2 a:hover,.nydh-2 a.currclass{color:#fff; background:#ED3F4A; padding-left:30px;}
.nydh-2 a:hover::before {content: '';position: absolute;width: 8px;height: 15px;right:10px; top:15px;transition: 3s;background:url(../images/arrow-right.png)  no-repeat left top;}


.nydh-1aa{ width:100%; background:#fff; height:190px;box-shadow: 1px 1px 5px #999;}
.nydh-1{ margin:0 auto; width:100%;}
.nydh-1 li{ float:left; line-height:40px;}
.nydh-1 a{ float:left;font-size:14px; padding:5px 15px; background:#fff; margin:0px 1px; line-height:30px;}
.nydh-1 a:hover,.nydh-1 a.currclass{color:#fff; background:#D32818;}

.nydh-1aaccc{ width:100%; background:#fff; height:50px;box-shadow: 1px 1px 5px #999;}
.nydh-1cc{ margin:0 auto; width:100%;}
.nydh-1cc li{ float:left; line-height:50px;}
.nydh-1cc a{ float:left;font-size:14px; padding:10px 20px; background:#fff; margin:0px 1px; line-height:30px;}
.nydh-1cc a:hover,.nydh-1 a.currclass{color:#fff; background:#D32818;}



.nydh-1_brand{ margin:0 auto; width:1100px;padding-top:15px;}
.nydh-1_brand li{ float:left; }
.nydh-1_brand a{ float:left;font-size:14px; text-align:center; padding:5px 0px; min-width:116px; border:none; background:#eee; margin:5px 10px; line-height:25px; }
.nydh-1_brand a:hover{color:#fff; background:#FF6701;}
.nydh-1_brand a.currclass{font-size:14px; text-align:center; padding:5px 0px; min-width:116px;color:#fff; background:#FF6701;}


.n_pro_box_tit{float:left; width:850px; margin-left:30px; margin-top:5px; border-bottom:1px solid #ccc;}
.n_pro_box_tit h4{ font-size:18px; color:#333; font-weight:700; text-align:left; line-height:50px;}
.n_pro_box_tit span{ float:right; margin-top:-30px;}

.n_pro_box{float:left; width:880px; margin-left:0px; margin-top:25px;}
.n_pro_box ul li{ float:left; margin-left:35px; width:252px; height:250px; background:#ff000;}
.pro_tit{ line-height:45px; text-align:center; width:260px;}



/*联系我们*/
.n_contact_box{padding:10px 5%; color:#fff; width:90%;}
.n_contact_box_tit{font-size:20px; font-weight:700; line-height:35px;}
.n_contact_box_line{width:60px; height:2px; background:#fff; margin-top:10px; margin-bottom:10px;}
.n_contact_box img{ margin:3px 0 0 0;}
.n_contact_box p{ line-height:30px; margin:0; font-size:14px; letter-spacing:normal;}
.n_contact_box p strong{ line-height:40px; margin:0; font-size:16px;}
.n_contact_box p img{ margin:8px 0 0 0;}
.n_contact_box p a{ color:#fff;}



/*底部*/


.foot_news_more{ background:#ff0000; width:80px; height:30px; margin:20px 0; text-align:center; line-height:30px; color:#fff;}
.foot_news_more a{ color:#fff;}
.foot_news_more a:hover{ background:#fff; color:#ff0000; display:block;}


.searchContent{margin-top:10px; float:right; width:260px; height:47px;}
.searchkaa{position:relative;margin-top:0px;width:260px;height:45px;background:none; padding:0; }
.seachIcon{cursor:pointer;}
.searchkaa .seachText{width:252px;color:#999999; background:000;font-size:12px;padding:0 0 0 6px;line-height:45px;margin:0;border:0;height:45px;border:1px solid #333; border-radius:3px;}
.searchkaa .btn{cursor:pointer;position:absolute;top:5px;right:5px;width:50px;height:35px;background:#9d9d9d;}
.searchkaa .btn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.searchkaa .btn:hover{background:#000;}
.searchkaa .btn img{ vertical-align:middle;}

.searchContent p,.searchContent p a{ font-size:12px; color:#7f7f7f; text-align:left; line-height:30px;}




 /*内页左边*/
 #n_main_left{float:left; width:250px; margin-top:25px; position:relative; }
.n_main_left_tit{ position:absolute; top:5px; right:0px; color:#999; background:url(../images/l-icon.jpg) no-repeat left; padding-left:15px;}
.n_main_left_tit a{color:#c7370c;}

.pro_list{ float:left; margin-top:0px;}
.pro_list h2{ width:220px; height:70px; background:#c7370c; border-bottom:2px solid #af2d06; line-height:70px; font-size:22px; letter-spacing:2px; text-align:center; color:#fff; font-weight:normal;}
.pro_list li{ float:left; width:205px;}
 .pro1list1 a:link, .pro1list1 a:visited {line-height:45px;padding:0px 0px; display:block;  background:#eee;width:200px;height:45px;padding-left:20px;margin-left:0px;color:#666;font-size:13px; text-align:left; margin-bottom:1px;}
.pro1list1 a:hover{color:#fff;background:#333;}
.pro1list1hh a{line-height:45px;padding:0px 0px; display:block;  background:#333;width:200px;height:45px;padding-left:20px;margin-left:0px;color:#fff;font-size:13px; font-weight:bold; text-align:left; margin-bottom:1px;}
	 
/*产品分类*/
.n_main_left_top{ float:left; background:url(../images/l_news_right_titbg.png) no-repeat; width:136px; height:60px;}
.n_main_left_top h2{ font-family:Arial,'Microsoft Yahei',STHeiti,sans-serif; font-size:16px; text-align:center; padding-top:17px; color:#000; font-weight:normal; }
OL {LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none;}
DL {LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none}
.clear {CLEAR: both}
.page_left {FLOAT: left; OVERFLOW: hidden; text-align:left;  float:left; width:205px;}
.page_left UL {PADDING-BOTTOM: 0px; PADDING-LEFT: 0px;}
.page_left UL LI {}
.page_left OL {PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 7px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; }
.page_left OL LI {PADDING-BOTTOM: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
.page_left OL LI.menu_hidecss {	}
.page_left OL LI.menu_hidecss a{ line-height:35px;padding:0px 0px; display:block;  background:url(../images/subMenuBga.gif) no-repeat 0px 0px;width:225px;height:35px;padding-left:25px;margin-left:0px;color:#666;font-size:13px; text-align:left;}
.page_left OL LI.menu_hidecss a:hover{color:#F67812;background:url(../images/subMenuBg.gif) no-repeat;display:block;width:225px;height:35px;padding-left:25px; font-weight:bold;}
.page_left OL LI A.proleftclass {FONT-SIZE: 142px; }
.page_left OL LI DL {PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: none; PADDING-TOP: 0px;}
.page_left OL LI DL.left_suhdl{display:block;}
.page_left OL LI.menu_hidecss DL  DD a{width:225px;margin-left:25px;font-weight:normal; font-size:13px;  line-height:35px;background:#fff; border-bottom:1px solid #ddd; color:#999;height:35px; text-align:left; padding-left:5px; }
.page_left OL LI.menu_hidecss DL  DD a:hover{color:#F67812;background:#fff; display:block;width:225px;height:35px;padding-left:5px; font-weight:normal;}
.page_left OL LI.menu_hidecss dl dd.left_subdd a{ line-height:35px; display:block; background:#fff; border-bottom:1px solid #ddd; width:225px;height:35px;margin-left:25px;color:#F67812;font-size:12px; text-align:left; padding-left:5px;}	 
	 

/*公司简介图片滚动*/


.yeshu{ float:left; width:100%; margin:25px 0;}
/*资料下载*/
.newstk{  float:left;  padding:0px 0px 0px 0px; width:720px; letter-spacing: normal;margin-top:0px;line-height:200%; }
.newstk li{padding:0px 0px;position:relative;margin:0px 0px 0px 0px; }

.list_news{ float:left;width:730px; border-bottom:1px solid #ededed;height:100px;}
.list_news h3 a{text-align:left;font-size:13px;color:#333;font-weight:bold; line-height:35px;padding-left:8px; }
.list_news h3 a:hover{ color:#ff0000}
.news_date{float:left;background:#ddd; border:1px solid #ccc; width:65px;height:65px;text-align:center; color:#666;margin:10px 5px;}
.news_date h4{background: #fff;width:65px; height:40px; color:#999; font-size:22px;  line-height:40px;} 
.listfont_news{ float:left; width:630px;line-height:180%; font-size:12px; text-align: left;padding-left:10px;color:#666;}
.listmoer_news { position:absolute;right:10px;top:5px;}
  /*产品列表*/
 .n_produt_list{
  float:left;
  width:1100px;
  margin-top:10px;
  margin-left:10px;
  margin-bottom:0px;
  }
  /*图片展示*/
  .last_pic{
    text-align:left;
	float:left;

}
.next_pic{
   text-align:right;
   float:right;
  
  }
  /*新闻资讯*/
 .newstk_list{padding:0px 0px 15px 0px; float:left; width:820px;}

.n_news_list {position:relative; line-height:35px; height:35px;width:820px; float:left;  border-bottom:1px solid #eee;}
.n_news_list a{background:url(../images/r_n_leftbg.jpg) no-repeat 3px 2px;padding-left:15px; color:#333}
.n_news_list a:hover{background:url(../images/r_n_leftbg.jpg) no-repeat 3px 2px; color:#C8352B;}


 /*常见问题解答*/
 .que_list{ padding:0px 0px 0px 0px; float:left; width:770px;}
 .n1_list_que{float:left; width:740px; min-height:60px;_height:60px; margin:10px 0px; border-bottom:1px solid #eee;}

.n1_list_que h2 a{float:left;color:#333;  width:740px; overflow:hidden;text-align:left; margin-top:0px;line-height:23px; font-weight:700; font-size:13px; }
#n1_que_text{ float:left; width:740px; color:#666; line-height:25px; padding-top:5px; }
 
.big_pro{ overflow:hidden;text-align:center; margin-top:20px;}
.big_pro_show{ overflow:hidden;margin-top:0px; width:730px;  text-align:left; float:left;  }
 
.product_list{float:left;width:750px;margin-top:0px; }
.product_list li {width:200px;margin:10px 20px 10px 20px;height:190px;float:left;text-align:center;}
 .product_list li a{float:left;padding:5px;display:block;line-height:180%;background:#eee;}


 .product_list  li h2 {
 float:left;
	height:20px;
	margin-top:0px;
	
	font-size:12px;
	width:200px;
	text-align:center;
	padding-top:4px;
	font-weight:normal;
	
	}
	
.listfont_pro{
    float:left; 
	margin:10px 0 10px 10px; 
	width:670px;
	line-height:20px; 
	text-align: justify;

}

.big_list{
   float:left;
   padding:50px 50px 0 20px;
   }
.listpic_news {
    float:left;
   margin:20px 0px 0px 5px;
   position:relative;
	
} 



.jobs_list{ padding:10px 0px 25px 0px; margin:0px auto; width:1100px; float:left; }

.jobs_list li{ float:left; width:260px; height:300px; margin-right:15px; background:#fff; margin-top:25px; margin-bottom:15px;  position:relative; }
.jobs_list li a{ width:220px; display:block; padding:20px; height:300px; background:#FFF; float:left;font-size:13px; border:1px solid #e1e1e1; color:#333; }
/*.jobs_list li a:hover{ background:#0EB45A; color:#FFF;box-shadow: 0 0 8px #0EB45A;border:1px solid #0EB45A; }*/
.jobs_list li a:hover{ background:#000; color:#FFF;box-shadow: 0 0 8px #000;border:1px solid #000; }


.jobs_list_1{ font-size:15px; color:#ccc;}
.jobs_list_2{ font-size:18px; color:#000; padding-top:5px; border-bottom:1px solid #ccc; line-height:40px;}
.jobs_list_3,.jobs_list_3 p{ padding-top:15px; font-size:13px; line-height:25px; }
.jobs_list_4{ width:120px; height:35px; line-height:35px; text-align:center; border-radius:20px; border:1px solid #ccc; position:absolute; left:15px; bottom:20px;}

.jobs_list li a:hover .jobs_list_2{ color:#fff;}
.jobs_list li a:hover .jobs_list_3{ color:#fff;}
.jobs_list li a:hover .jobs_list_4{color:#fff; border:1px solid #fff;}






.news_show{float:left; width:820px; margin-top:10px; margin-left:20px;}
.right_title{float:left;width:820px; font-size:16px; font-weight:bold;  text-align:center; line-height:30px;margin:0px 0px 0px 0px; padding-bottom:10px;}

.right_text{ float:left; margin:10px 0px; width:820px;}

.right_text img{ max-width:820px;}

.right_pic{ float:left;margin:25px auto; text-align:center; width:820px; }
.right_pic img{ max-width:100%;}



.main .container .child_down{padding:30px 0;position:relative; border-bottom:1px solid #eee; clear:both;}
.main .container .child_down:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .container .child_down .title{line-height:30px;color:#666;font-size:16px;}
.main .container .child_down .down_ico{line-height:40px;color:#fff;font-size:16px; position:absolute; right:0px; top:20px; width:100px; background:#153B7C; border-radius:3px; text-align:center; height:40px;}
.main .container .child_down .down_ico:hover{cursor:pointer; color:#fff; background:#FF0101; }



.proshow_list_li{overflow:hidden;width:800px;height:450px;padding:0px; text-align:center;  }
.proshow_list_li_span{height:450px; display:inline-block; vertical-align:middle; }
.proshow_list_li img{ max-width:100%; max-height:100%;}


.aboutk_tit{ text-align:center; font-size:20px; border-bottom:1px solid #ccc; line-height:50px; padding-bottom:10px; padding-top:0px; font-weight:normal; color:#333;}
.right_news_click{ text-align:center; line-height:40px; color:#999; font-size:13px; position:relative; width:100%;}
.right_news_click span{ position:absolute; right:25px; top:0px;}
.right_news_click span a{ margin-right:10px;}
.text_neirong{ padding-top:20px; padding-bottom:40px; line-height:28px;font-size:14px;}
.text_neirong p{ line-height:28px; font-size:14px;}
.news_close{ position:absolute; right:5px; top:0;}

.text_neirong img{ max-width:100%; max-height:100%;}



.anli_tit{ font-size:16px; border-left:7px solid #ff0000; padding-left:12px; font-weight:700; width:100%; height:30px; color:#333; line-height:30px; clear:both; margin-bottom:30px;}
.biaoge_box{ line-height:35px;}
.biaoge_box table tr td{ background:url(../images/ico.png) no-repeat 0px 10px;max-width:300px; padding-left:25px; font-size:13px;}
  /*联系我们*/
   
.contactk{float:left;width:1100px;}
.contact_pic{ padding:20px; float:left;background: url(../images/c_conus_pic.jpg) no-repeat left; width:300px; height:351px;}
.contact_text{ float:left; padding:0px; font-size:13px; margin-top:20px; line-height:30px; }
  /* 表单定义 */
.input{BACKGROUND-COLOR:#f4f4f4; border:1px solid #ccc;font-size:12px;line-height:30px; height:30px; }

.page_td{border:1px solid #ccc; padding:0px 5px; line-height:20px; }
.page_tdbg{border:1px solid #CCCCCC;background:#ccc; padding:0px 5px;}
.inputpage{ BORDER:1px #ffffff solid; width:24px; height:20px;}
.input_sub{background:url(../images/g_tijiao03.jpg) no-repeat left;width:117px;height:40px;border:none;}

/*在线留言*/
.ordetext{float:left;text-align:left; line-height:180%; padding-top:10px;}
.ordefont{line-height:25px; text-align:left; width:120px; border-bottom:1px solid #eee; float:left; height:25px;color:#333; padding:5px 0px; font-weight: normal;}
.orderight{line-height:23px; width:491px; float:left; height:40px;text-align:left;  padding:3px 20px;}
.orderight_yanzheng{line-height:24px; width:531px; float:left; height:30px;text-align:left;margin-left:10px;*margin-left:5px;}
.input_box{float:left;border:none;background: none;padding:10px 0 0 10px;width:480px; }
.orderight_cont{width:491px;height:160px;float:left; text-align:left;margin-left:20px;border:1px solid #ccc; background:#f4f4f4}
.mess_cotent{float:left;width:520px;margin:10px 0px 0px 0px;}
.mess_tijiao{width:80px;height:55px;margin:0 auto;}
.input_box_tijiao{float:left;border:none;background: none;padding:20px 0 0 20px;*padding:20px 0 0 10px;color:#5d958f;font-weight:bold;}


.pro_yeshu{
    width:750px; float:left;
  margin-top:20px;
  }
.pro_yeshu a{ margin-right:20px;}
 .pro_text_text{ float:left; width:700px; line-height:200%; text-align:left;  padding-top:15px; padding-bottom:15px; background:url(../images/r_nr_right_line.jpg) no-repeat left bottom;  }
.pro_text_text h1{ float:left;  font-weight:bold; color:#333; letter-spacing:normal; width:682px; font-size:15px; background: url(../images/r_nr_right_ico.jpg) no-repeat 3px 9px; padding-left:18px;}
#pro_text_text{  font-weight:bold; color:#C8352B;}


.pro_list_cont{ float:left; width:720px;}
.pro_list_cont li{ float:left; width:720px; margin:15px 15px;}
.pro_list_cont li p{ background:url(../images/c_pro_ico1.jpg) no-repeat 5px 8px; line-height:30px; padding-left:20px; float:left; text-align:left; width:130px;}


.pro_table{ float:left; width:730px;}
.pro_table table{ border:1px solid #ccc;}
.pro_table table td{border-right:1px solid #ccc; padding:5px 5px;}


.pro_h4{float:left; width:720px; margin-top:20px; min-height:200px;_height:200px;}
.pro_h4 h4{ border-bottom:1px solid #ccc; font-size:14px; text-align:left; float:left; width:720px; font-weight:700; line-height:35px; margin-bottom:10px; }

.pro_h3{float:left; width:720px; margin-top:10px; min-height:30px;_height:30px;}
.pro_h3 h3{  font-size:12px; text-align:left; float:left; width:720px; font-weight:700; line-height:25px; }



.bg_pic{ position:relative; width:100%; background:url(../images/inb_02.jpg) no-repeat center top; height:560px; clear:both; padding-top:0px;}
.fanwen{ width:1000px; position:relative; margin:0 auto;}
.bottom_r {  width: 100%; clear:both; z-index:9999;}

.gz { position: absolute; top: 160px; right: 170px; }
.gz i { display: block; width: 40px; height: 40px; background: url(../images/icons.png) no-repeat 0 0;animation:gogogo 2s;
-moz-animation:gogogo 2s  infinite linear; /* Firefox */
-webkit-animation:gogogo 2s  infinite linear; /* Safari and Chrome */
-o-animation:gogogo 2s  infinite linear; /* Opera */}}
.clearfix {*zoom: 1;}

.gz i:hover { background-position-y: 0; }
.gz:hover { z-index: 1; }
.shenzhen { position: absolute;  top: 200px; right: 230px }
.bottom_r .shenzhen i{ display: block;width: 40px; height: 40px;  background: url(../images/icons.png) no-repeat 0 0; animation:gogogo 2s;
-moz-animation:gogogo 2s  infinite linear; /* Firefox */
-webkit-animation:gogogo 2s  infinite linear; /* Safari and Chrome */
-o-animation:gogogo 2s  infinite linear; /* Opera */}
.bottom_r .shenzhen i:hover{ background-position-y: 0; }
.bottom_r .shenzhen:hover{ z-index: 1; }

.bottom_r .address .address_con p img{ display: inline-block; margin-bottom:10px;}
.bottom_r .address { position: absolute; border-radius: 5px; border: 1px solid #C20A14; width: 400px; right: -30px; top: -120px; visibility: hidden; }
.bottom_r .address .address_con { height: 280px; width: 320px; background: #fff; box-sizing: border-box; padding-top: 10px; text-align:left;  padding-left: 10px; padding-right: 10px; }
.bottom_r .address .address_con h5 { margin-bottom: 5px; line-height: 1; font-size: 15px; line-height:40px; color: #595757; font-weight: bold;  }
.bottom_r .address .address_con p { line-height: 25px; float:left; letter-spacing:normal; }
.bottom_r .address .address_title { height: 220px; width: 80px; background:#C20A14; font-size: 26px; color: #fff; line-height: 50px; padding-top:60px; text-align: center; }
.bottom_r .address .address_title a{ font-size:30px; color:#fff;}
.bottom_r .gz .address { right:-30px; top:-120px;}

@keyframes zoomInRightMap { 0% { opacity: 0; transform: translateX(-30px); }
100% { opacity: 1; transform: translateX(0px); } }
.zoomInRightMap { animation: zoomInRightMap 1s; visibility: visible !important; }

@keyframes gogogo {
0% {
 margin-top:0px;
}
50% {
 margin-top:10px;
}
100% {
 margin-top:0px;
}
}
 @-webkit-keyframes gogogo {
0% {
 margin-top:0px;
}
50% {
 margin-top:10px;
}
100% {
 margin-top:0px;
}
}
 @-o-keyframes myfirst {
0% {
 margin-top:0px;
}
50% {
 margin-top:10px;
}
100% {
 margin-top:0px;
}
}
/*scheme*/
.scheme{height: 825px;background: url("../images/rd_shebei.jpg") no-repeat center;}
.hz02{width: 650px;margin: 20px auto; position: relative;}

.hz02 h4{position: absolute;display:block; width:387px; height:246px; padding-top:30px;}
.hz02 h4 span,.hz02 h4 strong,.hz02 h4 i,.hz02 h4 em{display: block; text-align:center;}
.hz02 h4 span{font: bold 18px/40px "Microsoft YaHei"; font-weight:normal;}
.hz02 h4 strong{font: normal 14px/28px "Microsoft YaHei";font-weight:normal;}
.hz02 h4 i{width: 53px;height: 54px;margin:18px auto 0 auto;}
.hz02 h4 em{font: 14px/22px "Microsoft YaHei";color: #666;padding-top: 18px;}
.hz02 h4 a:hover{ color:#fff;}

.hz02 h4.dh2{background: #23272d;right: 156px;top: 45px;}
.hz02 h4.dh2 span{color: #fff;}
.hz02 h4.dh2 strong{color: #ddd;}
.hz02 h4.dh2:hover{background: url(../images/jingmi.jpg) no-repeat;}

.hz02 h4.dh1{width: 387px;height: 246px;padding: 0;top: 45px;right: -231px;background: url(../images/sch02.jpg) no-repeat;}


.hz02 h4.dh6{background: #C20A14;right: 156px;top: 291px;}
.hz02 h4.dh6 span{color: #fff; font-size:24px; margin-top:20px;}
.hz02 h4.dh6 strong{color: #fff;}
.hz02 h4.dh6 h3{width: 50px;height: 2px; background:#fff;margin:10px auto 10px auto;}

.hz02 h4.dh3{top: 291px;right: 543px; background: url(../images/yewu_01.jpg) no-repeat #4C4849;}
.hz02 h4.dh3 span{color: #fff;}
.hz02 h4.dh3 strong{color: #ddd;}
.hz02 h4.dh3:hover{background: url(../images/zusu.jpg) no-repeat;}

.hz02 h4.dh4{top: 291px;right: -231px;background: #26287F;}
.hz02 h4.dh4 span{color: #fff;}
.hz02 h4.dh4 strong{color: #ddd;}
.hz02 h4.dh4:hover{background: url(../images/biaomianh.jpg) no-repeat;}

.hz02 h4.dh5{top: 537px;right: 156px;background: #fff;}
.hz02 h4.dh5 a:hover{ color:#fff;}
.hz02 h4.dh5:hover{background: url(../images/zuzhuangm.jpg) no-repeat;}



.more_button{position:relative;overflow:hidden; z-index:1;width:53px;height:53px;border:2px solid #fff;-moz-border-radius:100%;border-radius:100%;color:#e0e0e0;text-align:center;display:block;margin:50PX auto 0 auto;-o-transition: all 1.7s ease;-moz-transition: all 1.7s ease; transition: all 1.7s ease;-webkit-mask-image: radial-gradient(white, black); mask-image: radial-gradient(white, black);
}

.more_button .dot1 span{ font-size:30px; margin-top:-10px; color:#fff;}
.more_button .dot2 span{ font-size:30px; margin-top:-10px; color:#fff;}

.more_button:focus{outline:none;}
.more_button:hover {
    background: #e00012;
    color: #fff;
    border: 2px solid #e00012;
}
.more_button i {
  display: block;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  width: 100%;
  height: 100%;
    background: -moz-radial-gradient(#e00012, #f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);
    background: -o-radial-gradient(#e00012, #f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);
    background: radial-gradient(#e00012, #f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);
    opacity: 0;
    -o-transition: 1.2s, opacity 1.8s;
    -moz-transition: 1.2s, opacity 1.8s;
    transition: 1.2s, opacity 1.8s;
    -moz-border-radius: 50%;
         border-radius: 50%;
}
.more_button:hover i {
  -webkit-transform: scale(10);
     -moz-transform: scale(10);
       -o-transform: scale(10);
          transform: scale(10);
    opacity: 1;
    -o-transition: 3s, opacity .3s;
    -moz-transition: 3s, opacity .3s;
    transition: 3s, opacity .3s;
}
.dot2 span,.dot1 span{position:absolute;color:#d1d1d1;left:50%;top:50%;
  -webkit-transform: translateX(-50%)translateY(-50%);
    -moz-transform: translateX(-50%)translateY(-50%);
    -o-transform: translateX(-50%)translateY(-50%);
    transform: translateX(-50%)translateY(-50%);
  -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
       animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
}
/*dot1*/

.dot1 span:nth-child(1){
    -o-transition: all 0.4s .5s ease, color .3s;
    -moz-transition: all 0.4s .5s ease, color .3s;
    transition: all 0.4s .5s ease, color .3s;
  left:30%;
}
.dot1 span:nth-child(2){
    -o-transition: all 0.4s .4s ease, color .3s;
    -moz-transition: all 0.4s .4s ease, color .3s;
    transition: all 0.4s .4s ease, color .3s;
  left:50%;
}
.dot1 span:nth-child(3){
  -o-transition: all 0.4s .3s ease, color .3s;
  -moz-transition: all 0.4s .3s ease, color .3s;
  transition: all 0.4s .3s ease, color .3s;
  left:70%;
}
.more_button:hover .dot1 span:nth-child(1){
  left: 120%;
    -o-transition: all 0.4s .2s ease, color .3s;
    -moz-transition: all 0.4s .2s ease, color .3s;
    transition: all 0.4s .2s ease, color .3s;
  color: #fff;
}
.more_button:hover .dot1 span:nth-child(2){
  left: 120%;
    -o-transition: all 0.4s .1s ease, color .3s;
    -moz-transition: all 0.4s .1s ease, color .3s;
    transition: all 0.4s .1s ease, color .3s;
  color: #fff;
}
.more_button:hover .dot1 span:nth-child(3){
  left: 120%;
  -o-transition: all 0.4s 0s ease, color .3s;
  -moz-transition: all 0.4s 0s ease, color .3s;
  transition: all 0.4s 0s ease, color .3s;
  color: #fff;
}

/*dot2*/
.dot2 span:nth-child(1){
  left:-30%;
    -o-transition: all 0.4s .2s ease, color .3s;
    -moz-transition: all 0.4s .2s ease, color .3s;
    transition: all 0.4s .2s ease, color .3s;
    color:#d1d1d1
}
.dot2 span:nth-child(2){
  left:-30%;
    -o-transition: all 0.4s .1s ease, color .3s;
    -moz-transition: all 0.4s .1s ease, color .3s;
    transition: all 0.4s .1s ease, color .3s;
    color:#d1d1d1
}
.dot2 span:nth-child(3){
  left:-30%;
  -o-transition: all 0.4s 0s ease, color .3s;
  -moz-transition: all 0.4s 0s ease, color .3s;
  transition: all 0.4s 0s ease, color .3s;
    color:#d1d1d1
}
.more_button:hover .dot2 span:nth-child(1){
  left:30%;
    -o-transition: all 0.4s .5s ease, color .3s;
    -moz-transition: all 0.4s .5s ease, color .3s;
    transition: all 0.4s .5s ease, color .3s;
  color: #fff;
}
.more_button:hover .dot2 span:nth-child(2){
  left:50%;
    -o-transition: all 0.4s .4s ease, color .3s;
    -moz-transition: all 0.4s .4s ease, color .3s;
    transition: all 0.4s .4s ease, color .3s;
  color: #fff;
}
.more_button:hover .dot2 span:nth-child(3){
  left:70%;
  -o-transition: all 0.4s .3s ease, color .3s;
  -moz-transition: all 0.4s .3s ease, color .3s;
  transition: all 0.4s .3s ease, color .3s;
  color: #fff;
}

  .m_more_ico{ margin:0 auto; text-align:center;}
 .m_more_ico img{ max-width:50px; max-height:50px;} 


.shousou{ float:left; width:210px;min-height:90px; _height:90px; background:#f4f4f4; margin-top:20px;}
.shousou h2{ float:left; font-size:14px;  font-weight:normal; line-height:35px; text-align:left; margin-left:10px; border-bottom:1px solid #ccc; width:190px;}
.shousou a{ float:left; margin:10px 10px 0px 10px;}
.pro_list_01{ float:left; width:760px; }
.pro_list_01 h5{  font-size:14px; float:left; background:#eee; width:750px; padding-left:10px; height:35px; line-height:35px; color:#333; font-weight:normal; }
.pro_list_01 li{ float:left;height:35px; line-height:35px; color:#fff; text-align:left; color:#666; border:1px solid #ccc; padding-left:15px;}
.pro_list_top{ float:left; width:760px; background:#eee;}
.pro_list_top li{ float:left; height:35px; line-height:35px; color:#fff; text-align:center; background:url(../images/neiye2_06.jpg) repeat-x; margin-right:2px;}
.pro_list_01 a:hover{ text-decoration:underline; color:#F57713;}

/*产品修改列表左图右文字*/
.tu { float:left; padding:0px 0px 0px 0px; width:710px; margin-top:0px;}
.tu li{float: left;width: 710px;height:130px;margin:15px 0px 15px 0px; border-bottom:1px solid #eee}
.tu_list{ float:left; width:100px;}

.tu_text{ float:left; width:570px; text-align:left; position: relative; height:140px; margin-left:20px; background:url(../images/pro_line_ng.png)  no-repeat 0px 2px; padding-left:20px;}
.tu_text h2 a{ font-size:12px; color:#333; display:block; width:550px; text-align:left; line-height:28px;  height:28px; font-weight:700; }
.tu_text h2 a:hover{  color:#c81327;}
.tu_text h4{ float:left; padding-left:0px; line-height:200%; width:570px; font-weight:normal; text-align:left; color:#666; font-size:12px;}
.tu_text .pic a{ background:url(../images/pro_ico.png) no-repeat 0px 3px; width:100px; height:19px; position:absolute; left:20px; bottom:40px; color:#666; padding-left:20px;}
.tu_text .pic a:hover{ color:#c81327;}

  
/*发展历程*/
.z_wenhua{ float:left; width:740px; margin-top:20px; display:block}
.z_wenhua_top{ background:url(../images/4.png) no-repeat; width:153px; height:153px; margin:0 auto; text-align:center; margin-left:300px;}
.z_wenhua_top h3{ font-size:18px; margin-top:50px; color:#fff;  text-align:center; float:left; width:154px; line-height:30px;}
.z_wenhua_top font{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center;}

.wenhua_pic{ float:left;}
.wenhua_pic img{ margin:15px 0px;}


#Con{text-align:left; float:left; margin-top:20px;}

.asdfas { width:280px; height:150px; padding:10px 10px 0px 7px; font-size:12px; text-align:left; color:#369; line-height:160%; background:url(../images/wenhua_bg.png) no-repeat; position:absolute; display: none; word-break:break-all; letter-spacing:normal; }


.asdfas font{}



.z_cont_txt{float:left; width:250px; margin:30px 0px 0px 40px; line-height:200%;}
.z_cont_txt a{ }


.z_cont_txt_01{float:left; margin-top:10px;}
.z_cont_txt_01 a{ }
.z_cont_txt_01 p{ }




/* 效果CSS开始 */
#box_r{ width:70px; height:auto; position:fixed; right:0; top:200px; z-index:9999;}
#float li p[data-v-3498646e]{ color:#fff; margin-top:5px;}

#float li[data-v-3498646e] {
	height:70px;
	width:70px;
	background:#fff;
	text-align:center;
	position:relative;
	margin-top:1px
}

#float li:hover[data-v-3498646e] {
	background:#7f0508;
}


#float li .iconfont[data-v-3498646e] {
	color:#fff;
	font-size:40px;
	display:block
}
#float li>a[data-v-3498646e] {
	font-size:13px;
	text-decoration:none;
	color:#fff
}


#float .wechat[data-v-3498646e] {
	background:#7f0508
}
#float .wechat a[data-v-3498646e] {
	display:inline-block;
	margin:10px auto 5px
}
#float .wechat img[data-v-3498646e] {
	width:23px;
	height:26px
}


#float .zixun[data-v-3498646e] {
	background:#BA1418;

}
#float .zixun a[data-v-3498646e] {
	display:inline-block;
	margin:10px auto 5px
}
#float .zixun img[data-v-3498646e] {
	width:23px;
	height:26px
}


.popup[data-v-3498646e] {
	display:none;
	position:absolute;
	left:-177px;
	top:0;
	width:177px
}

.wechat:hover .popup[data-v-3498646e] {
	display:inline-block
}
.wechat:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}


.zixun:hover .popup[data-v-3498646e] {
	display:inline-block
}
.zixun:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}


@media (max-height: 600px) and (max-width:1280px ) {
.header nav {top: 38%;}
.header h1 {top: 0px;	}




}

