body,html{ font-size:14px; overflow-x:hidden; margin:0px; padding:0px; font-family: 'Conv_JournalSansC'; line-height:22px; letter-spacing:1px;}
ul,li{ padding:0px; margin:0px;}
li{ list-style:none;}
img{ border:none;}
.clear{ clear:both;}
a{ text-decoration:none;transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}
a:hover{transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s; text-decoration:none;}
@font-face {
font-family: 'Conv_JournalSansC';
src: url('../font/JournalSansC.eot');
src: url('../font/JournalSansC.woff') format('woff'),
url('../font/JournalSansC.ttf') format('truetype'),
url('../font/JournalSansC.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/*******header********/
.daohang{ width:100%; position:absolute; left:0; top:0; background:#000; z-index:999;}
.logo{ float:left; width: 18%; margin-top: 14px; }
.logo img{width:100%;}
.menu{ float:right;}
.menu ul{}
.menu ul li{ position:relative; float:left; line-height:80px; padding:0 20px 0 20px; color:#fff; font-size:14px; }
.menu ul li a{color:#fff; font-family:"微软雅黑"; }
.menu ul li a:hover {
text-decoration: none;
color:#d83720;
}
.menu ul li a:after {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
left: 0%;
bottom: -10px;
background-color: #000;
opacity: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.menu ul li a:hover:after {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
left: 0px;
bottom: 15px;
background-color: #d83720;
opacity: 1;
}
/*******header********/
/*******banner********/
.banner{ position:relative;}
.banner_wz{ position:absolute; left:0; bottom:50%;}
.banner_wz p{ text-transform:uppercase; color:#fff; text-align:center; font-size:16px; margin-top:20px;}
.banner_ln{ width:24%;height:78%; position:absolute; right:0; bottom:50px; z-index:999; }
.banner_list{ }
.banner_list img {
-moz-transform: perspective(0px) rotateY(0deg);
-webkit-transform: perspective(0px) rotateY(0deg);
transform: perspective(0px) rotateY(0deg);
transition: all 1s;
-webkit-transition: all 1s;
}
.banner_list img:hover{
-moz-transform: perspective(800px) rotateY(360deg);
-webkit-transform: perspective(800px) rotateY(360deg);
transform: perspective(800px) rotateY(360deg);
transition: all 1s;
-webkit-transition: all 1s;}
.banner_list1{ background:#fff; position:relative; border:#ccc 1px solid}
.banner_list1_nr{ width:100%; position:absolute; left:0; top:0;}
.banner_list1_nr h1{ color:#fff; font-size:16px; text-align:center; font-family:"微软雅黑"; padding-top:10%;}
.banner_list1_nr p{ color:#fff; font-size:16px; text-align:center; font-family:"微软雅黑"; }
.banner_list2{ }
.banner_list2 img {
-moz-transform: perspective(0px) rotateY(0deg);
-webkit-transform: perspective(0px) rotateY(0deg);
transform: perspective(0px) rotateY(0deg);
transition: all 1s;
-webkit-transition: all 1s;
}
.banner_list2 img:hover{
-moz-transform: perspective(800px) rotateY(360deg);
-webkit-transform: perspective(800px) rotateY(360deg);
transform: perspective(800px) rotateY(360deg);
transition: all 1s;
-webkit-transition: all 1s;}
.banner_lista img {
-moz-transform: perspective(0px) rotateY(0deg);
-webkit-transform: perspective(0px) rotateY(0deg);
transform: perspective(0px) rotateY(0deg);
transition: all 1s;
-webkit-transition: all 1s;
}
.banner_lista img:hover{
-moz-transform: perspective(800px) rotateY(360deg);
-webkit-transform: perspective(800px) rotateY(360deg);
transform: perspective(800px) rotateY(360deg);
transition: all 1s;
-webkit-transition: all 1s;}
.banner_list3{ position:relative;}
.banner_list3 img {
-moz-transform: perspective(0px) rotateY(0deg);
-webkit-transform: perspective(0px) rotateY(0deg);
transform: perspective(0px) rotateY(0deg);
transition: all 1s;
-webkit-transition: all 1s;
}
.banner_list3 img:hover{
-moz-transform: perspective(800px) rotateY(360deg);
-webkit-transform: perspective(800px) rotateY(360deg);
transform: perspective(800px) rotateY(360deg);
transition: all 1s;
-webkit-transition: all 1s;}
.banner_list3_nr{ width:175px; position:absolute; top:50%; left:50%; margin-top:-28px;z-index:999;}
.banner_list3_nr p{text-shadow: 2px 2px 3px #000; color:#fff; font-size:18px; text-align:center; font-family:"微软雅黑";}
.banner_list3_nr span {
text-shadow: 2px 2px 3px #000;
padding: 0 5px 0 5px;
font-size: 12px;
margin: 0;
color: #fff;
text-align: center;
font-family: "微软雅黑";
}
.banner_list4{ position:relative; height:100%; }
.banner_list4_nr{ width:100%; position:absolute; left:0; top:50%; margin-top:-36px; }
.banner_list4_nr p{ width:90%; margin:0 auto; color:#fff; font-size:12px; text-align:center; font-family:"微软雅黑";}
.banner_list4_nr img{ display:block; margin:0 auto; padding-bottom:10px;}
.banner_list5{ position:relative; height:100%;}
.banner_list5 img {
-moz-transform: perspective(0px) rotateY(0deg);
-webkit-transform: perspective(0px) rotateY(0deg);
transform: perspective(0px) rotateY(0deg);
transition: all 1s;
-webkit-transition: all 1s;
}
.banner_list5 img:hover{
-moz-transform: perspective(800px) rotateY(360deg);
-webkit-transform: perspective(800px) rotateY(360deg);
transform: perspective(800px) rotateY(360deg);
transition: all 1s;
-webkit-transition: all 1s;}
.banner_list5_nr{width:100%; position:absolute; right:0; top:50%; margin-top:-36px;}
.banner_list5_nr p{ color:#000; font-size:12px; text-align:center; font-family:"微软雅黑";}
.banner_list5_nr img{ display:block; margin:0 auto; padding-bottom:10px;}
.banner_list6{ position:relative;}
.banner_list6_nr{ width:100%;}
.banner_list6_nr img{ display:block; margin:0 auto; }
.banner_list6_nr img {
-moz-transform: perspective(0px) rotateY(0deg);
-webkit-transform: perspective(0px) rotateY(0deg);
transform: perspective(0px) rotateY(0deg);
transition: all 1s;
-webkit-transition: all 1s;
}
.banner_list6_nr img:hover{
-moz-transform: perspective(800px) rotateY(360deg);
-webkit-transform: perspective(800px) rotateY(360deg);
transform: perspective(800px) rotateY(360deg);
transition: all 1s;
-webkit-transition: all 1s;}
.banner_list6_nr p{color:#FFF; font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.banner_list7{}
.banner_list7_nr{ width:100%;}
.banner_list7_nr img{ display:block; margin:0 auto; }
.banner_list7_nr img {
-moz-transform: perspective(0px) rotateY(0deg);
-webkit-transform: perspective(0px) rotateY(0deg);
transform: perspective(0px) rotateY(0deg);
transition: all 1s;
-webkit-transition: all 1s;
}
.banner_list7_nr img:hover{
-moz-transform: perspective(800px) rotateY(360deg);
-webkit-transform: perspective(800px) rotateY(360deg);
transform: perspective(800px) rotateY(360deg);
transition: all 1s;
-webkit-transition: all 1s;}
.banner_list7_nr p{color:#000; font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.ss{
}
#ln01{ position:relative; left:-480px; opacity:0;}
#ln02{ position:relative; right:-480px; opacity:0;}
#ln03{ position:relative; left:-480px; opacity:0;}
#ln04{ position:relative; right:-480px; opacity:0;}
/*******banner********/
/***banner***/
.banner{
width:100%;
z-index:1;
overflow:hidden;
position:relative;
}
.banner-list{
width:100%;
height:100%;
padding-left:0;
position:relative;
z-index:-1;
}
.banner-list>li{
width:100%;
height:100%;
position:absolute; top:0; left:0;
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
-ms-transition: 0.1s linear;
-o-transition: 0.1s linear;
transition: 0.1s linear;
opacity:1 !important;
}
.banlion{
-webkit-transform:scale(1) !important;
-moz-transform:scale(1) !important;
-ms-transform:scale(1) !important;
-o-transform:scale(1) !important;
transform:scale(1) !important;
-webkit-transition: 5s linear !important;
-moz-transition: 5s linear !important;
-ms-transition: 5s linear !important;
-o-transition: 5s linear !important;
transition: 5s linear !important;
}
.cont1{
width:100%;
height:100%;
padding-left:0;
position:absolute; top:0; left:0;
z-index:100;
}
.cont2{
width:100%;
height:100%;
padding-left:0;
position:absolute; top:0; left:0;
z-index:100;
display:none;
}
.cont3{
width:100%;
height:100%;
padding-left:0;
position:absolute; top:0; left:0;
z-index:100;
display:none;
}
.bf{
width:70px;
height:70px;
position:absolute; top:60%; left:50%;
margin-left:-35px;
margin-top:-35px;
background:url(../images/bf.png);
background-size:100% 100%;
opacity:0;
}
.bf:hover{
background:url(../images/bf1.jpg);
}
.bf-te{
width:100%;
position:absolute; top:60%;
opacity:0;
margin-top:40px;
text-align:center;
}
.bf-te>p{
color:#ddd;
letter-spacing:1px;
}
.bf-te1{
width:100%;
position:absolute;
bottom:5%;
opacity:0;
text-transform : uppercase;
margin-bottom:30px;
}
.bf-te1 font{
font-weight:600;
font-size:22px;
}
.bf-te1>p{
font-size:48px;
color:#FFF;
padding-left:5%;
line-height:48px;
}
.readmore{
width:100%;
position:absolute; bottom:0%;
opacity:0;
}
.readmore a:hover{background-color: rgba(0, 0, 0, .7);border:1px solid #000;}
.readmore a{
margin-left:5%;
margin-bottom:0;
width:200px;
text-align:center;
line-height:35px;
border:1px solid #fff;
font-size:14px;
color:#fff;
display:block;
font-family:Verdana, Geneva, sans-serif;
}
.banner-num{
width:100%;
position:absolute;
left:0px;
bottom:5%;
margin-top:-40px;
z-index:101;
}
.banner-num>ul{
padding-left:0;
margin-bottom:0;
text-align:center;
width:100%;
}
.banner-num>ul li{
width:12px;
height:12px;
background:#fff;
border-radius:5px;
margin-top:25px;
display:inline-block;
margin-right:10px;
}
.banner-list>li:nth-child(1){
/*background:url(../images/banner_bg1.jpg) no-repeat;*/
background-size:100% 100%;
}
.banner-list>li:nth-child(2){
/*background:url(../images/banner_bg2.jpg) no-repeat;*/
background-size:100% 100%;
display:none;
}
.banner-list>li:nth-child(3){
/*background:url(../images/banner_bg3.jpg) no-repeat;*/
background-size:100% 100%;
display:none;
}
.numon{
background:#888 !important;
}
/***banner***/
/*******list********/
.foot-nav
{
width:100%;
margin-top:30px;
margin-bottom:30px;
background:#FFF
}
.foot-nav .fn
{
width:100%;
position:relative;
}
.foot-nav .fn .content
{
width:100%;
overflow:hidden;
position:relative
}
.foot-nav .fn .content img{
-webkit-transform: scaleX(1) scaleY(1);
transition: all 3s;
-webkit-transition: all 3s;}
.foot-nav .fn .content img:hover{transform:scaleX(1.1) scaleY(1.1);
-webkit-transform:scaleX(1.1) scaleY(1.1);}
.foot-nav .fn .bg
{
width:100%;
overflow:hidden;
background:#000;
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity:0.4;
opacity: 0.4;
position:absolute;
top:0;
}
.foot-nav .fn .content .txt
{
width:100%;
height:100px;
line-height:25px;
text-align:center;
font-family:"Microsoft JhengHei", "Microsoft YaHei","Arial";
font-size:14px;
margin-top:115px;
z-index:11;
position:absolute;
cursor:pointer;
color:#fff;
top:50%; margin-top:-60px;
}
.cplist{margin-top:15px; margin-bottom:30px;}
#txt1 h4{ margin-bottom:5px;}
#txt1 a{ width:100px; color:#fff; border:#fff 1px solid; line-height:30px; display:block; margin:20px auto;}
#txt1 a:hover{ color:#fff; border:#d83720 1px solid; background:#d83720}
/*******list********/
/*******footer********/
.footer{background:#f0f0f0; width:100%; padding-top:30px; padding-bottom:20px; text-align:center;}
.foot_warpper_one{ float:left;}
.foot_warpper_one p{ text-align:left; margin-bottom:0px; line-height:20px; color:#333; font-size:12px; font-family:"微软雅黑";}
.foot_warpper_one a:hover p{color:#d83720;}
.foot_warpper_one span{ display:block; text-align:left; margin-bottom:30px; font-weight:bold; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:40px}
.unohacha{ width:140px; height:35px; margin-top:10px; float:right;}
.shuru{ width:100%; height:40px; margin-bottom:30px; }
.shuru_left{ width:81%; height:30px; float:left;}
.shuru_right{ width:19%; height:32px; float:right; background:#bfbfbf; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-align:center; line-height:32px;}
.shuru_right a{ color:#fff}
.shuru_right a:hover{ color:#221e1f}
.sub_menu{ width:220px; height:33px;padding-top:10px;}
.sub_menu li{ width:33px; height:33px; float:left; margin-right:5px; position:relative}
.sub_menu li span{ position:absolute; left:0px; top:0px; display:none; line-height:normal;}
.liuyan{ width:280px; float:right;}
.liuyan_btn{ width:70px; font-size:14px; color:#fff; background:#000; line-height:44px; float:left; }
.input1{ float:left; outline-color:#d83720; width:75%; border:#333 2px solid; text-align:center; color:#333; font-size:16px; line-height:38px;}
.banquan{ float:left;line-height: 44px; text-align:left;
color: #333;font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.unohacha_logo {
float: right;
}
/*******footer********/
.phone{ display:none; }
.banner_list6{
}
.banner_list7{
}
.banner_list6_nr img{width:100%; }
.banner_list7_nr img{width:100%; }
@media (max-width: 1200px) {
.banner_list4_nr img{ display:none;}
.banner_list4_nr { width:80%; left:10%;}
.banner_list5_nr{ width:80%; left:10%;}
.banner_list5_nr img{ display:none;}
.banner_list5_nr p { }
.banner_list1_nr p{ }
.banner_list3_nr{ margin-top:-58px;}
.jush{ margin-top:18% !important;}
.banner_list4_nr p{ font-size:18px;}
.banner_list5_nr p{ font-size:18px;}
.banner_ln{ width:35%; bottom:18px;}
.banner_list3_nr p{ font-size:18px;}
}
@media (max-width: 768px) {
.indexnewsitem .col-lg-4{ padding-right:15px;}
.navbar-nav{ background:#fff; margin-top:0px; float:none;}
.navbar-nav li{ text-align:center; border-bottom:1px dotted #e5e5e5;}
.navbar-nav a{ color:#666;}
.navbar-nav a:hover{ color:#118bce;}
.navbar-header{ background:#d5392a;}
.navbar-collapse{border-top: 1px solid #e5e5e5;}
nav{ margin-top:0px;}
header{ display:block; position:fixed; top:0px; width:100%; left:0px; z-index:9999; background:#000 !important;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.headerbg{background:#d7d2cb;}
.pcheader{ display:none;}
.navbar-toggle {}
.banner{ margin-top:64px;}
.logo_boxlist{ float:left; height:65px;}
.phone .container{ padding:0px;}
.daohang{ display:none;}
.phone{ display:block;}
.cplist{ width:100% !important;}
.cont1{ display:none;}
.cont2{ display:none;}
.cont3{ display:none;}
.banner_ln{ display:none;}
.liuyan{ float:none; margin:30px auto;}
.banquan{ display:none;}
.foot-nav{ height:auto;}
.foot-nav .fn{ margin-top:30px;}
.banner_wz img{ width:100%;}
.index_fl{ margin-top:20px !important;}
.index_ms{ padding-left:0 !important;}
.index_fy{ padding-right:0 !important;}
.banner-list{ position:relative;}
.pic_box{ padding-left:2%; padding-right:2%; margin-top:32%; position:absolute; left:0%; bottom:0%;}
.pictop{ overflow:hidden; padding-bottom:2%;}
.topleft{width:49%;float:left;}
.topright{width:49%;float:right;}
.center{ padding-bottom:2%;}
.picbottom{ overflow:hidden; width:100%;}
.bottom1{ width:50%;float:left;}
.bottom2{ width:25%; float:left;}
.bottom3{ width:25%;float:left;}
}
@media screen and (min-width:1000px) and (max-width: 1365px) {
.abwz_nm{
font-size:14px;
}
.abwz_wzjs{
font-size:12px;
}
}
@media screen and (min-width:768px) and (max-width: 1200px) {
.daohangnav{ width:100%;}
.menu ul li{padding: 0 15px 0 15px}
}
@media (max-width: 1024px) {
.about_div1{
background:none;
}
#abul li{
width:100%;
}
.banner_list1_nr h1{ color:#fff; font-size:16px; text-align:center; font-family:"微软雅黑"; padding-top:0;}
.banner_list3_nr{margin-left: -12% !important;}
.banner_list4_nr p{margin-top:13%}
.banner_list5_nr p{margin-top:13%}
}
@media (max-width: 980px)
.abli0 {
display: none;
}