﻿
*{ margin: 0px; padding: 0px;}
li{ list-style:none}
a{ text-decoration:none;}
input,button,select,textarea{outline:none}
body , html{ width: 100%; height: 100%; font-family: "微软雅黑",YaHei,Microsoft YaHei,"黑体",tahoma,arial,"Hiragino Sans GB"; overflow:hidden}
p{ font-size:16px; line-height:28px; color:#333333;}

.change_box,.chang_box{ height:100%;}

.all-page{ height:100%; overflow:hidden}
.page-o{ height:100%; position:relative;}
.body-bg{width: 100%; height: 100%;  position: fixed; top: 0px; left: 0px; right: 0px;z-index: 110; background: #fff; }
.loading{ height: 100%; width: 500px;  overflow: hidden;margin: 0 auto; position:relative}
.loading img{ margin: 0  auto 0; display: block; position:absolute; top:0px;  left:0px; right:0px; }

.cont-box{ width: 100%; height: 100%; position: relative; overflow: hidden; }
.cont-detai{ width: 96.09%; height: 100%; margin: 0 auto; overflow:hidden; position: relative;
}
.conten-nav{ background:url(nav-logo_03.png) no-repeat center; position: relative; width: 88px; height: 88px;margin: 30px 0 0 0px; float: left;cursor:pointer; z-index:105}
.conten-logo{width: 88px; height:88px; float: right;margin: 30px 0 0 0px; position:relative; z-index:105}
.conten-mi{ height: 338px; width:412px; margin-left:-206px;   position:relative; left: 50%;right: 0px; top:50%; margin-top:-169px; border: 10px solid #fff; box-sizing: border-box;}
.conten-mi-box{ width: 100%; height: 318px; position: absolute; margin:0 auto; top:50%; margin-top:-159px}
.conten-mi-box img{width: 100%; height: 318px; }
.con-n{ height: 100%; width: 100%;  overflow: hidden; position: relative;}
.con-n-t{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }
.con-img{  }

.conten-nav-hover{ width: 100%; height: 595px; background:rgba(34,34,34,0.5); overflow:hidden; top: 88px; position:relative; display:none; z-index:109}
.conten-nav-hover-ul{ height:576px; width:76px;  margin:0 auto; position:absolute; left:0px; top:8px; right:0px;z-index:2;}
.conten-nav-hover-ul li{ cursor:pointer; height:68px; width:76px; position:relative}
.conten-nav-hover-ul-ico , .conten-nav-hover-ul-ico-o{ display:block;  position:absolute; top:8px; height:68px; width:76px; left:6px; z-index:1; border-left:2px solid #f08300;border-right:2px solid #f08300; box-sizing:border-box}
.conten-nav-hover-ul-ico-o{ top:0px; left:0px; display:none}
.conten-nav-hover-ul-text{  height:68px; width:72px; left:2px; top:0px; position:absolute; color:#fff;}
.conten-nav-hover-ul-text-o{ display:block; font-size:24px; margin-top:4px; text-align:center;}
.conten-nav-hover-ul-text-s{ display:block; font-size:14px; text-align:center; margin-top:7px;}
.arrow-detail{ display:none;  height: 100%;/* width: 22.8125%;*/ width:438px;  background:rgba(34,34,34, 0.75); float: right; position: absolute; top:0px; right: 0px;z-index: 30; overflow:hidden; }


.arrow-btn{ width:38px ; height: 100%;   position: absolute;  right: 38px;z-index: 14;}
.arrow-btn-ico{ display: block; height: 88px; width: 38px; background:url(arrow-a_06.png) no-repeat center; position: absolute; top: 50%; cursor: pointer;}
.right-logo{ height: 83px; width:81px !important; background:url(sheji_03.png) no-repeat center;/* margin: 80px auto 0;*/ margin: 15px auto 0;}

.arroe-text{ display: block; font-size: 24px; color: #f29422; float:right; font-size:24px;  width:100%; height:auto; text-align:center; margin:40px 0 0 0; }

.arroe-text-n{  display: block; font-size: 14px; background:;margin:113px 52px 0 52px; color: #fff;height:auto; line-height: 26px;}

.hover{ -moz-transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1); 
-o-transform:scale(1.1,1.1); 
transition: all 2s ease-in 0s;
-moz-transition: 2s ease-in 0s;
-ms-transition: all 2s ease-in 0s;
-o-transition: all 2s ease-in 0s;
-webkit-transition: all 2s ease-in 0s;

}

/**公共***/
.content-pilic{ height:100%; width:100%;  position:absolute; z-index:25; top:0px}
.content-pilic-box{width: 96.09%; height:100%;  margin:0 auto;  position:absolute; left:0px; right:0px; }
.cn-img{ height:100%; width:100%; position:absolute; display:;}


.conten-footer{ height:56px; width:334px; background:rgba(34,34,34,0.9); border-radius:5px; position:absolute; bottom:86px; font-size:12px; line-height:26px; text-align:center; color:#fff; z-index:100}


.conten-footer p{
    font-size: 12px;
	line-height: 10px;
	margin-top: 11px;
color: #FFFFFF;}

.conten-footer a{
color: #fff;
}

/****de标题背景***/
.about-bg{ background:url(second_title_about.png) no-repeat center}
.desevic-bg{ background:url(second_title_service.png) no-repeat center}
.case-bg{ background:url(case-case_03.png) no-repeat center; background-size:118px 63px;}
.team-bg{ background:url(second_title_team.png) no-repeat center}
.team-lolbg{ background:url(second_title_union.png) no-repeat center}

.one-o{ background:url(ase_clas_jz.png) no-repeat center}
.one-s{ background:url(case_clas_gz.png) no-repeat center}
.one-t{ background:url(case_clas_rz.png) no-repeat center}





/**about**/
.about{ height:100%; width:96.09%;  margin:0 auto; position:absolute; left:0px; right:0px; top:0px; overflow:hidden;	
	}
#biaozhun p{ line-height:29px;}	
.about-top{ height:98px; width:96.09%; margin:30px auto 0;}
.about-top-left{ height:98px; width:auto; position:absolute; margin-left:92px;}
.about-top-left-o{ height:63px; width:118px; float:left; margin:25px 0  0 0;}
.about-top-left-s{  display:block; float:right; font-size:30px; margin:48px 0px 0 10px;}
.about-top-con{ height:100%; width:1200px;  margin:0 auto; text-align:center}
/**1336 hei--485*/
.about-con , .case-con , .about-cono{ height:81.5%; width:1336px;  margin:0 auto; position:relative; z-index:30; cursor:pointer; }
.about-cono{ overflow:hidden;}



.thd-mo{-moz-animation:mymove 0.5s ;
	-ms-animation:mymove 0.5s ;	
	-webkit-animation:mymove 0.5s;
	animation:mymove 0.5s ;
	-o-animation:mymove 0.3s ;}
 
 @keyframes mymove
{from {transform: perspective(600px) rotateX(-90deg);
	-moz-transform: perspective(300px) rotateX(-90deg);
	-webkit-transform: perspective(600px) rotateX(-90deg);
	-ms-transform: perspective(300px) rotateX(-90deg);
	transform: perspective(600px) rotateX(-90deg);
	-o-transform: perspective(300px) rotateX(-90deg);
	}
to {transform: perspective(600px) rotateX(0deg);
	-moz-transform: perspective(300px) rotateX(0deg);
	-webkit-transform: perspective(600px) rotateX(0deg);
-ms-transform: perspective(300px) rotateX(0deg);
	transform: perspective(600px) rotateX(0deg);
	-o-transform: perspective(300px) rotateX(0deg);}
}


.about-con ul li{ height:755px; width:1200px; position:absolute; display:none}
.about-con ul li img{ height:auto;width:auto}
.about-top-con-box{ height:100%; width:auto; margin:0 auto; display:inline-block; position:relative; z-index:30;}
.about-top-con-box ul .im , .about-top-con-box ul .imt{ width:auto; height:28px;   float:left; margin:70px 5px 0 0; cursor:pointer; font-size:14px; text-align:center; line-height:24px; padding:0 15px 0 15px; border:2px solid #fff; box-sizing:border-box;}

 .about-top-con-box a{ color:#333333;}
.hover-about{ border:2px solid #f08300  !important; box-sizing:border-box;}
.hover-about a{ color:#f08300;}




/* Let's get this party started 滚动条 */
::-webkit-scrollbar {
    width: 8px;} 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: #000; 
    -webkit-border-radius: 4px;
    border-radius: 4px;}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f08300; 
    -webkit-box-shadow:#000; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background:#000; }


/*图文样式*/
td.cpquery{ padding-bottom:20px;}

.cpquerytitle a{ color:#333333; line-height:32px; font-size:16px; }.cpquerytitle a:hover{ color:#f08300;}

.cpd_title{ font-size:24px;}
.cpd_title img{ float:left; margin-right:1px; margin-bottom:2px; width:650px;}
.ny_r_content{ margin-left:29px;}

.ss span{ font-size: 32px; color: #666; text-align: right;
 margin: 20px 0 0 0; display: block;}
 .ss p{ border-bottom: 2px solid #f08300; font-size: 18px; color: #999; float: right;}
.ss p:hover{ color: #f08300;}
 

#ygtd td.cpquery{ padding-bottom:2px;}
.clearss{ clear:both;}



/* ny 文章频道*/
.ny{ width:1200px; margin:30px auto; }

.ny_l {width:220px; float:left;}
.ny_l_mod {width:220px; overflow:hidden;/* margin-top:10px;*/}
.ny_l_mod_lxwm {width:220px; overflow:hidden; margin-top:10px;}
.ny_l_mod_lxwm .mod_content1 {width:220px; height:370px;background:url(lxwm1.jpg) top center no-repeat;}

.ny_l_mod .mod_title { width:220px; font-size: 32px;
 color: #666; text-align: right; margin: 20px 0 0 0;
 display: block;}
.ny_l_mod .mod_content {width:218px;}
.ny_l_mod .mod_content a{ border-bottom: 2px solid #f08300;
 font-size: 22px; color: #999; float: right; padding-bottom:4px;}
.mod_content a:hover { color:#f08300;}






