.product{height:auto;margin:100px 0px 100px 0px}
.product .title{height:auto;text-align:center}
.product .title h2{height:50px;font-size:36px;line-height:50px}
.product .title span{margin:5px 0px;width:100px;background:#0c55a8 none repeat scroll 0 0;display:block;height:2px;margin:15px auto;position:relative}
.product .title p{width:65%;margin:0 auto;font-size:16px;line-height:30px}


.product .item{height:auto;text-align:center;margin:50px 0px 0px 0px;position:relative}
.product .item .item_li{margin:0px 0px 20px 0px}
.product .item .photo{height:auto;text-align:center;text-align:center;overflow:hidden;position:relative}
.product .item .photo img{height:300px;transition:all 1s ease;width:100%}
.product .item .photo:hover img{transform:scale(1.1);transition:all 1s ease}
.product .item .name{height:40px;line-height:40px;font-size:16px;background-color:#0c55a8;color:#fff}
.product .item .link{position:absolute;width:100%;height:100%;top:0;color:#fff;background:rgba(89,89,89,0.65) none repeat scroll 0 0;-webkit-transition:.4s;transition:.4s;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);visibility:hidden}
.product .item .photo:hover .link h4{-webkit-animation:fadeInDown 500ms ease-in-out;animation:fadeInDown 500ms ease-in-out}
.product .item .photo:hover .link p{-webkit-animation:fadeInDown 600ms ease-in-out;animation:fadeInDown 600ms ease-in-out}
.product .item .photo:hover .link .btn{-webkit-animation:fadeInUp 600ms ease-in-out;animation:fadeInUp 600ms ease-in-out}
.product .item .photo:hover .link{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);visibility:visible}
.product .item .link .wrap{display:table;height:100%;width:100%}
.product .item .link .content{display:table-cell;vertical-align:middle}
.product .item .link h4{font-size:16px;color:#fff;font-weight:bold;height:40px;line-height:40px}
.product .item .link p{height:40px;line-height:40px;font-size:16px}
.product .item .link .btn{border:1px solid #fff}
.product .item .link .btn a{font-size:16px;color:#fff}







.about_bg{ height: auto;padding: 0px 0px 80px 0px}
.our_services{position:relative}
.our_services:before{background:rgba(0,0,0,0.8);content:"";height:100%;left:0;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";position:absolute;top:0;width:100%}
.about{ margin: 120px 0px 100px 0px;color: #fff;   position:relative;  z-index:2 ;}
.about .name_box{font-size: 50px;line-height: 50px;text-align: center;}
.about .name_en_box{font-size: 30px;line-height: 30px;margin: 20px 0px;text-align: center;}
.about .con_box{font-size: 16px;line-height: 30px;margin: 20px 0px;padding: 0px;;text-align: left;text-indent: 0em}
.about .btn_box{ width: 100%; text-align: center;}
.about-btn{background-color:#0c55a4;font-size:14px;font-weight:500;line-height:initial;text-align:center;color:#fff;padding:14px 32px;border:0px;border-radius:3px;text-transform:uppercase;display:inline-block;transition:all .4s ease;}
.about .num_box{font-size: 16px;line-height: 30px;margin: 80px 0px 0px 0px;padding: 0px} 
.about .num_box .item_li{background-color: #fff}
.about .num_box .item_li:nth-child(1) {border-right: 1px solid #ddd;}
.about .num_box .item_li:nth-child(3) {background: rgb(12 85 164 / 85%);border-right: 1px solid rgba(255,255,255,.2);}
.about .num_box .item_li:nth-child(3) h2{ color: #fff;}
.about .num_box .item_li:nth-child(3) p{ color: #fff;}
.about .num_box .item_li:nth-child(3) i{ color: #fff;}
.about .num_box .item_li:nth-child(4) {background: rgb(12 85 164 / 85%);}
.about .num_box .item_li:nth-child(4) h2{ color: #fff;}
.about .num_box .item_li:nth-child(4) p{ color: #fff;}
.about .num_box .item_li:nth-child(4) i{ color: #fff;}
.about .num_box .item_box{margin:40px;text-align:center}
.about .num_box .item_box h2{font-family:'arial',sans-serif;font-size:48px;color:#0c55a4;line-height:48px;display:inline-block}
.about .num_box .item_box i{font-family:'arial',sans-serif;font-size:16px;color:#0c55a4;line-height:48px;display:inline-block}
.about .num_box .item_box p{font-family:'arial',sans-serif;font-size:16px;color:#333;line-height:30px}
.about .num_box .item_box:nth-child(3) h2{color: #fff;}
.about .num_box .item_box:nth-child(4) h2{color: #fff;}
.about .num_box .item_box:nth-child(3) i{color: #fff;}
.about .num_box .item_box:nth-child(4) i{color: #fff;}



@media only screen and (max-width:768px){
.about .num_box .item_box h2{font-family:'arial',sans-serif;font-size:28px;color:#0c55a4;line-height:48px;display:inline-block}
.about .num_box .item_box i{font-family:'arial',sans-serif;font-size:16px;color:#0c55a4;line-height:28px;display:inline-block}
}
@media only screen and (max-width:480px){
.about .num_box .item_box h2{font-family:'arial',sans-serif;font-size:28px;color:#0c55a4;line-height:48px;display:inline-block}
.about .num_box .item_box i{font-family:'arial',sans-serif;font-size:16px;color:#0c55a4;line-height:28px;display:inline-block}
}
@media only screen and (max-width:360px){
.about .num_box .item_box h2{font-family:'arial',sans-serif;font-size:28px;color:#0c55a4;line-height:48px;display:inline-block}
.about .num_box .item_box i{font-family:'arial',sans-serif;font-size:16px;color:#0c55a4;line-height:28px;display:inline-block}
}


.C_photo_bg{ height: auto;padding: 0px 0px 80px 0px;position:relative;background-color: #fff}

.C_photo{height:auto;margin:100px 0px 100px 0px}
.C_photo .title{height:auto;text-align:center}
.C_photo .title h2{height:50px;font-size:36px;line-height:50px;color: #333;font-weight: bold;}
.C_photo .title span{margin:5px 0px;width:100px;background:#0c55a8 none repeat scroll 0 0;display:block;height:2px;margin:15px auto;position:relative}
.C_photo .title p{width:65%;margin:0 auto;font-size:16px;line-height:30px}

.C_photo .item{height:auto;text-align:center;margin:50px 0px 0px 0px;position:relative}
.C_photo .item .item_li{margin:0px 0px 20px 0px}
.C_photo .item .photo{height:auto;text-align:center;text-align:center;overflow:hidden;position:relative}
.C_photo .item .photo img{height:auto;transition:all 1s ease;width:100%}
.C_photo .item .photo:hover img{transform:scale(1.1);transition:all 1s ease}
.C_photo .item .name{height:40px;line-height:40px;font-size:16px;background-color:#0c55a4;color:#fff}
.C_photo .item .link{position:absolute;width:100%;height:100%;top:0;color:#fff;background:rgba(89,89,89,0.65) none repeat scroll 0 0;-webkit-transition:.4s;transition:.4s;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);visibility:hidden}
.C_photo .item .photo:hover .link h4{-webkit-animation:fadeInDown 500ms ease-in-out;animation:fadeInDown 500ms ease-in-out}
.C_photo .item .photo:hover .link p{-webkit-animation:fadeInDown 600ms ease-in-out;animation:fadeInDown 600ms ease-in-out}
.C_photo .item .photo:hover .link .btn{-webkit-animation:fadeInUp 600ms ease-in-out;animation:fadeInUp 600ms ease-in-out}
.C_photo .item .photo:hover .link{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);visibility:visible}
.C_photo .item .link .wrap{display:table;height:100%;width:100%}
.C_photo .item .link .content{display:table-cell;vertical-align:middle}
.C_photo .item .link h4{font-size:16px;color:#fff;font-weight:bold;height:40px;line-height:40px}
.C_photo .item .link p{height:40px;line-height:40px;font-size:16px}
.C_photo .item .link .btn{border:1px solid #fff}
.C_photo .item .link .btn a{font-size:16px;color:#fff}


.case{height:auto;margin:150px 0px 150px 0px}
.case .title{height:auto;text-align:center}
.case .title h2{height:50px;font-size:36px;line-height:50px}
.case .title span{margin:5px 0px;width:100px;background:#0c55a8 none repeat scroll 0 0;display:block;height:2px;margin:15px auto;position:relative}
.case .title p{width:65%;margin:0 auto;font-size:16px;line-height:30px}
.case .item{height:auto;text-align:center;margin:50px 0px 0px 0px;position:relative}
.case .item .case_li{background-color: #fff;font-size: 30px;line-height: 120px}
.case .item .case_li:hover{background-color: #0c55a4; color: #fff}


.news{height:auto;margin:120px 0px 120px 0px}
.news .title{height:auto;text-align:center}
.news .title h2{height:50px;font-size:36px;line-height:50px}
.news .title span{margin:5px 0px;width:100px;background:#0c55a8 none repeat scroll 0 0;display:block;height:2px;margin:15px auto;position:relative}
.news .title p{width:65%;margin:0 auto;font-size:16px;line-height:30px}
.news .item{height:auto;text-align:center;margin:50px 0px 0px 0px;position:relative}
.news .news_l{}
.news .news_l{}
.news .news_r{}
.news .news_photo{width:100%;overflow:hidden;position:relative;max-height: 300px;}
.news .news_photo img{width:100%;transition:all 1s ease;}
.news .news_photo:hover img{transform:scale(1.1);transition:all 1s ease}
.news .news_li{margin-bottom:22px;background-color:#fff;padding:20px}
.news .news_li .date{color:#5f5f5f;font-size:18px;text-align:left;line-height:30px}
.news .news_li .title{color:#333;font-size:22px;text-align:left;line-height:50px;font-weight:bold}
.news .news_li .desc{color:#5f5f5f;font-size:14px;text-align:left;line-height:30px;max-height: 30px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.news .news_li:hover .date{color:#5f5f5f;font-size:18px;text-align:left;}
.news .news_li:hover .title{color:#0c55a4;font-size:24px;text-align:left;font-weight:bold}
.news .news_li:hover .desc{color:#5f5f5f;font-size:14px;text-align:left;}
.news .news_li:hover .date:after{content:'»';transition:0.5s;padding-left:10px}
.news .news_li:after{position:absolute;left:0;top:0;width:0;height:100%;background-color:#fff;content:"";z-index:-1;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out}
.news .news_li:hover::after{width:100%;box-shadow:0 0 8px 6px rgba(5,74,143,.08);-webkit-box-shadow:0 0 8px 6px rgba(5,74,143,.08)}
.news .news_li:hover{box-shadow:0 0 8px 6px rgba(5,74,143,.08)}




.contact_area{position:relative}
.contact_area:before{background:rgba(0,0,0,0.8);content:"";height:100%;left:0;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";position:absolute;top:0;width:100%}
.contact{background:#fff;padding:60px}
.form-control{background:none;border:1px solid #e8e8e9;border-radius:0;box-shadow:none;height:45px;font-family:"Roboto Slab",sans-serif;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.form-control:focus{color:#333;border:1px solid #03a9f4;background:none;box-shadow:none;outline:0 none}
.btn-contact-bg{background:#03a9f4 none repeat scroll 0 0;border-radius:0;color:#fff;font-family:montserrat,sans-serif;font-size:14px;padding:10px 40px;text-transform:uppercase;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.btn-contact-bg:hover,.btn-contact-bg:focus{background:#222;border:1px solid #222;color:#fff}
.mb0{margin-bottom:0}
.code{font-family:Arial;font-style:italic;color:blue;font-size:30px;padding:2px 3px;letter-spacing:3px;font-weight:bolder;float:left;cursor:pointer;height:45px;line-height:45px;text-align:center;vertical-align:middle}