@charset "utf-8";







/* base 公共部分 */



body {font: 13px/22px Arial, "微软雅黑";color:#444;margin: 0px;/* text-align:center; */}



*{ padding:0; margin:0;}



a { color:#444; text-decoration:none;}



a:hover{ color:#0278b8; text-decoration:none;}



ul,li{ list-style:none;}



img { border:none; }



.clearboth { clear:both; }



.page{ text-align:center; margin-top:20px; width:100%; float:left; }



.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}



.page a.dq,.page a:hover{ background:#555;}



p{font: 13px/22px Arial, "微软雅黑";}



.wrapper{width:100%; margin:0; padding:0; text-align:left; overflow:hidden;}



.header{ background-color:#fcfcff}



.top{width:100%; height:40px; line-height:40px; background:#f4f4f4;}



.top .top-box{width:1200px; margin:0 auto;}



.top .top-box .top-left{float:left;}



.top .top-box .top-right{float:right;}







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



.top2 .top2-left{float:left;margin-top: 20px;}



.top2 .top2-right{float:right;padding-top: 10px;}







.nav-box{width:100%; height:46px;line-height:46px; background:#0075C2;}







.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}



.nav{ width:1200px; margin:0 auto; position:relative; z-index:1;  }



.nav a{ color:#fff;  }



.nav .nLi{ float:left;  position:relative; display:inline;   }



.nav .nLi h3{ float:left;  background:url(../images/line.jpg) right center no-repeat;}



.nav .nLi h3.last{background:none;}



.nav .nLi h3 a{ display:block; padding:0 52px; font-size:15px; font-weight:normal;   font-family:"微软雅黑"; }



.nav .nLi h3 a.last{background:none;}



.nav .sub{ display:none; width:164px; left:0; top:46px;  position:absolute; background:#0075C2;  line-height:26px; padding:5px 0;  }



.nav .sub2{width:194px;}



.nav .sub3{width:209px;}



.nav .sub li{ zoom:1;text-align:center;  font-size:13px;}



.nav .sub a{ display:block; padding:0 10px; }



.nav .sub a:hover{ background:#dc541a; color:#fff;  }



.nav .on h3 a{ background:#dc541a; color:#fff;   }







.slideBox{width:100%;overflow:hidden;position:relative;/* margin-top:90px; */}



.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }



.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }



.slideBox .hd ul li{ float:left; margin-right:2px;  width:30px; height:5px;  text-align:center; background:#fff; cursor:pointer; }



.slideBox .hd ul li.on{ background:#f00; color:#fff; }



.slideBox .bd{ position:relative; height:100%; z-index:0;   }



.slideBox .bd li{ zoom:1; vertical-align:middle; }



.slideBox .bd img{ width:100%; display:block;  }







.main{}



.box1{padding:15px 0;width:1200px; margin:0 auto; }



.box1 .b1-left{float:left;width:780px;}



.box1 .b1-left span{font-weight:bold; color:#285dc8;}



.box1 .b1-left a{margin:0 5px;}



.box1 .b1-right{float:right;width:350px; border:1px solid #d6dadd; -webkit-border-radius:20px; -moz-border-radius:20px;border-radius:20px; height:24px; line-height:24px;padding:0 10px;}



.box1 .b1-right input.txt{width:310px; float:left; border:none;height:24px; line-height:24px; outline:medium;}



.box1 .b1-right input.btn{width:20px; float:right; background:url(../images/bg.jpg) center no-repeat; border:none;height:24px; outline:medium;}







.box2{margin:20px auto;width:1200px; }



.b2-title{text-align:center;}



.b2-title h3{font-size:26px;font-weight:bold; color:#0075C2; margin-bottom:10px;letter-spacing:1px;}



.b2-title p{font-size:15px; color:#8d8d8d; letter-spacing:1px;}







.picScroll-left{ width:1200px;  overflow:hidden; position:relative; margin-top:20px;   }



.picScroll-left .hd{ overflow:hidden;width:1200px;  height:62px;  position:absolute; top:20px; z-index:9998 !important;  }



.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:32px; height:62px;overflow:hidden;



	 cursor:pointer; }



.picScroll-left .hd .prev{ background:url(../images/jt1.jpg) center no-repeat;float:left; }



.picScroll-left .hd .next{ background:url(../images/jt2.jpg) center no-repeat; float:right;}



.picScroll-left .bd{ padding:0 40px;z-index:9999 !important;   }







.picScroll-left .bd ul{ overflow:hidden; zoom:1; }



.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }



.picScroll-left .bd ul li img{ width:165px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }







.box3{ background:#f4f4f4; padding:30px 0; }



.box3 .bb3{width:1200px; margin:0 auto;}



.bb3-left{width:230px;float:left; background:#fff;}



.bb3-right{width:950px;float:right; background:#fff;border:1px solid #ddd; }



.bb3-left h2{font-size:18px; font-weight:bold; color:#fff; height:50px; line-height:50px; text-align:center; background:#dc541a;}







.sideMenu{  border:1px solid #ddd; padding:10px;  }



.sideMenu h3{height: 45px;line-height: 45px;text-align:center;background:#0075C2;cursor:pointer;font-size:15px;font-weight:bold;margin-bottom:5px;}



.sideMenu h3 a{color:#fff;}



.sideMenu h3.on {}



.sideMenu ul{ display:none; /* 默认都隐藏 */ margin-bottom:10px;  }



.sideMenu ul li{padding-left:30px; background:url(../images/jt3.jpg) 10px 10px no-repeat; height:32px; line-height:32px; border-bottom:1px dashed #ccc;}







.bb3-title{padding:10px; height:20px; line-height:20px; border-bottom:1px solid #ddd; }



.bb3-title span{float:left;font-weight:bold; font-size:15px; border-left:3px solid #dc541a;padding-left:10px;}



.bb3-title a{float:right;color:#dc541a;}



.bb3-content{padding:10px 0;}



.bb3-content ul li{width:440px;float:left; margin:15px 17px;display:inline;}



.bb3-tp{width:230px;height:170px;float:left;}



.bb3-tp img{width:228px; height:168px; border:1px solid #ddd;}



.bb3-wz{width:200px;float:right; line-height:26px; font-size:13px;}



.bb3-wz h3{font-size:15px; font-weight:bold; margin-bottom:5px;}



.bb3-wz p a{display:block; width:90px;height:30px; line-height:30px; text-align:center; background:#dc541a; border-radius:5px; margin-top:5px; color:#fff;}











.box4{width:1200px; margin:30px auto 10px;}



.box5{width:1200px; margin:0 auto; height:1268px; background:url(../images/bg3.jpg) top center no-repeat;



position:relative; font-size:16px; line-height:28px;}


.box5 p{font-size:15px; line-height:30px;}
.box5 .b5-1 h3{ position:absolute; top:225px; left:100px;font-size:21px; font-weight:bold; color:#dc541a;}



.box5 .b5-content1{ position:absolute; top:295px;left:20px; line-height:30px; font-size:13px;width:520px;}



.box5 .b5-content1 p{padding-left:30px; background:url(../images/bg1.jpg) 0 5px no-repeat;}







.box5 .b5-2 h3{ position:absolute; top:285px; left:745px;font-size:21px; font-weight:bold; color:#dc541a;}



.box5 .b5-content2{ position:absolute; top:355px;left:665px; line-height:30px; font-size:13px;width:520px;}



.box5 .b5-content2 p{padding-left:30px; background:url(../images/bg1.jpg) 0 5px no-repeat;}







.box5 .b5-3 h3{ position:absolute; top:740px; left:100px;font-size:21px; font-weight:bold; color:#dc541a;}



.box5 .b5-content3{ position:absolute; top:800px;left:20px; line-height:30px; font-size:13px;width:520px;}



.box5 .b5-content3 p{padding-left:30px; background:url(../images/bg1.jpg) 0 5px no-repeat;}







.box5 .b5-4 h3{ position:absolute; top:865px; left:745px;font-size:21px; font-weight:bold; color:#dc541a;}



.box5 .b5-content4{ position:absolute; top:920px;left:665px; line-height:30px; font-size:13px;width:520px;}



.box5 .b5-content4 p{padding-left:30px; background:url(../images/bg1.jpg) 0 5px no-repeat;}







.box6{width:1200px; margin:0 auto 30px;}



.box6 .b6-left{width: 1200px;float:left;margin-top: 30px;}



.box6 .b6-right{width:360px;float:right;}



.b6-title{height:41px; line-height:41px; background:url(../images/bg2.jpg) left center no-repeat; padding:0 10px;}



.b6-title span{float:left; font-size:16px; font-family:"微软雅黑";color:#fff; margin-left:10px;}



.b6-title a{float:right; }



.b6-content{padding-top:30px; line-height:30px;}


.b6-content p{line-height: 42px;text-indent:2em;font-size: 16px;}




.b6-content img{float:left;margin-right:20px;width: 500px;height: 300px;border:1px solid #eee;}



.b6-content2{padding-top:30px; }







.picScroll-left2{ width:360px;  overflow:hidden; position:relative;  }



.picScroll-left2 .hd .prev{ position:absolute; left:0;top:70px; display:block;  width:22px; height:56px; background:url("../images/bg4.jpg") center no-repeat;float:left; cursor:pointer;}



.picScroll-left2 .hd .next{ position:absolute; right:0;top:70px; display:block;  width:22px; height:56px; background:url("../images/bg5.jpg") center no-repeat;float:right; cursor:pointer;}



.picScroll-left2 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }



.picScroll-left2 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }



.picScroll-left2 .hd ul li.on{ background-position:0 0; }



.picScroll-left2 .bd{ padding-left:20px;  }







.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }



.picScroll-left2 .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }



.picScroll-left2 .bd ul li .pic{ text-align:center;  padding:5px 10px;}



.picScroll-left2 .bd ul li .pic img{ width:280px; height:185px; display:block;  }







.box7{background:#f4f4f4; padding:30px 0;}



.b7-title{text-align:center;}



.b7-title h3{font-size:30px; font-weight:bold; margin-bottom:20px;}



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



.b7-left{width:465px;float: right;}



.b7-right{width:690px;float:right;}







.slideBox2{ width:465px;  overflow:hidden; position:relative;   }







.slideBox2 .hd{width:465px; background:url(../images/bg6.png) repeat-x; height:40px; line-height:40px;  overflow:hidden; position:absolute; right:0; bottom:0; z-index:1 ; }



.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:right; margin:15px 10px 0 0; }



.slideBox2 .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; background:#fff; cursor:pointer;  border-radius:15px;}



.slideBox2 .hd ul li.on{ background:#dc541a; color:#fff; }



.slideBox2 .bd{ position:relative; height:100%;   }



.slideBox2 .bd li{ zoom:1; vertical-align:middle; position:relative }



.slideBox2 .bd li h3{ position:absolute;  bottom:0;left:0; z-index:9999 !important;height:40px; line-height:40px;padding-left:10px; font-weight:normal; font-size:13px; }



.slideBox2 .bd li h3 a{color:#fff;}



.slideBox2 .bd img{ width:465px; height:335px; display:block;  }







.b7-right ul li{padding:13px 0; border-bottom:1px dashed #ccc;}



.b7-date{width:82px;text-align:center;/* padding:18px 0 13px 0; */background:#dc541a;border-radius:5px;font-size:14px;color:#fff;float:left;}



.b7-date h3{font-size: 14px;/* margin-bottom:5px; */}



.b7-wz{width:590px;float:right; font-size:13px; line-height:28px;}



.b7-wz h3 a{font-size:15px; font-weight:Bold; }







.box8{width:1200px; margin:30px auto 0;}



.picMarquee-left{ width:100%;  overflow:hidden; position:relative;    }



.picMarquee-left .bd{ padding-top:30px;   }



.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }



.picMarquee-left .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center;line-height:32px;  }



.picMarquee-left .bd ul li .pic{ text-align:center; }



.picMarquee-left .bd ul li .pic img{ width:215px; }







/*内页*/



.banner2{width:100%;}



.banner2 img{width:100%;}







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



.sider-title{height:40px; line-height:40px; font-size:14px;}



.sider-left{width:230px;float:left; background:#fff;}



.sider-right{width:950px;float:right; }



.sr-title{height:30px; line-height:30px; border-bottom:1px solid #ddd;}



.sr-title span{height:20px; line-height:20px; border-left:3px solid #dc541a;padding-left:5px; font-size:15px; font-weight:bold;}







.intro{}



.about{padding:20px 0;　font-size:13px; line-height:30px;}







/*新闻中心*/



.news_list{padding:10px 0;}



.news_list ul li{height:40px; line-height:40px; border-bottom:1px dashed #ccc;}



.news_list ul li a{float:left; font-size:14px;}



.news_list ul li span{float:right;}







/*新闻详细页*/



.news_show{ padding:20px 0;}



.news_show .name{ font-size:20px; text-align:center; line-height:40px;}



.news_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}



.news_show .nr{ padding:8px 18px; font-size:14px; line-height:30px;font-family:"微软雅黑";}

.news_show .nr p{ padding:8px 18px; font-size:14px; line-height:20px;font-family:"微软雅黑";}



.news_show .back{ text-align:center;}



.news_show .back a:hover{ color:#ec6100;}







.product_list{padding:10px 0;}



.product_list ul li{width:210px;float:left; margin:10px 36px 15px 0; display:inline;}



.product_list ul li.last2{margin-right:0;}



.product_list ul li img{width:210px; height:150px;}



.product_list ul li h3 a{font-size:15px; font-weight:bold; height:30px; line-height:30px;}



.product_list ul li p.xx{font-size:13px; line-height:24px;height:100px;word-wrap:break-word;}



.product_list ul li p.more2{margin-top:5px;}



.product_list ul li p.more2 a{display:block; width:50px;height:24px; line-height:24px;text-align:center;float:left; margin-right:15px; color:#fff; border-radius:3px; background:#0075C2;}



.product_list ul li p.more2 a.orange{background:#dc541a;}



.tj{margin-top:25px;}



.tj2{ border:1px solid #ddd; padding:10px; }



.tj2 ul li{text-align:center; font-size:13px; margin:5px 0;}







/*产品详细*/



.product_show{ padding:20px 0;}



.product_show .pic{ width:400px; float:left;}



.product_show .guige{ width:520px; float:right;font-size:14px; line-height:30px;}







.product_show .sm{ width:100%; float:left; margin-top:20px;}



.product_show .sm .smbt{ border-bottom:solid 1px #dadada; width:100%; float:left;}



.product_show .sm .smbt span{ background:#287fc6; color:#fff; padding:5px 10px; border-radius:4px 4px 0 0; font-size:14px; float:left;}



.product_show .sm .neirong{ padding:10px; line-height:24px; float:left;}







.slideTxtBox{ width:100%;  text-align:left;  margin-top:30px; }



.slideTxtBox .hd{ height:30px; line-height:30px;  padding:0 10px 0 20px;    position:relative; border-bottom:1px solid #ccc; }



.slideTxtBox .hd ul{ float:left;  position:absolute; left:0; top:0;   }



.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; background:#0075C2;  color:#fff; margin-right:5px;}



.slideTxtBox .hd ul li.on{ height:30px;  background:#dc541a; }



.slideTxtBox .bd ul{ padding:15px 0;  zoom:1; line-height:30px;  }



.slideTxtBox .bd ul table{border-collapse:collapse; border:1px solid #ddd;}



.slideTxtBox .bd ul table tr td{padding:5px ;}







/*设备*/



.mach{padding:10px 0;}



.mach ul li{width:215px;float:left; margin:10px 29px 10px 0; text-align:center;}



.mach ul li.last2{margin-right:0;}



.mach ul li img{width:215px; height:160px;}











/*内页右边单页及表格、表单样式*/



.intro2{ line-height:26px; padding:20px 0;font-size:13px;line-height:28px;}



.intro2 table{  margin-bottom:20px; border-collapse:collapse; }



.intro table{border:1px solid #ccc;}



.intro2 table tr td{ padding:4px; }



.intro2 table tr td a:hover{ color:#c30;}




.intro2 table input, .intro2 table textarea{ border:solid 1px #ccc; padding:4px; font-family:"微软雅黑"; border-radius:3px;}



.intro2 table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}



.about{line-height:28px;}











/*内页右边单页及表格、表单样式*/



.feedback{ line-height:26px; padding:20px; }



.feedback p{ margin-bottom:15px;}



.feedback table{  margin-bottom:20px; border:none;}



.feedback table tr td{ padding:4px;}



.feedback table tr td a:hover{ color:#c30;}



.feedback table input, .feedback table textarea{ border:solid 1px #ccc; padding:4px; font-family:"微软雅黑"; border-radius:3px;}



.feedback table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}







.footer{ background:#0075C2; margin-top:50px; font-family:"微软雅黑";}



.ft1{width:1200px; margin:0 auto;padding:30px 0;}



.ft1 ul{width:108px;float:left; font-size:14px;  margin-right:66px; display:inline;}



.ft1 ul.pro{width:340px; margin-right:10px;}



.ft1 ul.pro li{float:left; width:150px;}



.ft1 ul.pro li.first{display:block;width:340px;}



.ft1 ul.last{margin-right:0; width:150px; text-align:right;}



.ft1 ul.last img{width:150px;height:150px;}



.ft1 ul li{height:28px; line-height:28px; color:#fff;padding-left:20px;}



.ft1 ul li.first{margin-bottom:5px;padding-left:20px; background:url(../images/line2.jpg) left no-repeat;}



.ft1 ul li a{color:#ccc;}



.ft2{ width:1200px; margin:0 auto;border-top:1px solid #464a54; border-bottom:1px solid #464a54;padding:15px 0; color:#fff;}







.ft2 a{margin:0 5px; color:#f1f1f1;}



.ft3{width:1200px; margin:0 auto; line-height:28px; text-align:center; color:#fff; font-size:14px; padding:20px 0;}


.ft3 p{line-height:28px; }

.ft3 a{color:#fff;}



 .in_01_ul{width: 900px;height: 240px;margin:0 auto; padding-top: 20px;}

 .in_01_ul li {float:left;width: 280px;height: 245px;margin:0px 8px;text-align:center;line-height: 15px;}

 .in_01_ul li a{color:#727272;font-size: 14px;}

 .in_01_ul li a:hover{color:#e80000;}

 .in_01_ul li img {/* max-width:230px; */max-height:200px;}

 

 

 /*product-list*/



.case_list {padding-top:20px;}



.case_list ul li{width:286px;height:260px;float:left;margin:12px 10px 12px 10px;_margin:12px 8px 12px 9px;}



.case_list ul li h1{width:286px;height:219px;background:#fafafa;}



.case_list ul li h1 a{width:282px;height:215px;display:block;border:2px solid #c1c2c3;}



.case_list ul li h1 img{padding:5px;}



.case_list ul li h2{margin-top:5px;text-align:center;background-color:#e5e5e5;line-height:40px;height:40px;overflow:hidden;font-size: 16px;}



.case_list ul li h2 a{color:#353535;}



.case_list ul li:hover h1 a{border:2px solid #00418d;}



.case_list ul li:hover h2{background:#00418d;}



.case_list ul li:hover h2 a{color:#fff;} .header1{ z-index:9; height:90px; position:fixed; background:#ffffff; border-bottom:1px solid rgba(255,255,255,.2); top:0px; width:100%; padding:0 30px; box-shadow:0px 0px 10px 0 rgba(0, 0, 0, 0.1); -webkit-transition:all .5s ease; transition:all .5s ease; } .header1.active{ background:rgba(255,255,255,.95); } .header1.scroll{ height:70px; } .header1:hover{ background:rgba(255, 255, 255, 0.9); } .wel_top{ z-index:9; height:40px; position:fixed; background:#0056a8; top:0px; width:100%; padding:0 30px; overflow:hidden; } .wel_top .top_tel{ color:#fff; line-height:40px; font-weight:bold; font-size:16px; } .wel_top .top_tel .iconfont{ line-height:40px; height:40px; width:30px; display:inline-block; } .wel_top .top_tel .iconfont:before{ content:'\e628'; color:#fff; font-size:20px; } .wel_top .top_link{ color:#fff; line-height:40px; } .wel_top .top_link a{ color:#fff; display:inline-block; } .wel_top .clear{ clear:both; } .header1 h1{ width:250px; height:59px; position:relative; overflow:hidden; -webkit-transition:all .3s ease; transition:all .3s ease; margin-top:15px; } .header1 h1 img{ max-width:100%; position:absolute; left:0px; top:0px; opacity:0; -webkit-transition:all 0.5s 0s cubic-bezier(0.86, 0.5, 1, 1); transition:all 0.5s 0s cubic-bezier(0.86, 0.5, 1, 1); } .header1 h1 img.img1{ opacity:1; } .header1:hover h1 img.img1{ opacity:0; } .header1.active h1 img.img1{ opacity:0; } .header1:hover h1 img.img2{ opacity:1; } .header1.active h1 img.img2{ opacity:1; } .header1.scroll h1{ height:90px; width:126px; } .header1 nav{ float:none; height:90px; line-height:90px; width:auto; position:absolute; right:50px; top:0px; margin-left:0px; -webkit-transition:all .3s ease; transition:all .3s ease; } .header1.scroll nav{ height:70px; line-height:70px; } .header1 nav li{ float:left; display:inline-block; text-align:center; font-size:15px; font-weight:bold; -webkit-transition:all 0.3s cubic-bezier(0.86, 0.5, 1, 1); transition:all 0.3s cubic-bezier(0.86, 0.5, 1, 1); margin:0 30px; } .header1.scroll nav li{ -webkit-transition:all .3s ease; transition:all .3s ease; -webkit-transition-delay:0s !important; transition-delay:0; }  /*#c_portalResnav_main-15616057145256173 .header1 nav li:last-child:hover{ border:1px solid #0056a8; background:#0056a8; }*/ .header1 nav li:last-child:hover a{ color:#000; } .js-m.animate{ opacity:1; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); } .js-m.js-m-2{ opacity:1; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); -webkit-transition:all .8s ease; transition:all .8s ease; } .js-m.js-m-2.animate{ opacity:1; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); } .hvr-left:before{ content:""; position:absolute; z-index:-1; background:#0056a8; left:0%; right:0px; width:0%; bottom:0px; height:3px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .hvr-left:hover:before{ width:100%; } .hvr-left.cur:before{ width:100%; } .hvr-left{ vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px transparent; -webkit-backface-visibility:hidden; backface-visibility:hidden; position:relative; } .header1 nav li > a{ color:#333; text-transform:uppercase; display:block; position:relative; -webkit-transition:color 0.5s; transition:color 0.5s; -webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); } .hvr-left:hover > a{ color:#0056a8; } .hvr-left.active > a{ color:#0056a8; } .header1 .nav-sub{ width:180px; background:#fff; position:absolute; top:90px; left:0px; height:auto; box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.1); -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0); -webkit-transition:-webkit-transform .3s .2s; transition:transform .3s .2s; } .header1 .nav-sub.active{ -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -webkit-transition:-webkit-transform .3s; transition:transform .3s; } .header1 .nav-sub.active .n-nav-sub{ opacity:1; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); -webkit-transition:all .2s .3s; transition:all .2s .3s; } .header1.scroll .nav-sub{ top:70px; } .header1 .nav-sub .n-nav-sub{ opacity:0; -webkit-transform:translate(0, -20px); -ms-transform:translate(0, -20px); transform:translate(0, -20px); -webkit-transition:all .2s; transition:all .2s; } .header1 .nav-sub a{ height:45px; line-height:45px; display:block; padding:0 20px; text-align:left; color:#333; font-size:14px; position:relative; -webkit-transition:all 0.3s cubic-bezier(0.86, 0.5, 1, 1); transition:all 0.3s cubic-bezier(0.86, 0.5, 1, 1); } .header1 .nav-sub a:hover{ background-color:#0056a8; color:#fff; } .header1 .nav-sub .nav-arrow{ position:absolute; top:15px; right:10px; width:16px; height:16px; opacity:0; -webkit-transform:rotate(0deg) translate(-20px, 0px); -ms-transform:rotate(0deg) translate(-20px, 0px); transform:rotate(0deg) translate(-20px, 0px); } .header1 .nav-sub a:hover .nav-arrow{ -webkit-transition:-webkit-transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms; transition:transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms; opacity:1; -webkit-transform:rotate(0deg) translate(0px, 0px); -ms-transform:rotate(0deg) translate(0px, 0px); transform:rotate(0deg) translate(0px, 0px); } .icon-up:before{ content:'\e6a7'; } .header1 .nav-sub .nav-arrow:before{ font-size:16px; color:#fff; } .header1 .header-right{ width:60px; display:none; position:absolute; right:.5rem; top:0px; z-index:10; } .header1 .header-right .search-btn{ width:60px; height:90px; line-height:90px; text-align:center; cursor:pointer; display:inherit; -webkit-transition:all .3s ease; transition:all .3s ease; } .header1.scroll .header-right .search-btn{ height:70px; line-height:70px; } .icon-search1:before{content:'\e661'; } .header1 .header-right .search-btn:before{ font-size:25px; color:#fff; -webkit-transition:color .3s ease-in-out; transition:color .3s ease-in-out; } .header1:hover .header-right .search-btn:before{ color:#000; } .header1.active .header-right .search-btn:before{ color:#000; } .header1:hover .header-right .search-btn:hover:before{ color:#0056a8; } .header1.active .header-right .search-btn:hover:before{ color:#0056a8; } .header2{ height:60px; position:fixed; background:#ffffff; z-index:22; top:0px; width:100%; display:none; }


.ny_banner{width:100%;position:relative;height: 300px;clear: left;}
.about_ban{background: url(../images/about_ban.jpg) no-repeat center}
.news_ban{background: url(../images/about_ban.jpg) no-repeat center}
.product_ban{background: url(../images/about_ban.jpg) no-repeat center}
.contact_ban{background: url(../images/contact_ban.jpg) no-repeat center}
.case_ban{background: url(../images/case_ban.jpg) no-repeat center}
.service_ban{background: url(../images/xfwl_ban.jpg) no-repeat center}
.join_ban{background: url(../images/join_ban.jpg) no-repeat center}
.yxwl_ban{background: url(../images/yxwl_ban.jpg) no-repeat center}




.ny_baninfo{width:1200px;height:225px;position: absolute;top: 50px;left:50%;margin-left: -600px;}
.ny_baninfo h3{font-size: 36px;color: #000;line-height: 40px;margin-top: 60px;text-align:center;}
.ny_baninfo .ny_fubiao{width:100%;height: auto;overflow: hidden;margin-top: 15px;}
.ny_baninfo .ny_fubiao hr{width:55px;height: 1px;background: #000;margin-top: 10px;margin-right: 8px;margin:0 auto;}
.ny_baninfo .ny_fubiao p{float: left; font-size: 14px; color: #fff;}
.ny_baninfo .ny_fubiao p a{font-size: 14px; color: #fff}
.ny_baninfo h4{font-size: 56px;font-family: "Arial"}
.ny_baninfo .ny_fubiao p a:hover{color:#0c4499}
.shine{background: #fff -webkit-gradient(linear, left top, right top, from(#fff), to(#fff), color-stop(0.9, #0c4499)) 0 0 no-repeat;
	-webkit-background-size: 125px;
	color: rgba(255, 255, 255, 0.1);
	-webkit-background-clip: text;
	height:50px;
	line-height:50px;
	font-weight:bold;
	display:block;
	position:absolute;
	left:0;
	top:0%; 
	-webkit-animation-name: shine;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
}


 .product{padding-bottom: 50px;background: #f2f2f2;}
 .product .in_title{padding-bottom: 40px;}
 .product .tab{padding-bottom: 40px;text-align: center;}
 .product .tab a{position: relative;display: inline-block;font-size: 16px;line-height: 38px;text-align: center;padding: 0 18px;margin: 0 10px;border: 1px solid #e3e3e3;background: #fff;transition: all .5s;}
 .product .tab a:hover{color: #fff;border-color: var(--colour1);background: var(--colour1);}
 .product ul li{float: left;width: 388px;margin-right: 15px;margin-bottom: 15px;background: #fff;text-align: center;transition: all .5s;}
 .product ul li:nth-child(4n){margin-right: 0;}
 .product ul li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
 .product ul li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
 .product ul li .tit p{color: #333;font-size: 20px;line-height: 64px;border-bottom: 1px solid #eee;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
 .product ul li .tit span{display: block;line-height: 50px;transition: all .5s;}
 .product ul li:hover .img img{transform: scale(1.1);}
 .product ul li:hover{box-shadow: 0px 0px 20px #aaa;}
 .product .more{margin-top: 35px;}
 .product .more a{display: block;margin: auto;width: 250px;background: #fff;border: 1px solid #ccc;text-align: center;line-height: 48px;}
 .product .more a:hover{color: #fff;background: var(--colour1);border-color: var(--colour1);}
@media (max-width: 1600px){
 .product .tab a{font-size: 14px;line-height: 33px;padding: 0 15px;margin: 0 8px;}
 .product ul li{width: 288px;}
 .product ul li .img .bg .txt{right: 8px;width: 188px;height: 36px;padding-left: 10px;font-size: 12px;line-height: 12px;}
 .product ul li .tit p{font-size: 16px;line-height: 50px;}
 .product ul li .tit span{line-height: 40px;}}
 
 
 .in_title{padding-top: 70px;padding-bottom: 50px;text-align: center;}
 .in_title p{font-size: 26px; font-weight: bold; margin-bottom: 2px;}
 .in_title em{font-size: 12px; text-transform: uppercase; font-style: normal; color: #999;}
 .in_title i{background: var(--colour1); width: 30px; height: 1px; display: block; margin: auto; margin-top: 14px;}
 
 .w1200{width: 1200px; margin: 0 auto;}
 
 .gg3 {
    background: url(../images/gg3.jpg) no-repeat top center;
    height: 173px;
    margin-top: 20px;
}

.wrap{ width:1200px; margin:0 auto; height:auto;}
.red{color: red}
.youshi{background: url(../images/youshi_bg.jpg) no-repeat center;height: 350px;}
.youshi dl{float:left;width: 30%;margin: 60px 20px 0 20px;text-align: center;}
.youshi dl dd.dd_title a{font-size:22px; line-height: 40px;display:block; height:40px}
.youshi dl dd a{font-size:14px; line-height: 20px;}
.youshi dl a{color:#fff}
.youshi dl dd.dd_line{display:block;width:57px;height: 5px;margin:10px auto 20px auto; background: #fff;}




 .phone{background: url(../images/header_icon05.png) no-repeat right center;padding-right: 42px;float:right;margin-top: 23px;text-align: right;}
 .phone p{color: #999999;font-size: 14px;}
 .phone span{display: block;font-size: 24px;color: #2a2a2a;}