/* CSS Document */

/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}

 
.fl{float:left;}
.fr{float:right;}
.x-top2 {    height: 99px;    line-height: 99px; width:1200px; margin: 0 auto; }
.x-top2 .dlogo { padding-top:12px;   }
.x-top2 .dlogo img{    max-width: 100%;}
.x-top2 .nnav {    width: 50%;    margin-left: 4.9%;    -webkit-animation-fill-mode: none;     animation-fill-mode: none;}
.x-top2 .tdh{    font-size: 22px;	line-height: 99px;	color: #fd2300;    padding-left: 36px;    background: url(images/c7b0de3dad7345dd530259a4c70ddc14e41b5d55.png) no-repeat left center;}
@media(max-width: 1280px){    .x-top2 .nnav{        margin-left: 2%;        width: 58%;    }
.x-top2 .tdh{        padding-left: 35px;    }
}
@media(max-width: 1199px){    .x-menu > li > a{        font-size: 14px;    }}
.max1400{    max-width: 1430px;    padding: 0 15px;    margin: 0 auto;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
/* 导航样式 */
.x-menu {    width: 700px;    float: left;}
.x-menu > li {    width: 16.66666666%;    margin: 0;    text-align: center;    float: none;    position: relative;}
.x-menu > li > a {    font-size: 16px;    color: #303030;    line-height: 99px;    display: block;}
.x-menu > li > a:hover {    color: #EA020D;}
.x-menu > li.active > a {}
.x-menu {    width: 100%;    float: none;    display: flex;    flex-wrap: nowrap;    justify-content: space-between;}
.x-sub-menu {    top: 80px;}
.x-menu .lastli {    width: 6% !important;}
.x-menu > li.active > a, .x-menu > li > a:hover {}
.x-menu > li:after {    content: '';    position: absolute;    z-index: 100;    width: 100%;    left: 0;    height: 40px;    opacity: 0;    top: 100%;}
.x-menu > li:hover .x-sub-menu {    opacity: 1;    visibility: visible;    -webkit-transform: translateY(0);    transform: translateY(0);}
.x-sub-menu {    position: absolute;    z-index: 999;    width: 150%;    left: -25%;    top: 109px;    background: #fff;    border-radius: 5px;    padding: 10px 0;    opacity: 0;
    visibility: hidden;    -webkit-transform: translateY(20px);    transform: translateY(20px);    -webkit-transition: all .5s ease;    transition: all .5s ease;}
.x-sub-menu > li > a {    display: block;    text-align: center;    font-size: 14px;    color: #333;    line-height: 1.5;    padding: .5em;}
.x-sub-menu > li > a:hover {    background:#e9eaeb; color:#000}
.x-sub-menu:after {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;
}


@charset "gb2312";
 
* { margin:0; padding:0; list-style:none; }
body { font-size:12px; font-family:"微软雅黑"; line-height:30px; }
img { border:none; }
div { line-height:30px;}
/*常用类*/
.layout_center { width:1208px; margin:0 auto; }
.float_left { float:left; }
.float_right { float:right; }
.float_clear { clear:both; }
.red { color:red; }
.blue { color:blue; }
.gray { color:gray; }
.text_align_center { text-align:center; }
p { line-height:36px; }
a { color:#000; text-decoration:none; }
a:hover { color:#EA020D; text-decoration:underline; }
/*头部*/
#top_main { height:80px; }
#top {  }
#logo {  float:left; line-height:80px;  height:80px; }
#site_name {  width:500px; float:left; background:url(images/site_name.jpg) no-repeat; }
#top_menu { height:50px; width:580px; float:right; text-align:right; padding-top:30px; }
/*导航栏*/
#navigation_main {   }
#navigation { height:50px; }
#navigation li { float:left; line-height:50px; text-align:center; }
#navigation li a { width:80px; display:block; padding-left:6px; padding-right:6px;   font-size:16px; color:#000; }
#navigation li a:hover {  text-decoration:none;  color:#EA020D; }



.index-header {
	height: 740px;
	width: 100%;
	background:url("images/bg2.jpg");
}

.head-text {
	width: 100%;
	text-align: center;
	position: absolute; margin-top:280px;
}

.hdtext1 {
	font-size: 60px;
	font-weight: bold;
	color: #fff;
}

.hdtext2 {
	font-size: 20px;
}






 .banner_list{
	width:100%;
	height:555px;
}
.banner_list img{
	width:100%;
	height:460px;
}
/* slide */
.slide_main{height:460px;position:relative;}
.prev,.next{display:block;width:55px;height:100px;position:absolute;z-index:222;top:180px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none; background:url(/images/banner_prev_next.png) no-repeat;}
.prev{left:70px;}
.next{right:70px; background-position:-55px 0px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:440px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:10px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#ff6600;}
.slide-box,.slide{display:block;width:100%;height:460px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:460px;position:relative;position:absolute;z-index:8;}
.slide a{display:block;width:100%;height:460px;cursor:pointer;}



/*幻灯*/
#banner_main { padding:5px 0; }
#banner { height:460px; border:0px; width:100%; }
/*主体*/
#content_main { }
#content { }
/*主体左侧*/
#left { float:left; width:210px; }
.left_title { background:url(images/left_title_bg.jpg) no-repeat; height:34px; line-height:34px; padding:0 10px; }
.left_title h2 { font-size:14px; color:#FFF; }
.left_body { padding:5px 10px; overflow:hidden; zoom:1; border:1px solid #D7D7D7; border-top:none; }
.left_body dl dt { line-height:22px; font-weight:bold; padding:1px 0; }
.left_body dl dt a { background:#EDEDED; display:block; padding-left:5px; }
.left_body dl dd { line-height:20px; padding-left:15px; border-bottom:1px dashed #D0D0D0; }
.left_bottom { height:10px; }
/*主体右侧*/
#right2 {  width:1200px; background:#fff; font-size:14px; }
.right_title { height:80px; line-height:80px; text-align:center; }
.right_title3 { background:url(images/sline.png) center top no-repeat ; height:100px; line-height:40px; padding-top:20px; text-align:center; font-size:17px; margin-bottom:20px;    }
.right_title2 { height:60px; line-height:60px; text-align:left;  }
.right_title2 h2 { font-size:18px; }
.right_title h2 { font-size:26px; }
.right_body { padding:10px; overflow:hidden; zoom:1;   }
.right_bottom { height:10px; }
.cf{ }
.cf a { padding:12px; border:#d7d7d7 solid 1px; color:#000000; border-radius:6px;}
.cf a:hover {padding:12px; border:#d7d7d7 solid 1px; background:#EA020D; color:#FFFFFF; text-decoration:none; border-radius:6px; }
/*友情链接*/
#link_img_main { }
#link_img { background:#FFF; text-align:left; }
#link_img img {   }
#link_img a:hover img {   }
#link_text_main { }
#link_text {   padding-left:6px; background:#FFF; text-align:left; line-height:36px; }
/*版权信息*/
#copyright_main {   margin-top:3px; }
#copyright { padding:5px 0; text-align:center; }
/*产品相关*/
.products li { float:left; text-align:center; padding:4px; }
.products img { padding:4px; border:1px solid #d7d7d7;  }
.products a:hover img { border:1px solid #ff0000; }
.products a { line-height:22px; }
.products_title { text-align:center; font-size:16px; padding:10px; }
.products_info { text-align:center;  padding:10px; }
.products_img { text-align:center; padding:10px; }
.products_img img { max-width:600px; }
.products_next { padding:5px; border-bottom:1px dashed #333; }

.12{ }
/*首页案例*/
.anli{ border:#efefef 1px solid; margin-bottom:24px; margin-right:12px; text-align:center; padding-top:12px;}
.anli:hover{ box-shadow: 3px 3px 10px grey; }
.anli img {  width:256px;    transition: transform 0.9s ease-in-out;}
.anli img:hover {  transform:translate(0,-160px) ;  }
/*首页案例*/
.anlid{ border:#efefef 1px solid; margin-bottom:24px; margin-right:12px; text-align:center; padding-top:12px;}
.anlid:hover{ box-shadow: 3px 3px 10px grey; }
.anlid img {  width:256px;    transition: transform 0.9s ease-in-out;}
.anlid img:hover {    }
/*首页案例*/
.anlia{ border:#efefef 1px solid; margin-bottom:24px; margin-right:12px; text-align:center; padding-top:12px;}
.anlia:hover{  box-shadow: 3px 3px 10px grey;   }
.anlia img {  width:256px;   transition: transform 1s ease-in-out;}
.anlia img:hover {  animation: jump 0.2s ease-in-out infinite alternate;}
@keyframes jump {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-30px);
}
}
/*首页案例*/
.anlic{ border:#efefef 1px solid; margin-bottom:24px; margin-right:12px; text-align:center; padding-top:12px;}
.anlic:hover{  box-shadow: 3px 3px 10px grey;   }
.anlic img {  width:256px;   transition: transform 1s ease-in-out;}
.anlic img:hover { transform: scale(1.08);  -webkit-transform:rotate(360deg) scale(1.08); }


/*首页案例*/
.anlib{ border:#efefef 1px solid; margin-bottom:24px; margin-right:12px; text-align:center; padding-top:12px;}
.anlib:hover{  box-shadow: 3px 3px 10px grey;    }
.anlib img {  width:256px;     }
.anlib img:hover {  animation: shake 2s;  }
@keyframes shake{
0% { transform: rotate(0deg); }
10% { transform: rotate(5deg); }
20% { transform: rotate(-5deg); }
30% { transform: rotate(5deg); }
40% { transform: rotate(-5deg); }
50% { transform: rotate(3deg); }
60% { transform: rotate(-3deg); }
70% { transform: rotate(2deg); }
80% { transform: rotate(-2deg); }
90% { transform: rotate(1deg); }
100% { transform: rotate(0deg); }
}


/*实景展示*/
.photo li { float:left; text-align:center; padding:4px; width:170px; height:150px;   }
.photo img { padding:4px; border:1px solid #999999; }
.photo a:hover img { border:1px solid #BF006A; }
.photo a { line-height:22px; }
.photo_title { text-align:center; font-size:16px; padding:10px; }
.photo_info { text-align:center;   padding:10px; }
.photo_img { text-align:center; padding:10px; }
.photo_img img { max-width:600px; }
.photo_next { padding:5px; border-bottom:1px dashed #333; }



/*新闻相关*/

.news li { width: 572px; height:117px; margin-bottom:16px; display:block; float:left; border:1px solid #efefef; margin-right:20px; margin-bottom:20px;   }
.news li img{ width:150px; height:91px; padding:8px;  transition: transform 1s ease-in-out;}
.news{ margin-bottom:24px; margin-right:12px; text-align:center; padding-top:12px;}
.news li:hover{  box-shadow: 3px 3px 10px grey;   }
.news img:hover { transform: scale(1.08);  }



.news3 li {   padding-left:10px; width: 260px; display:block; float:left;   }
.news_title { text-align:center; font-size:16px; padding:10px; }
.news_content { padding:10px; }
.news_next { padding:5px; border-bottom:1px dashed #333; }
/*新闻相关*/
.news2 li {   padding-left:10px; clear:both; line-height:36px; font-size:16px; display:block; float:left;   }
.news_title { text-align:center; font-size:16px; padding:10px; }
.news_content { padding:10px; }
.news_info { text-align:center; border-bottom:1px dashed #ddd; padding:10px; }
.news_next { padding:5px; border-bottom:1px dashed #333; }
/*留言板*/
.guestbook { border-collapse:collapse; width:100%; margin-top:10px; }
.guestbook th { padding:5px; border:1px solid #CCC; text-align:center; }
.guestbook td { padding:5px; border:1px solid #CCC; }
input, textarea, select { border:1px solid #CCC; font-size:12px; padding:5px; }
textarea { width:540px; height:100px; background:url(images/pcfinal.jpg) center no-repeat; }
/*人才招聘*/
.recruitment { border-collapse:collapse; width:100%; margin-top:10px; }
.recruitment th { padding:5px; border:1px solid #CCC; text-align:center; }
.recruitment td { padding:5px; border:1px solid #CCC; }
/*分页*/
.page_turner { padding:4px 0px 0px 1px; float:right; clear:both; }
.page_turner a, .page_turner span { float:left; display:block; border:1px solid #D3D1D1; padding:5px; margin-left:4px; line-height:16px; }
.page_turner a:link, .page_turner a:visited { text-decoration:none; }
.page_turner a:hover, .page_turner a.c { background:#6F6F6F; color:#FFF; }
#total { color:red; }

.nnn{}
.nnn img {display: none;}


/*about*/
#bannerresearch{width:100%; height:300px;background:url(images/bg2.jpg); position:relative;border-top:1px solid #e6e6e6; }
#bannerresearch .intro {  position: absolute;  left: 0;  top: 50%; margin-top:-86px; width: 100%;  text-align: center;}
#bannerresearch .intro h1 {  text-transform: uppercase; top:100px; color:#fff; font-size: 85px;  font-weight: 700;  letter-spacing: 0.015em;}
#bannerresearch .intro p {  margin: 100px 0 30px 0;  font-size: 24px;color:#fff;}



.index_p1{overflow:hidden;padding:60px 0;  position:relative;z-index:9;}
.middle{max-width:1200px;width:90%;margin:0 auto;}
.home_title{overflow:hidden;text-align:center;}
.home_titlejc{display:block;font-size:34px;color:#222;font-weight:normal;}
.home_titleyw{font-size:16px;color:#d80000;text-transform:uppercase}
.home_titlex{display:block;width:50px;height:1px; background:#d80000; margin:15px auto;}
.home_titleslg{display:block;font-size:14px;color:#222;padding:0 17%;line-height:26px;font-weight:normal;}
.home_title.left_title{
	text-align:left;
}

.left_title .home_titlex,.left_title .home_titleslg{	margin-left:0;	margin-right:0;}
.left_title .home_titleslg{	padding:0;}

.container{ width:94%;  }
.container{ padding-left:10px; padding-right:10px; width:100%;}
.container{display: block;width:86%; max-width: 1600px; margin: 0 auto; }


/*我们的优势*/
.about-3 {margin:0% 0 4% 0; }
.about-3 li {float: left; width:32%; margin-right:2%; margin-top:2%;transition: transform 3s ease-in-out;  }
.about-3 li a {display: block;border: 1px solid #eaeaea;padding:5%;}
.about-3 li h4 {font-size: 20px;margin: 0;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.about-3 li h4 span{font-size:18px; color:#f60}
.about-3 li p {margin: 10px 0 0;overflow: hidden; height:40px;}
.about-3 li a:hover {box-shadow: 0 0 30px #eeeeee; color:#f60; }