﻿.banner{position:relative;width:100%;height:auto;overflow:hidden;}
.banner .container{height:100%;}
.banner .contents{position:absolute;left:0px;width:100%;height:100%;}
.banner .content{position:absolute;top:0px;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:left top;text-align:center;}
.banner .contentInfo{display:none;overflow:hidden;position:absolute;top:50%;left:100px;width:675px;height:200px;margin-top:-100px;z-index:1;text-align:left;}
.banner .contentInfo .sub{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:17px;left:8px;width:2px;height:120px;background:#fff;}
.banner .contentInfo .sub{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;-webkit-transform-origin:left bottom;}
.banner .contentInfo .quan{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:128px;left:0px;width:14px;height:14px;border:2px solid #fff;border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;-webkit-border-radius:16px;}
.banner .contentInfo .title{text-shadow:0px 0px 3px #b67ebc;position:absolute;left:32px;top:8px;line-height:50px;font-size:40px;color:#fff;font-family:"微软雅黑";}
.banner .contentInfo .info{text-shadow:0px 0px 3px #b67ebc;position:absolute;left:32px;top:70px;line-height:32px;font-size:20px;color:#fff;}
.banner .contentInfo .btn{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:146px;left:32px;color:#fff;border:1px solid #fff;text-align:center;line-height:32px;width:110px;height:30px; border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;}
.banner .bannerNav{position:absolute;bottom:10px;width:100%;text-align:center;z-index:2;}
.banner .bannerNav .bannerNavChild{margin:0 10px;width:10px;height:10px;display:inline-block;*display:inline;*zoom:1;background:#fff;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;cursor:pointer;}
.banner .bannerNav .bannerNavChild.on{background:#000;
animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-moz-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-webkit-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-o-animation:bannerNavChildOn .2s  ease-in-out 0s  both;}
.banner .bannerBg{width:100%;height:auto;vertical-align:middle;}

.banner_box{padding:0px 0 15px 0;}

.other{position:relative;padding:30px 0 30px 0;text-align:center;}

.nb-font-1{text-align:center;color:#000;font-size:24px;padding-top:0px;}
.nb-font-2{text-align:center;color:#9f9f9f;font-size:13px; padding-top:8px;}

.ty-ul{ padding-top:0px; border:1px solid #ddd; width:100%; height:315px; border-right:none;}
.ty-ul dd{ float:left; }
.ty-ul dd a{float:left;width:274px;margin:0px 0px;background:#fff; transition:all 0.2s linear;position:relative; border-right:1px solid #eee;}

.ty-ul dd p{ float:none;height:50px;line-height:50px;text-align:center;overflow:hidden; font-size:16px;   width:240px; margin:0px 15px 0px 15px;}
.ty-ul dd .info{ float:none;height:22px;line-height:22px;text-align:center;overflow:hidden; color:#999; font-size:12px; width:240px; margin:0px 15px 0px 15px;}
.ty-ul dd a:hover p,.ty-ul dd a:hover .info{color:#123986;}
.ty-ul dd a:hover p{background:#FF6600; color:#fff;}
.ty-ul dd .oter_more{  text-align:center; width:150px; height:34px; line-height:30px; margin:0 auto; color:#123986; margin-top:0px;margin-bottom:0px;}
.ty-ul dd a:hover .oter_more{ color:#123986;background:url(../images/c_home_pro_more_hover.png) no-repeat center center;}


.other .other_content{width:1100px;height:320px;display:inline-block;*display:inline;*zoom:1; vertical-align:text-top; padding-top:20px;}

.news{padding:40px 0 20px 0;background: url(../images/m_newsbg.jpg) center top no-repeat; text-align:center;}
.news .container{height:320px;margin:10px auto 0 auto;}
.news .contents{position:relative;width:1100px;height:415px;overflow:hidden;}
.news .content{position:absolute;top:0;left:0;}
.news .child{display:none;position:absolute;width:280px; background:#fff;}
.news .child .childImg{width:280px;height:200px;overflow:hidden;}
.news .child .childImg{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.news .child .childImg:hover{box-shadow:0px 0px 5px #000;-moz-box-shadow:0px 0px 5px #000;-ms-box-shadow:0px 0px 5px #000;-o-box-shadow:0px 0px 5px #000;-webkit-box-shadow:0px 0px 5px #000;}
.news .child .childImg img{ vertical-align:middle;width:100%;height:100%;}
.news .child .childImg img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s; -webkit-transition-duration: 1s; }
.news .child .childImg img:hover{ transform:rotate(0deg) scale(1.2);-moz-transform:rotate(0deg) scale(1.2);-ms-transform:rotate(0deg) scale(1.2);-o-transform:rotate(0deg) scale(1.2);-webkit-transform:rotate(0deg) scale(1.2);}
.news .child .childTitle{line-height:30px;color:#666;font-size:15px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding:15px 5px 0px 5px;}
.news .child .childmiore{color:#999999;font-size:12px;line-height:20px; padding:5px 5px; display:inline-block;  border:1px solid #ccc; width:80px; margin:10px auto; border-radius:5px;}
.news .child .childmiore:hover{ border:1px solid #294986; color:#294986; }
.news .child .childInfo{color:#878787;font-size:12px;line-height:22px; padding-bottom:0px;padding:5px 5px 5px 5px;}
.news .navBtn{position:absolute;top:150px;height:46px;cursor:pointer;}
.news .navBtn.leftBtn{left:-60px;}
.news .navBtn.rightBtn{right:-60px;}
.news .child:hover{ background:#efefef;}
.news .child:hover{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.product_640{ display:none;}

.work{position:relative; text-align:left;padding:0px;background:#383D41;}
.work .container{height:422px;}
.work{position:relative;width:100%;margin:0px auto;}
.work:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.work .left{ float:left; width:245px; background:#1d3974; height:422px; color:#fff;}
.work .left h2{ font-size:20px; margin:120px 20px 0px;}
.work .left .line{ width:50px; height:1px; background:#fff;margin:15px 20px 0px 20px;}
.work .left p{ font-size:12px; width:200px; margin:10px 20px 0px 20px; color:#fff; line-height:25px;}
.work .workmore{ width:150px; height:33px; text-align:left; line-height:33px; margin:10px 20px; font-size:12px; }
.work .workmore a{ color:#fff; display:block;}

.work .right{ float:left; width:855px;}
.work .right dd{ float:left; width:285px; height:422px; background:#000;position:relative; margin:0px; padding:0px;}
.work .right dd .home_right_pic{  z-index:1px; left:0px; top:0px; position:absolute;}
.work .right .pro_list_liaa{overflow:hidden;height:422px; text-align:center;  width:285px;}
.work .right .pro_list_li_spanaa{height:422px; display:inline-block; vertical-align:middle; }
.work .right .pro_list_liaa img{ max-width:100%; max-height:100%;}
.work .right dd .ico{ z-index:2; width:100%; text-align:center; margin:0 auto; top:30%; position:absolute;}
.work .right dd .lineaa{ z-index:2; background:#fff; width:30px; height:2px; top:50%; position:absolute; text-align:center; margin:0 auto; left:45%;}
.work .right dd p{ z-index:2; color:#fff; text-align:center; font-size:18px; margin:0 auto; width:285px; top:55%; position:absolute;}

.aboutus{padding:30px 0 0px 0;background: url(../images/benifit-bg.png) center top no-repeat; text-align:center;height:600px;}

.aboutus .aboutus_pic{ margin:25px 0; float:left; border-right:1px solid #ccc; height:422px; padding-right:40px; margin-right:40px;}
.aboutus .aboutus_title{ margin:25px; font-size:18px; color:#0d75b6; text-align:left; border-bottom:1px solid #30px; padding-left:40px; }
.aboutus .info{ margin:30px 0; font-size:13px; color:#333; width:465px; line-height:30px; text-align:left; float:left; }
.main_more{ width:130px; margin: 0 auto; padding-top:10px;}

.main_more{ width:303px; margin: 0 auto; padding-top:10px;}
.main_more_text{ font-size:14px; line-height:42px; padding:0px 0px; background:url(../images/more_bg.png) no-repeat center top; color:#999; letter-spacing:normal;}
.main_more_text:hover{background:url(../images/more_bg_h.png) no-repeat center top;color:#D22D89; cursor:pointer;}
.main_more_text{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.case{ padding:30px 0px 0px 0px; text-align:center; background:url(../images/h_qiywh.jpg) no-repeat center top;}
.case .container{height:455px;margin:0px auto 0 auto; position:relative; width:100%;}
.case .case_title{  margin:0px  auto 0px auto; font-size:20px; color:#fff; position:absolute; left:510px; top:250px;}
.case_left{  width:1100px; }

.case_left ul li.left{ float:right; margin:20px 30px 60px 0px; text-align:left; width:360px; height:110px; }
.case_left ul li .case_pic{ float:left; margin-top:30px; width:111px; }
.case_left ul li .case_tit{ float:left; font-size:16px; width:200px; margin-left:20px; margin-top:45px; color:#fff;}
.case_left ul li .info{ float:left; width:200px; line-height:23px; font-size:13px; margin-left:20px; margin-top:15px;color:#fff;}


.case_left ul li.left01{ float:left; margin:20px 0px 60px 30px; text-align:left; width:350px; height:110px; }
.case_left ul li .case_pic01{ float:right; margin-top:30px; width:111px; }
.case_left ul li .case_tit01{ float:left; font-size:16px; width:200px; margin-left:20px; margin-top:45px; color:#fff;}
.case_left ul li .info01{ float:left; width:200px; line-height:23px; margin-left:20px; font-size:13px; margin-top:15px;color:#fff;}


.fenlei{ width:100%; padding:0px 0px 0px 0; float:left;}
.fenlei ul{ text-align:left;}
.fenlei ul li{ display:inline-block; padding:0px 20px; float:left;}
.fenlei ul li a{ color:#333; line-height:30px;}
.fenlei ul li a:hover{  color:#19387B;}

.prater{position:relative; text-align:left;padding:30px 0 30px 0;background:#fff;}
.prater .container{ height:150px;}
.prater .title{position: relative;display: inline-block;font-size: 22px;line-height: 44px;top: -22px;padding: 0 22px 0 0; background: #fff; color: #303030; float:left;}
.prater .more{position: relative;display: inline-block;font-size: 14px;line-height: 44px;top: -22px;padding: 0 5px 0 22px; background: #fff; color: #666;  float:right;}


.animate05{-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
#partnersI { float:left; margin:0px 0px;padding-left:15px;}
#partnersI .links li{width: 170px;height:70px;position: relative; text-align:center; background:#fff; border:1px solid #ccc; margin:10px 20px; float:left;}
#partnersI .links li img{ width:170px; height:70px; }
#partnersI .links li .fontW{width: 100%;height: 100%; color: #fff;background: #294986;position: absolute;top: 0;left: 0;opacity: 0;display:none\9;}
#partnersI .links li .fontW span{display: block;width: 100%;height: auto;position: absolute;top: 20px;width: 170px;font-size: 16px;left: 50%;margin-left: -80px;line-height: 24px;text-align: center;-webkit-transform: translateY(20px);-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
#partnersI .links li:hover .fontW{opacity: 1;display:block\9;}
#partnersI .links li:hover .fontW span{-webkit-transform: translateY(0px);}


/*合作伙伴*/

