@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
i,em{font-style: normal;}
.content{width: 1200px;margin:0 auto;}
/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:600px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#ffa23b}
.flexslider .slides a img{width:100%;height:600px;display:block}


/*header start*/
.wel{height:30px;font-size:15px;background-color:#ececec;color:#666;}
.wel span{line-height: 30px;}
.wel .lx a{line-height: 30px;color:#666;}
.header{width: 100%;}
.header .head_top{height:120px;}
.header .head_top .tel_box{width: 260px;height: 80px;color: #fff}
.header .head_top .tel_box > a{color:#fff;padding: 0 8px;line-height: 36px;}
.header .head_top .tel_box .tel{margin-top:28px;text-align: right; background: url(../images/tel_bg.png) no-repeat left center;}
.header .head_top .tel_box .tel p{display: block; color: #696969; text-align: left;line-height: 30px; padding-left:78px;font-size: 16px;}
.header .head_top .tel_box .tel b{font-size: 30px;color: #ec8d2a;;font-family: arial;font-weight: bold;}
.header .head_top .logo{height: 120px;}
.header .head_top .logo img{width:515px;height:120px;display: block;}
.header .head_top span{display: block;border-left: 1px solid #ccc;font-size:16px;color: #666;margin-left: 20px;margin-top: 37px;height: 50px;    padding-left: 20px;}
.header .head_top span em{font-weight: 600;  color: #ec8d2a;} 
.header .head_nav{border-top: 3px solid #fff;background-color: #0462cc}
.header .head_nav ul li{width:171px;float: left;height: 50px;line-height: 50px;font-size: 16px;text-align: center;position: relative;}
.header .head_nav ul li a{color: #fff;display: block;width: 100%;font-weight: bold;}
.header .head_nav ul li:hover{background: #ec8d2a;height:50px;}
.header .head_nav ul li:hover a{color: #fff;border-top: 3px solid #666;position: absolute;top: -3px}
.header .head_nav ul li.on{background-color:#ec8d2a;}
.header .head_nav ul li.on a{color: #fff;border-top: 3px solid #666;position: absolute;top: -3px}

/*标题*/
.pubtit , .pubtit1{text-align: center;height: 100px;}
.pubtit span{display: block;text-transform: uppercase;font-size: 60px;color: #e9e9e9;font-family: "times new roman";font-weight: 600; }
.pubtit p , .pubtit1 p{text-align:center;font-size:35px;color: #0462cc;margin-top: -42px;font-weight: 600;}
.pubtit1 span{display: block;text-transform: uppercase;font-size: 60px;color: rgb(239 239 239 / 20%);font-family: "times new roman";font-weight: 600; }
.pubtit2{text-align: center;height: 120px;font-size: 38px;color: #fff;padding-left: 30px;}
.pubtit2 em{color: #ef850f;font-weight: bold;}
.pubtit2 span{display: block;font-size: 20px;color: #eee;font-weight: normal;}
.pubtit2 i{display: block; background: url(../images/tit2.png) no-repeat center;height: 14px;}

/*推荐展示的产品*/
.hotpro{ height:192px; background-color:#0462cc;}
.hotpro .nr{ position:relative;}
.hotpro .hotprol{ width:882px; height:136px; float:left; background-color:#f1f1f1; margin-top: 30px;}
.hotpro .picScroll{width:100%;overflow:hidden;position:relative}
.hotpro .picScroll .hd{width:100%;height:34px;position:absolute;z-index:0}
.hotpro .next{width:30px;height:30px;display:block;position:absolute;left:4px;top:48px;background:url(../images/left.png) no-repeat left}
.hotpro .prev{width:30px;height:30px;display:block;position:absolute;right:4px;top:48px;background:url(../images/right.png) no-repeat left}
.hotpro .next:hover{background:url(../images/left2.png) no-repeat left}
.hotpro .prev:hover{background:url(../images/right2.png) no-repeat left}
.hotpro .picScroll .bd{width:800px;position:relative;overflow:hidden;margin:0 auto;z-index:1;margin-top:16px}
.hotpro .picList{width:105%;height:auto;position:relative}
.hotpro .picList li{width:140px;height:105px;float:left;margin-right: 25px;box-shadow: 3px 7px 11px #ccc;}
.hotpro .picList li:hover img{transform:rotateY(360deg);transition:all .8s;cursor:pointer}
.hotpro .picList li img{width:140px;height:105px;}

/*右侧框文字*/
.hotpro .contact{width:298px;height:192px;background:url(../images/hezuobg.png) no-repeat left;position:absolute;top:0px;right:0;z-index:9999}
.hotpro .contact .tel{height:37px;padding-top:25px;padding-left:68px}
.hotpro .contact .s1{width:100%;height:18px;line-height:18px;display:block;color:#fff;font-size:16px}
.hotpro .contact .s2{width:100%;height:auto;display:block;color:#ab2b2a;font-size:22px;font-weight:700;font-family: Arial;}
.hotpro .slogen{width:230px;height:150px; background-color: #fff;margin-left: 33px; margin-top: 20px;border-radius: 20px}
.hotpro .slogen p.p1{font-size:18px;color:#333;line-height: 40px;text-align: center;padding-top: 30px}
.hotpro .slogen p.p2{font-size:24px;color:#0462cc;font-weight: bold;line-height: 45px;text-align: center;}


/*产品*/
.pro{padding: 60px 0;}
.leftNav{ width:280px; background: #fff;padding-bottom:20px;}
.leftNav ul{padding:15px 0;}
.leftNav ul li{height: 35px;padding-top: 15px;background: url(../images/line_01.png) no-repeat bottom center;}
.leftNav ul li a{margin-left:35px; font-size:15px;color:#0462cc; padding-left:20px; background: url(../images/arrow_01.jpg) no-repeat left; }

/*左侧产品列表*/
.titlist{background-color:#0462cc;position:relative;width:260px;border: 1px solid #e8e8e8;}
.titlist ul.fir{width:92%;height:auto;overflow:hidden;margin:0 auto;background-color: #f1f1f1;margin-bottom: 15px;}
.titlist ul.fir a.firtit{line-height:30px;width:100%;color: #fff;font-weight: 600;font-size: 16px;text-indent:50px;background:url(../images/prolibg1.png) #0462cc no-repeat 20px center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.titlist ul.fir a.firtit:hover{text-indent:60px;color: #fff;background:url(../images/prolibg1.png) #ec8d2a no-repeat 20px center;}
.titlist ul.sec li{overflow:hidden;margin:0 auto;background-color: #eee;border-bottom: 1px dashed #dedbdb}
.titlist ul.sec li:last-child{border-bottom:none}
.titlist ul.sec li a{color: #666;font-size: 15px;padding-left: 25px;line-height:24px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.titlist ul.sec li a:hover{color: #0462cc;}
.titlist ul.sec .thir{background-color: #f7f7f7;width: 100%;}
.titlist ul.sec .thir a{   color: #999;line-height: 20px;padding-left: 40px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;   }
.titlist ul.sec .thir a:hover{ color: #0462cc; }

/*右侧*/
.pro_con{width:920px;}
.pro_con .hot{background:url(../images/hotbg.jpg) no-repeat  right center;height:48px;margin-bottom: 40px; }
.pro_con .hot p{text-align: left; line-height: 48px; color: #fff; padding-left: 50px;font-size: 18px;}
.pro_con .hot em{display: inline-block;text-transform: uppercase;line-height: 48px;color: #ccc;font-size: 16px;}
.pro_con .hot span{display: block; float: right;line-height: 48px; color: #ec8d2a; padding-right: 40px;  font-weight: 600;}
.pro_con li{width:278px;margin:0 0 26px 26px; border:1px #dfdfdf solid;float: left;border-bottom-color:#0462cc;}
.pro_con li img{ width:278px; height:210px;padding:0px;}
.down img{width:100%;height:305px;}
.pro_con li{ position: relative; display: inline-block; margin:0 0 37.5px 26px; background: #fff; overflow: hidden;border:1px #ddd solid; }
.pro_con i.one{color:#333;font-size: 15px; text-align: center;padding:10px 30px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box{ opacity: 0; position: absolute;left:0; top:100%; text-align: center;padding:80px 0 0 0; height:100%;width:100%;  background:rgb(4 98 204 / 76%)}
.pro_con li .box i.two{ color:#fff;font-size:14px;padding: 0 20px; margin:10px 0 0 0;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box img{ display: block; margin: auto; height:auto;width:auto;}
.pro_con li:hover .box{ opacity: 1;top:0}
.pro_con li:hover i.one{ opacity: 0;}
.pro_con li:hover .rightDown span{border-bottom:35px solid #ec8d2a}
.pro_con .rightDown span{position:absolute;bottom:0;right:0;width:0;height:0;border-left:35px solid transparent;border-bottom:35px solid #0462cc;-webkit-animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}
.pro_con .rightDown b{position:absolute; bottom:1px;right:3px;  color:#fff; font-size:20px;}

/*adv start*/
.adv{padding:60px 0 20px;background: #fff}
.adv .titleOne{width: 100%;height: 141px;background: url(../images/homeB_titleImg.jpg) no-repeat center;}
.adv .bg{width:100%; background:url(../images/homeBbg.jpg) no-repeat center;}
.adv .box{ float:left; width:470px;height:377px;padding:10px 65px;}
.adv .box b{color:#ec8d2a; font-size:26px; margin:20px 0;display: block;}
.adv .box p{font-size:15px; color:#555;line-height:25px; margin:20px 0 10px 0;text-indent: 2em;}
.adv .box span{color:#0462cc;}
.adv .box em{ margin:0 5px 0 0; font-style:normal;color:#0462cc;}
.adv .box img{ display: block;width: 100%}
.adv .one{padding:20px 0px 0 100px}
.adv .one b{padding-top: 10px;}
.adv .two{padding:20px 0px 0 60px}
.adv .two img{margin:20px 0;}
.adv .three{padding:10px 20px 0 100px}
.adv .four{padding:20px 90px 0 40px}

/*company start*/
.scroll_bg{width: 100%;height: 100%;background-image: url(../images/scroll_bg.jpg);background-attachment: fixed;background-position: 50% 0%;background-repeat: no-repeat;position: absolute;z-index: -1;}
.about{padding:60px 0;background-color: rgb(4,98,204,0.85) ;/*height: 700px;*/}
.about .com_top a.more{display: block;width: 50px;height: 50px;background: #0462CC;font-size: 50px;color: #fff;text-align: center;line-height: 45px;margin-top: 30px}
.about .com_top a.more:hover {background: #EC8D2A}
.about .about_sm{width:500px; height:490px; position: relative;}
.about .about_sm img{width:500px; height:490px;}
.about .about_desc{height:450px;padding:40px 50px; background:#fff;}
.about .about_desc span{display: block; width:273px;color: #0462cc;font-weight: 600;     height:106px; padding-top:11px; padding-left:145px; background:url(../images/btbj.jpg) no-repeat left center; font-size: 32px;  line-height:45px;  }
.about .about_desc span i{display: block; font-size:25px; color:#ec8d2a; line-height:45px;font-weight: normal;  }
.about .about_desc  p{font-size: 15px;  color: #444;text-indent: 2rem; line-height: 30px;}

/*图标列表*/
.about .pubtit p, .pubtit1 p {color: #fff;}
.about .iconlist{padding-top:40px;text-align: center;}
.about .iconlist li{display:inline-block;width: 220px;margin-right: 10px;height: 60px;}
.about .iconlist li p{text-align: center;line-height: 40px;color: #666;width: 100%;font-size: 16px;text-indent:0;padding-top: 70px;}
.about .iconlist li img{display: block;width: 60px;height: 60px;margin:0 auto;}
.about .iconlist li a{color: #666;}
.about .iconlist li:nth-child(1){ background:url(../images/a1.png) no-repeat center;}
.about .iconlist li:nth-child(2){ background:url(../images/a2.png) no-repeat center;}
.about .iconlist li:nth-child(3){ background:url(../images/a3.png) no-repeat center;}
.about .iconlist li:nth-child(4){ background:url(../images/a4.png) no-repeat center;}
.about .iconlist li:nth-child(1):hover{ background:url(../images/a1-1.png) no-repeat center;}
.about .iconlist li:nth-child(2):hover{ background:url(../images/a2-1.png) no-repeat center;}
.about .iconlist li:nth-child(3):hover{ background:url(../images/a3-1.png) no-repeat center;}
.about .iconlist li:nth-child(4):hover{ background:url(../images/a4-1.png) no-repeat center;}
.about .iconlist li:hover p{color: #0462cc;}

/*隔断*/
.xbanner{background:url(../images/xbanner.jpg) no-repeat left  center ;  height: 255px;}
.xbanner .con{width:330px;padding-top:40px;margin-left: 110px;}
.xbanner .con p{color: #fff;line-height:100px;text-align: left;font-size: 40px; padding-left:60px;  }
.xbanner .con span{display: block;width:320px;float: left; background-color: #0462cc; border-radius: 20px;font-size:18px; color: #fff; line-height: 42px; text-align: center;}
.multipleColumn{ overflow:hidden; position:relative; top: 38px}
.multipleColumn	.tempWrap	{width: 740px!important;;}

.multipleColumn .bd{ overflow:hidden;  }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:180px;  float:left; _display:inline;  }
.multipleColumn .bd ul li{ width:160px;margin:5px 20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.multipleColumn .bd ul li .pic{ text-align:center; }
.multipleColumn .bd ul li .pic img{ width:160px; height:55px; display:block; }
.multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }
.multipleColumn .bd ul li .title{ line-height:24px;   }
/*新闻*/
.newscenter{padding: 60px 0;background-color: #fff;}
.new1{border: solid 1px #e5e5e5;height: 264px;padding: 13px 28px 0;}
.faqs,.news{width:536px;overflow: hidden;line-height: 39px;padding: 20px 0 0;}
.newtil{font-size: 18px;line-height:30px;height: 60px;background:url(../images/line1.gif) repeat-x right center;}
.newtil span{font-size: 14px;line-height: 32px;float: right;font-weight: normal;text-transform: uppercase;}
.newtil p a{display: inline-block;padding: 0 10px 0 0;font-weight: 700;}
.new1 .wz{width: 710px;float: left;padding:27px 0 0 55px;}
.new1 .wz .n1tit{height:56px;line-height:32px;font-size:18px;color: #333;}
.new_c2 li a,.faqs_c li a{color: #666;display: block;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.new_c2 li a:hover{color: #ec8d2a;}
.new1 .wz .n1tit a:hover{color: #ec8d2a;}
.new1 .wz .n1tit em{color: #fff;display: inline-block;width: 85px;line-height: 32px;background: #0462cc;font-weight: normal;float: left;margin: 0 20px 0 0;font-size: 14px;text-align: center;}
.new1 .wz p{margin-bottom: 50px;overflow: hidden;color: #666}
.new1 .n1img,.new1 .n1img img{display: block;width: 360px;height: 250px;overflow: hidden;float: left;}
.new_c2 li,.faqs_c li{height: 39px;line-height: 39px;background:url(../images/ico04.gif) no-repeat 0 17px;padding: 0 0 0 17px;border-bottom: solid 1px #e6e6e6;}
.more01 { display: block;text-align: center; width: 123px;line-height: 33px; border-radius: 17px; border: solid 2px #ec8d2a; text-align: center; color: #333;}
.more01:hover{ color: #fff;background-color: #ec8d2a;border: solid 2px #ec8d2a;}

/*底部*/
.footer{padding:80px 0;background:url(../images/ftbg.jpg) no-repeat center;}
.footer .con{margin:40px auto;}
.footer .con p{font-size: 20px;color: #fff;text-align: center;line-height: 32px;}
.footer .con em{font-family: impact;font-size: 38px;color:#ec8d2a}
.footer .iconlist li{margin-right:50px;width: 230px;float: left;}
.footer .iconlist li:nth-child(3) {width: 250px;}
.footer .iconlist li:nth-child(4){margin-right: 0;float: right; width: 336px;}
.footer .iconlist li p{color:#fff;line-height:40px;font-size:18px;font-weight: 600;text-align: center;}
.footer .iconlist li span{display: block;text-align: center;font-size: 16px;color: #eee}
.footer .navlist{background-color: #EC8D2A;height:40px;border-radius: 5px;}
.footer .navlist li{width: 171px;float: left;}
.footer .navlist li a{color: #fff;line-height: 40px;display: block;text-align: center;font-size: 16px;font-weight: bold;}
.footer .f_wz{padding-left: 30px}
.footer .f_lx{padding: 30px 0;font-size: 16px;color: #fff}
.footer .f_lx ul{width: 200px;padding-left: 130px;border-left: 1px solid #fff;padding-right: 314px;line-height: 35px}
.footer .f_lx ul:nth-child(1) {margin-left: 0px;border-left: 0px;padding-left: 40px}
.footer .f_lx ul:nth-child(3) {padding-right: 30px}
/*版权*/
.copyright{background-color: #eaeaea;}
.copyright p{color:#666;line-height:45px;}
.copyright p a{color:#666;line-height:45px;}