/* CSS Document */

*{list-style:none;}
a img{ border:0;}

a:link {color: #555;text-decoration:none; }
a:visited {color: #555;text-decoration:none}
a:hover {color: #CC1119;text-decoration:none}
a:active {color: #555;text-decoration:none}

.clear{ width:0; height:0; overflow:hidden; display:block; clear:both;}
html{ margin:0}
body{ font-size:12px;margin:0 auto; line-height:24px; color:#555;}
ul,li,img,p,dl,dt,dd,h2{ margin:0; padding:0; border:0}
table,td{border-collapse:collapse}
.red{color:#FF0000}
.red1{color:#A20000}
h1{font-size:28px; font-weight:bolder}
h2{ border-bottom:1px solid #DFE4E7; line-height:35px; font-size:15px; margin-bottom:10px;}
.lvse{ color:#43990A; font-size:15px;}
a.lvse{ color:#43990A;}
.huise{ color:#43990A}
.imgborder{ border:1px solid #D1D1D1; padding:2px;}

@font-face {
    font-family: 'DINBold_0';
    src:url('DINBold_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.shuzi{
    font-family:"DINBold_0";
}

.arrow_up{                  
    position:absolute;  
    bottom: 100px;  
    color:#000;
	width:100%; 
}  
.arrow_up span{  
    position: absolute; width:100%; text-align:center;   
    height: 55px;  
    -webkit-transform:rotate(0deg);  
    opacity: 0;  
    -webkit-animation: up 2s infinite;  
    animation: up 2s infinite;
}  
.arrow_up span:nth-of-type(2){  
    top: 20px;  
}  
.arrow_up span:nth-of-type(1){  
    -webkit-animation-delay: .15s;  
    animation-delay: .15s;  
}  
@-webkit-keyframes up{ 
    0%{  
        opacity: 0;  
        -webkit-transform: translate(0, 0) -webkit-rotate(0deg);  
    }  
    50%{  
        opacity: 1;  
        -webkit-transform: translate(0, -20px) -webkit-rotate(0deg);  
    }  
    100%{  
        opacity: 0;  
    }  
}  
@keyframes up{  
    0%{  
        opacity: 0;  
        transform: translate(0, 0) rotate(0deg);  
    }  
    50%{  
        opacity: 1;  
        transform: translate(0, -20px) rotate(0deg);  
    }  
    100%{  
        opacity: 0;  
    }  
}  
.zuobian{  float:left; overflow:hidden}
.leftside{ border-right:1px solid #E9E9E9;  height:100%; width:14%}
.logo{ text-align:center; padding-top:50px;}
.kouhao{  float:left; text-align:center; margin-top:140px;}
.rightside{ padding-right:30px;}
.morecase{ text-align:right;padding-top:50px;}
.leibie{ border-bottom:1px solid #D7D7D7; font-size:18px; line-height:50px; height:50px; margin-top:30px;}
.leibie a{ display:block; margin-right:40px; float:left}

.leibie1{ border-top:1px solid #D7D7D7; font-size:18px; line-height:50px; height:50px; margin-top:20px; overflow:hidden; margin-bottom:20px;}
.leibie1 a{ display:block; margin-right:40px; float:left}
.leibie1name{ font-size:60px; margin-top:30px; color:#000; line-height:40px;}
.prolist{padding-right:20px; width:25%; margin:0px 0 20px}

.leibie2{ font-size:18px; line-height:50px; height:50px; margin-top:50px; overflow:hidden; margin-bottom:20px;}
.leibie2 a{ display:block; margin-right:40px; float:left; color:#555;}
.leibie2 a span{ margin-right:10px; color:#000;}

.cpmainatxt{ display:block;padding:20px 20px 10px;}
/*.cpmainatxt:hover{ display:block; color:#FFF;}*/

.cpmaina{ background-color:#F2F3F5; transition:all 0.5s;}
.cpmaina:hover{background-color:#666666; color:#FFF}
.cpmaina:hover a{color:#FFF}

.page{width:100%;height:100%;}

.page3{}
.page4{}
.containter{width:100%;height:100%;position:absolute;left:0;top:0;}
body,html{height:100%;overflow: hidden;}
.dian{position:absolute;right:20px;top:50%;text-align: center;}
.dian ul{text-align:center;width:14px;}
.dian li{width:10px;height:10px;border-radius: 50%;background: #999;text-align: center;margin:0 auto;margin-bottom: 10px;cursor:pointer;}
.dian .da{width:14px;height:14px;}
.nav li{ font-size:20px; color:#000; padding:16px 0 10px;cursor:pointer; line-height:18px;}
.nav li span{ font-size:10px; color:#555}
.nav .bg{background:#D30B16;color:#fff; }
.nav .bg span{background:#D30B16;color:#fff;}



.about{ width:50%; border-top:1px solid #D7D7D7; float:left; padding:30px 150px 10px 0; line-height:35px}
.about1{ font-size:18px; color:#000}
.about2{ font-size:126px; font-weight:bold; color:#CD0319; line-height:130px;}
.about2 span{font-size:18px; color:#000}
.about3{font-size:18px; color:#666; line-height:28px; margin-top:-20px;}

.rongyuk{ width:250px; float:left; display:block; text-align:center; padding:20px 30px 0; cursor:pointer; margin-top:10px;}
.rongyukt{ border-top:1px solid #D7D7D7; text-align:center; margin-top:10px; font-size:16px; line-height:35px; color:#555;}
.rongyuk:hover .rongyukt{ background-color:#4D4D4D; color:#FFF}
.rongyuktanchu{width:190px; background-color:#4D4D4D; margin-top:-22px; border-top:1px solid #717372; padding:5px 10px; color:#CCC;}
.rongyuktanchudate{ color:#C67728; border-bottom:1px solid #C67728}

.btnxxal{ font-size:20px; line-height:25px;}

.topmain{position:fixed; left:0; top:0; width:100%; z-index:9999999999; background:url(../images/dinglan.png) left top repeat-x; height:80px}


.logoen{ font-size:66px; color:#D0011B; line-height:86px;}
.logocn{font-size:46px; color:#000}
.dizhia{ font-size:30px; margin-top:40px; color:#000}
.dizhia span{ font-size:14px;}
.dianhua{ font-size:25px; line-height:45px;color:#000; text-align:right}
.copy{ font-size:20px; text-align:right; margin-top:410px;}
.tupian img{ width:100%}
.banner .pointer{ display:none}
.banner .pager-prev{ padding-right:3px;}
.banner .pager-next{ padding-left:3px; }
.beian{font-size:16px;text-align: center; margin-top: 20px;}