@charset "utf-8";
@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;font-family:'微软雅黑';font-size:14px;}
body{font-size:14px;overflow-y:scroll;}
a{text-decoration:none; color:#000;}
.fl{float:left;}
.fr{float:right;}
a img{ border:none;}
li{ list-style:none;}
.clear{clear:both;}
img{vertical-align:middle;}
.last{margin-right:0px !important;}
/*input,textarea{ outline:0; resize:none; border:none; _border:0; margin:0; padding:0;}
input{ margin:0; padding:0; border:none;}*/
table,table td{border-collapse:collapse;}
.div1200{width:1200px; margin:0px auto;}
.banner img{ width:100%;vertical-align: middle;}
.banner{ position:relative; z-index:1;}
.div1200 span a:hover{color: red;}
.wrap {
    width: 100%;
    min-width: 1200px;
    _zoom: 1;
    position: relative;
    overflow: hidden;   
}



.language_box li{ float:left;line-height:16px; margin-left:28px;}
.language_box li img{ position:relative; right:6px; bottom: 1px;}
.language_box li a{ font-size:12px; display:block; line-height:16px; color:#ffffff;}
.language_box li a:hover{ color:#0083bf;}

.nav_box li{ float:left;}
.nav_box li a{ display:block; font-size:14px;}

.wenzi{ position:absolute; bottom:258px; width:100%; text-align:center;}
.wenzi h2{ font-size:75px; color:#ffffff; font-family:"Arial"; font-weight:normal;}
.wenzi p{ font-size:20.77px; color:#ffffff; background: rgba(41,61,118,0.5); width:764px; text-align:center; margin:0 auto; 
line-height:46px; margin-top:20px;
 -moz-border-radius:20px;  
    -webkit-border-radius:20px;
    border-radius:20px;}


.smenul li{display:block;line-height:24px;position:relative; margin-top: 20px;}
.smenul > li > a{font-size:14px; color:#fff;padding-bottom: 7px;}

.smenul > li {float:left; width:76px; text-align:center; margin-right:54px;}
.smenul .er li {float:none; width:130px; text-align:center;}
.smenul .er > li > a{  font-size:14px; color:#11589d; display:block; line-height:44px; }
.smenul li:hover > .er {opacity:1;top:100%;visibility:visible;}

.smenul .er,.smenul .er .san {width:100%;background:#ffffff;opacity:0;position:absolute;top:160%; right: -33px;
z-index:99;visibility:hidden; width:130px;
transition:all .4s ease;
-moz-transition:all .4s ease;
-webkit-transition:all .4s ease;
-o-transition:all .4s ease;}
.smenul .er .san_w{width:120%;}

.smenul .er .san {top:0%;left:160%; padding:4.6% 0;}
.smenul .san > li > a{ padding-left:32px; font-size:14px; color:#11589d; display:block; line-height:33.5px;}
.smenul .er li:hover > .san {top:0%;left:100%;opacity:1;visibility:visible;}

.smenul > li:hover > a { /*border-bottom:2px solid red;*/ color: red;}
.smenul > li > .er > li:hover > a {background:#f1f3f2 url(../images/cozx1_01_03.png) no-repeat 93%;}
.smenul > li > .er > li:hover > a.long {background:#f5920e url(../images/cozx1_01_03.png) no-repeat 99%;}
.smenul > li > .er .san > li:hover{ text-decoration:underline;}

.header{ position:relative;}
.top{ position:absolute; top:18px; z-index:2;width: 100%;}

.hua{ padding-top:70px;}
.con h2{color:#11589d;}
.con h3{ color:#666666;}
.hua h2{font-size:33px;  text-align:center;}
.hua h3{ font-weight:normal; font-size:26px; text-align:center;}
.con{ background:url(../images/index3_01_02.jpg);}
.con_box { margin-top:60px; padding-bottom:68px;}
.con_box li{ background:#ffffff; padding:36px 22px 33px  22px; width:146px; text-align:center; border:1px solid #dbdbdb; float:left;
margin-right:9px;
 -moz-border-radius:10px;  
    -webkit-border-radius:10px; 
    border-radius:10px; }
.con_box li span{ display:block; text-align:center; font-size:18px; color:#333333; margin-top:25px; margin-bottom:20px;}
.con_box li p{ font-size:12px; color:#666666; line-height:22px;}
.tu{  width:63px; margin:0 auto;margin-top:33px;}
.tu .img2{ display:none;}
.con_box li:hover .tu .img1{ display:none;}
.con_box li:hover .tu .img2{ display:block;}



.con_box li:hover {
	  box-shadow: #919191 0px 10px 30px;
    -webkit-box-shadow: #919191 0px 10px 30px;
    -moz-box-shadow: #919191 0px 10px 30px;
    transform: translate(0,-25px);
    -webkit-transform: translate(0,-25px);
    -moz-transform: translate(0,-25px);
    -o-transform: translate(0,-25px);
    -ms-transform: translate(0,-25px);
}
.con_box li {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.con_box li img{-webkit-transition:1s;}
.con_box li:hover img
{
transform:rotateY(360deg);
-webkit-transform:rotateY(180deg); /* Safari and Chrome */
-moz-transform:rotateY(180deg); /* Firefox */

}

.con1{ background:url(../images/index3_05_02.jpg); padding-bottom:77px;}
.con1_box{ margin-top:65px;}
.con1 h2{color:#ffffff;}
.con1 h3{ color:#ffffff;}
.cn1right{ margin-top:32px; background:url(../images/index8_02_03.png) no-repeat; width:467px; height:364px; 
padding-left:25px; padding-top:23px; padding-right:30px;}
.cn1left{ width:600px;}
.cn1left h2{ font-weight:normal; font-size:24px; color:#ffffff;margin-bottom:60px; }
.cn1left h2 i{ font-weight:normal; font-style:normal; font-size:24px; color:#ffffff; 
border-bottom:2px solid #ffffff; padding-bottom:25px;}
.cn1left p{ font-size:13px; color:#ffffff; line-height:24px;margin-bottom:35px;}

.con1_box h4{width:140px; border-left:27px solid #65bfa0;}
.con1_box h4 a{ display:block; background:#11589d; font-size:13.5px; color:#ffffff; line-height:35px; text-align:center;
width:110px;
-moz-border-radius: 0px 20px 20px 0px;  
    -webkit-border-radius:0px 20px 20px 0px;
    border-radius:0px 20px 20px 0px;
	transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.con1_box h4:hover a{background:#65bfa0; padding-right:20px;}


.con1_box h4:hover a{ background:#65bfa0;
-ms-animation-delay:0.3s;-webkit-animation-delay:0.3s;-o-animation-delay:0.3s;-moz-animation-delay:0.3s;animation-delay:0.3s;}

.bottom1 p{ font-size:14px; color:#81C0FF; line-height:60px; text-align:center;}
.bottom1{ background:#11589d;}
.bottom{ background:#11589d;}
.bottom p{ font-size:14px; color:#7d7d7d; line-height:60px; text-align:center;}
/*产品详情页*/
.top3{z-index:2;width: 100%; background:url(../images/cpxq1_01_01.jpg);padding-top:18px; padding-bottom:18px;position:fixed;}
.hua1 h2 a{ font-size:14px; color:#666666; text-transform:uppercase;}
.hua1{ background:#ececec; position:fixed;width: 100%;-moz-box-shadow: 2px 2px 8px #d7d7d7;box-shadow: 2px 2px 8px #d7d7d7;
top: 110px;}
.hua1 h2{ font-size:14px; color:#666666; line-height:45px; font-weight:normal;padding-left: 40px;}
.hua1 h2 .cur{ color:#11589d; }
.hua1 span{ display:block;line-height:45px; font-size:14px; color:#666666;}
.hua1 span a{ display:block;line-height:45px; font-size:14px; color:#666666;}
.cx_box table{ max-width:100%; margin:auto; background:url(../images/xpxq1_05_03.jpg);}
.cx_box table tr th{ line-height:30px; font-size:12px; color:#11589d; text-align:left;padding-left:17px;font-weight: normal;}
.cx_box table tr td{ text-align:center; line-height:30px; font-size:12px; color:#333333; width:239px;}
.cx_box table .yy1{ background:#11589d; border:#11589d;}
.cx_box table .yy1 th{font-size:14px; color:#ffffff; }
.cx_box table .yy2{ background:#d9d9d9; }
.cx_box table .yy3{ background:#f2f2f2; }
.cx_box table .yy4{ background:#11589d; }
.cx_box table .yy5{ background:#ffffff; }
.cx_box table .yy4 td{ color:#ffffff; font-size:14px; cursor:pointer;}
.cx_box table .yy4 td:hover{ background:#65bfa0;}
.papa{ /*text-align:center;*/ margin-top:42px;padding-bottom:55px;}
.cx_box {
    margin-left: 12px;
	margin-right:12px;
}

/*产品中心*/
.lei{padding-top:35px;}
.lei h3{ font-weight:normal; font-size:20px; color:#11589d; border-bottom:1px solid #c1c1c1; line-height:50px;}
.cx{ background:url(../images/cpxq4_01_02.jpg)fixed center center;background-size: cover;padding-top:50px;}
.lei p{ font-size:16px; color:#666666; margin-top:25px;}
.lei1_box { margin-top:45px;}
.lei1_box li{ width:517px; float:left;margin-right: 86px; margin-bottom:26px;}
.lei1_box li h3{padding-left:11px; font-size:16px; color:#ffffff; font-weight:normal; line-height:30px; background:url(../images/bg.png); text-transform:uppercase;}
.lei1_box li p{padding-left:11px; font-size:14PX; color:#333333; line-height:42px; background:#eef7ff;
border-bottom:1px solid #cfcfcf; cursor:pointer;}

.lei1_box li .wen{ background:#daecfd;}
.lei1_box li .wen1{ background:#daecfd;}
.lei1_box li p span{ float:right;margin-top: 16px; margin-right:20px; display:block;}
.lei1_box li p span .img2{ display:none;}
.lei1_box li p:hover span .img1{ display:none;}
.lei1_box li p:hover span .img1{ display:none;}
.lei1_box li p:hover span .img2{ display:block;}

.cq_box{ background:url(../images/cpzx4_02_02.jpg) fixed center center;background-size: cover;}
.lei11{ padding-left:40px; padding-right:40px; min-height: 476px;}

/*关于我们*/
.gm{ background:url(../images/cpzx4_02_02.jpg)fixed center center;background-size: cover;}
.gm_box{ padding-top:35px; margin-bottom:55px;}
.gm_box li{ float:left; background:url(../images/gywm4_05.png) no-repeat; height:47px;}
.gm_box li a{ display:block; font-size:16px; color:#ffffff; width:166px; line-height:37px; text-align:center;
margin-right:13px;}
.gm_box li.on{ background:url(../images/gywm4_03.png) no-repeat;}
.gm1{ padding-left:40px;padding-right:40px;}
.gm3{ border-left:1px solid #bebebe; margin-left:20px; padding-left:20px;margin-top: 18px;}
.gm3 h3{ font-size:23.66px; color:#11589d;}
.gm3 p{ font-size:18px; color:#999999; font-family:"Arial";}
.gm4{ background:#11589d; padding:12px 18px;border-right:28px solid #65bfa0;margin-top: 8px; margin-left:44px; margin-bottom:58px;}
.gm4left h3{ font-size:16.88px; color:#ffffff; font-weight:normal;}
.gm4left p{ font-size:18.62px; color:#eeeeee;}
.gm4right{ font-size:16px; color:#ffffff; margin-left:80px;margin-top: 12px;}
.gm5 { min-height:300px;}
.gm5 p{ font-size:16px; line-height:32px; color:#666666; margin-bottom:35px;}
.gm5_box li{ float:left; margin-right:32px;}
.gm5_box { padding-bottom:94px;}

/*新闻*/
.news{width:100%;overflow:hidden;}
.newsLeft{width:768px;float:left;}
.newsLeft .new li{width:100%;height:120px;overflow:hidden;border-bottom:1px dashed #e2dfdc;padding-top:22px;position: relative;background:rgba(226,223,220,0);}
.newsLeft .new li span{color:#9e948b;font-size: 24px;font-family:'novecento-widenormal';font-weight: bold;width:175px;text-align: center;float: left;}
.newsLeft .summary{width:571px;float: left;padding-right:22px;}
.newsLeft .summary h3{font-size:16px;padding-bottom:11px;color:#6f6358;}
.newsLeft .summary p{color:#9e948b;font-size: 13px;}
.newsLeft .new-go{display: block;position: absolute;right:0;top:0;width:0;height:142px;background:#d5282b url(../images/list-icon.png) no-repeat center center;box-shadow: -100px 0 125px #e2dfdc;opacity: 0;}
.newsLeft .new li:hover{background:#e2dfdc;background:rgb(255, 255, 255);transition: all .5s;}
.newsLeft .new li:hover .new-go{opacity: 1;width:142px;transition: all .3s;}
.page{margin:25px 0 50px 480px;overflow: hidden;}
.page a{display:inline-block;width:40px;height:40px;line-height: 40px;text-align: center;background:#f4f1ed;margin-right:10px;float: left;color:#9f9f9f;}
.page span{display:inline-block;width:40px;height:40px;line-height: 40px;text-align: center;background:#f4f1ed;margin-right:10px;float: left; color:#dd5a5c;}
.page .prev{background:#f4f1ed url(../images/fy-left.jpg) no-repeat center center;}
.page .next{background:#f4f1ed url(../images/fy-right.jpg) no-repeat center center;}

.newsRight{width:412px;float:right;}
.newsrb{padding:20px;background:#f4f1ed;height:312px;}
.newsrb h2{color:#6f6358;margin-bottom:7px;font-size:28px;font-weight: bold;font-family: 'novecento-widenormal',sans-serif;}
.newsrb h3{margin-bottom:8px;font-size:17px;font-weight: bold;color:#6f6358;}
.newsrb p {color:#7a7774;font-weight: bold;font-size:12px;width:322px;}
.newsrb span{margin-top:16px;color:#c01e11;font-weight: bold;display: block;}
.summary {color:#333;}
.newsLeft .page{margin:25px 0 50px 174px;overflow: hidden;}
/*新闻详情页*/

.newsmain{padding:30px 38px 150px;background:#fff;}
.news_dtop{margin-bottom:15px;}
.news_dtop h1{margin-bottom: 10px; color: #d1ab65; font-size: 24px; font-weight: bold; font-family: 'novecento-widenormal',sans-serif;}
.news_dtop h2{ color: #685e55; font-size: 18px; font-weight: bold; }
.news_content{width:100%;}
.news_content p{font-size:12px;margin:10px 0;color:#867e77 ;}
.news_content img{max-width:100%;}

.brand2{position: relative;margin-bottom:58px;}
.brand2-content{padding-bottom:35px;padding-right:38px;}
.brand2-content h2{color:#66585b;font-size:15px;}
.brand-item{float:left;width:364px;height:352px;padding:15px;background:#fff;margin-right:9px;}
.brand2 .brand-item h2{line-height:36px;color:#ec7811;font-family: 'dincond-medium-webfont';font-size:24px;margin-top:14px;}
.brand2 .brand-item h3{font-size:13px;color:#665659;font-family: "微软雅黑",arial,\5b8b\4f53;}
.brand2 .brand-item p{color:#9e948b;margin:0;}
.item-img{width:365px;height:198px;position: relative;}
.ind-over{width:91px;height:84px;display: block;position:absolute;left: 0;top: 0;background:url(../images/ind-over.png) no-repeat;}
.ind-over2{display: inline-block;width: 126px;height:100px;background:url(../images/ind-over2.png) no-repeat;margin-top:40px;}
.item-img img{ width:100%;height:100%;}
.brand-pro{overflow:hidden;position:relative;}
.brand-pro .last{margin-right:0}
.brand2 .pre{width:36px;height:36px;display:block;position: absolute;top:235px;left:-55px;background:url(../images/prev.png) no-repeat;}
.brand2 .nex{width:36px;height:36px;display:block;position: absolute;top:235px;right:-55px;background:url(../images/next.png) no-repeat;}
.brand-video{padding-bottom:20px;}

.brand4{position: relative;padding-bottom:40px;}
.brand4  h2{line-height:36px;color:#665659;font-size:13px;margin-top:10px;}
.brand4 .pre{width:36px;height:36px;display:block;position: absolute;top:145px;left:-60px;background:url(../images/prev.png) no-repeat;}
.brand4 .nex{width:36px;height:36px;display:block;position: absolute;top:145px;right:-60px;background:url(../images/next.png) no-repeat;}
.brand-pic ul{width:1210px;}
.brand-pic ul li{float:left;width:232px;height:364px;margin-right:10px;text-align: center;}
.brand-pic ul li:hover .down{height:90px;opacity:1;transition: all .3s;}
.brand-pic .pic-img{width:232px;height:310px;position: relative;background:#fff;}
.brand-pic .pic-img img{width:100%;height:100%;}
.pic-img .down{display: block;position: absolute;left:71px;bottom:0;width:90px;height:0px;background:#d5282b url(../images/down-icon.png) no-repeat center center;opacity: 0;}
.lei1_box p { display: none;}
.yy4 a { color: #fff;}

.cx_box table td,.cx_box table th{ width: 290px;}

.goM{ 
animation-name:goM;
animation-duration:3s;
animation-iteration-count:1;/*运动循环次数*/
animation-fill-mode: both;/*运动结束不返回*/
-webkit-animation-name:goM;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count:1;/*运动循环次数*/
-webkit-animation-fill-mode: both;/*运动结束不返回*/

}

@-webkit-keyframes goM
{
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform:scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform:scale(1);
    -ms-transform: scale(1);
    transform:scale(1);
  }
}
@keyframes goM
{
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.45);
    -ms-transform: scale(1.45);
    transform:scale(1.45);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform:scale(1);
    -ms-transform: scale(1);
    transform:scale(1);
  }
}


.goM1{ 
animation-name:goM;
animation-duration:3s;
animation-iteration-count:1;/*运动循环次数*/
animation-fill-mode: both;/*运动结束不返回*/
-webkit-animation-name:goM;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count:1;/*运动循环次数*/
-webkit-animation-fill-mode: both;/*运动结束不返回*/
-ms-animation-delay:0.3s;-webkit-animation-delay:0.3s;-o-animation-delay:0.3s;-moz-animation-delay:0.3s;animation-delay:0.3s;
}



@-webkit-keyframes goM1
{
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform:scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform:scale(1);
    -ms-transform: scale(1);
    transform:scale(1);
  }
}
@keyframes goM1
{
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.45);
    -ms-transform: scale(1.45);
    transform:scale(1.45);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform:scale(1);
    -ms-transform: scale(1);
    transform:scale(1);
  }
}


.wenzi{opacity:0;-moz-transform:translateY(30px);-ms-transform:translateY(30px);
-webkit-transform:translateY(30px);transform:translateY(30px);-moz-animation: aa 1.2s linear forwards;
-ms-animation: aa 1.2s linear forwards;-webkit-animation: aa 1.2s linear forwards;
animation: aa 1.2s linear forwards;}

@-moz-keyframes aa{
	0%{-moz-transform: translateY(0px);opacity: 0;}
	100%{moz-transform: translateY(80);opacity: 1;}
}
@-ms-keyframes aa{
	0%{-ms-transform: translateY(0px);opacity: 0;}
	100%{-ms-transform: translateY(80);opacity: 1;}
}
@-webkit-keyframes aa{
	0%{-webkit-transform: translateY(0px);opacity: 0;}
	100%{-webkit-transform: translateY(80);opacity: 1;}
}
@keyframes aa{
	0%{transform: translateY(0px);opacity: 0;}
	100%{transform: translateY(80);opacity: 1;}
}
@-moz-keyframes le{
	0%{-moz-transform: translateY(0px);opacity: 0;}
	100%{moz-transform: translateY(100);opacity: 1;}
}
@-moz-keyframes le{
	0%{-ms-transform: translateY(0px);opacity: 0;}
	100%{-ms-transform: translateY(100);opacity: 1;}
}
@-moz-keyframes le{
	0%{-webkit-transform: translateY(0px);opacity: 0;}
	100%{-webkit-transform: translateY(100);opacity: 1;}
}
@-moz-keyframes le{
	0%{transform: translateY(0px);opacity: 0;}
	100%{transform: translateY(100);opacity: 1;}
}