body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*??????????*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#666; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
body,button, input, select, textarea ,p ,a/* for ie */ {font-family: "微软雅黑", tahoma, arial;font-size: 14px;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;  font-weight:100;}
a{ }


.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.w1200 {
    width: 1200px;
    margin: 0 auto;}



.pro h1{ text-align:center; font-size:38px; font-weight:bold  ;}

.pro h2{text-align:center; font-size:16px; color:#b6b6b6; line-height:50px;}
 

.pro{ margin-top:50px;}
.pro ul a{ display:block;width: 236px;    height: 196px; float:left;margin:0 2px 30px 2px; }
.pro ul a:hover{box-shadow: 3px 3px 3px  2px #CCC; }
.pro ul{ margin-top:50px;}
.pro ul li{ float:left; width:236px; height:196px;   margin:0 2px 30px 2px; background:#efefef ; }
.pro ul li em{ line-height:30px; text-align:center; color:#fff; background:#2e86d4;display: block;width: 100%;height: 30px;}
.pro_menu{ border:1px solid #b2b2b2;}
.lb_list{ float:left; display:inline-block; padding:25px;}
.lb_list a{ display:block; line-height:35px;}
.pro_xian{ border-left:1px solid #666; height:105px; float:left; margin-top:40px;}



.fangans{ height:731px; margin:80px 0 50px 0; background:url(../images/fangan.jpg) no-repeat center; color:#FFF  }
.fangans h1{ text-align:center; font-size:38px; padding-top:30px;font-weight:bold  }
.fangans h2{text-align:center; font-size:16px;  line-height:30px; margin-bottom:30px;}

.fangans ul{ width:611px;}
.fangans ul li { text-align:center;border-radius:5px; width:190px; height:273px; background:#FFF; float:left; margin-right:4px; margin-bottom:5px; }
.fangans ul li em{ color:#2287df;font-size:22px; margin-top:10px;}
.fangans ul li a{ display:block; width:180px; height:40px; text-align:center; line-height:40px; background:#2e86d4; color:#FFF; font-size:20px;border-radius:5px; margin: 10px auto 0; } 



.cases{}
.als h1{ text-align:center; font-size:38px;  font-weight:bold ; }
.als h2{text-align:center; font-size:16px;  line-height:50px;  color:#999;}

.als_con{margin-top: 40px;}
.als_con dt{display: block;width: 739px;height:415px ;float: left;}
.als_con dt img{display: block;width: 739px;height:415px ;}
.als_con dd{ float: right;width: 415px;}
.als_con dd h3 a{ display: block;padding-top: 20px;font-size:36px ;color: #333333;line-height: 100px;height: 100px;background: url(../images/als_tb.png) no-repeat left bottom;font-weight: bold;}
.als_con dd p{ display: block;padding-top: 30px;font-size:16px ;color: #666666;line-height: 30px;}
.als_con dd .more{display: block;width: 124px;height: 34px;text-align: center;line-height: 34px;margin-top: 30px;background: #2e86d4;font-size: 16px;color: #fff;}

.als_t ul{ margin-top: 52px;border-top: 1px solid #e5e5e5;}
.als_t ul li{ float: left;padding-right: 172px;position: relative;}
.als_t ul li:last-child{ padding-right: 0;}
.als_t ul li:after{ position: absolute;left: 198px;top: 34px;width:1px ;height: 50px;background: #e5e5e5;content: "";}
.als_t ul li:last-child{ padding-right: 0;}
.als_t ul li:last-child:after{ background: 0;}
.als_t ul li em{ display: block;width: 50px;height: 50px;overflow:hidden;margin: 0 auto;padding-top: 10px;}
.als_t ul li em img{ display: block;width: 50px;height: 50px;transition: all 0.3s;}
.als_t ul li:hover em,.als_t ul li.cur em{ border-top: 4px solid #2e86d4;}
.als_t ul li:hover em img:nth-child(1),.als_t ul li.cur em img:nth-child(1){margin-top:-60px;}
.als_t ul li span{ display: block;font-size:24px ;line-height: 24px;color: #000000;margin-top: 14px;text-align: center;}
.als_t ul li:hover span,.als_t ul li.cur span{ color: #2e86d4;}

.honors{}
.honors h1{ text-align:center; font-size:38px; padding-top:50px;font-weight:bold  }
.honors h2{text-align:center; font-size:16px;  line-height:50px;  color:#999}
.honor_bg{background: url(../images/djry_bg.jpg) no-repeat ; height:515px; margin-top:30px; padding-top:120px; line-height:35px; font-size:18px}
.honor_bg a{ margin:0 7px; float:left; text-align:center; color:#E2E2E2;}
.honor_bg img{ display:block; text-align:center; margin-bottom:5px;}

.youshi{background:#f2f2f2;height: 814px; }
.youshi h1{ text-align:center; font-size:38px; padding-top:50px;font-weight:bold;  }
.youshi h2{text-align:center; font-size:16px;  line-height:50px;  color:#999; }



.youshi_con dl{ height: 257px;padding:20px 0 20px 20px;width: 566px;margin-top: 30px;float: left;background: #fff;}
.youshi_con dl:nth-child(2n){ float: right;}
.youshi_con dt{ display: block;width: 281px;height: 257px;float: left;}
.youshi_con dt img{ display: block;width: 281px;height: 257px;}
.youshi_con dd{ float: left;width: 267px;padding-left: 18px;}
.youshi_con dd h3{ display: block;padding-top: 40px;font-size:22px ;color: #2e86d4;line-height: 22px;font-weight: bold; }
.youshi_con dd h3 em{ display: block;padding-top:8px ;opacity: 0.3;font-weight: normal;font-size: 12px;line-height: 12px;}
.youshi_con dd p{ display: block;padding-top: 20px;font-size:15px ;color: #666666;line-height: 26px;width: 226px;}

.td_bg{ background:#f2f2f2;}
.td_bg h1{ text-align:center; font-size:38px; padding-top:50px;font-weight:bold;  }
.td_bg h2{text-align:center; font-size:16px;  line-height:50px;  color:#999;}
.td_bg img{ width:1920px;height: 403px;margin-left: -360px;}

 
.about_bg{ background:url(../images/about.jpg) no-repeat center top; height:844px; }

.about_bg .t2{ margin:340px 0 20px 495px; font-size:26px;}
.about_bg .t2 em{ display:inline-block; font-size:38px; color:#2e86d4;}
.about_bg .show2{ margin:0  15px  0   495px;  }
.about_bg .show2 p{ text-indent:2em; color:#280505; line-height:25px;}


.tels{ background:url(../images/tel.jpg) no-repeat center; height:295px; margin:80px 0  30px }


html {font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}