body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }  
body, button, input, select, textarea { font:12px Arial, Tahoma, 'Microsoft Yahei'; color:#454545; }  
button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-size:100%; }  
h2, h3 { font-size:14px; }  
button, input, select, textarea, label { vertical-align:middle; border: 0;}  
img { vertical-align:middle; border:none; display:inline-block; max-width: 100%;}  
ul, ol { list-style:none; }  
a { text-decoration:none; color:#454545; vertical-align:baseline; cursor:pointer; }  
a:hover { color:#000; }  
table { border-collapse:collapse; border-spacing:0; }  
body { word-wrap:break-word; word-break:break-all;}  

/*清浮*/  
.g-cf:after { content:""; clear:both; display:table; }  
.g-cf { zoom:1; }  
/*浮动*/  
.g-f-l { float:left; _display:inline; }  
.g-f-r { float:right; _display:inline; } 


.wrap{ width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden; }
.container{ width: 100%; max-width: 1200px; margin: 0 auto; }

.search{ margin-top: 14px; overflow: hidden; }
.search input{ width: 206px; height: 24px; text-indent: 10px; color: #999; border: 1px solid #999; border-right: 0; float: left; outline: none; }
.search button{ float: left; cursor: pointer; }
.phone{ height: 26px; padding-left: 37px; background: url(../images/phone_05.jpg) no-repeat left center; color: #1660b5; margin-top: 10px; }
.phone span{ font-weight: bold; font-style: italic; font-size: 20px; }

.nav{ height: 40px; background-color: #1660b5; }
.nav ul li{ float: left; width: 11%; text-align: center; line-height: 40px; font-size: 14px; background: url(../images/x_06.jpg) no-repeat right center; }
.nav ul li:last-child{ background: none; }
.nav ul li a{ display: block; color: #fff; transition: all linear .3s; }
.nav ul li.active a{ color: #85bcfb; }
.nav ul li:hover a{ color: #85bcfb; }

.banner{ width: 100%; position: relative; overflow: hidden; }
.banner .slide{ width: 100%; height: 100%; }
.banner .bx-controls-direction{ display: none;}
.banner .bx-pager{ position: absolute; width: 100%; left: 0; bottom: 58px; text-align: center; }
.banner .bx-pager .bx-pager-item{ display: inline-block; border-radius: 50%; margin: 0 8px; text-indent: -999px; overflow: hidden; }
.banner .bx-pager .bx-pager-item a{ display: block; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; }
.banner .bx-pager .bx-pager-item a.active{ background-color: #1660b5; }

.main{ background: url(../images/bg2_03.jpg) repeat-x; background-size: auto 100%; }
.main-k{ transform: translateY(-42px); }
.index-top{ background-color: #ededed; padding: 25px 0; }
.index-news{ padding-left: 20px; width: 410px; }
.index-news h3{ font-weight: normal; font-size: 16px; color: #666; }
.index-news h3 small{ font-size: 12px; text-transform: uppercase; color: #ccc; }
.index-news ul{ margin-top: 20px; }
.index-news ul li{ float: left; width: 180px; margin-right: 20px; }
.index-news ul li .time{ font-size: 12px; color: #103b80; background: url(../images/jt_03.jpg) no-repeat left center; padding-left: 8px; }
.index-news ul li p{ padding-left: 8px; font-size: 12px; color: #666; line-height: 20px; height: 40px; overflow: hidden; margin-top: 12px; }
.index-pro ul{ margin-right: 12px; width: 754px; }
.index-pro ul li{ float: left; width: 178px; margin-right: 10px; }
.index-pro ul li p{ margin-top: 11px; color: #103b80; }
.index-pro ul li p small{ font-size: 10px; color: #ccc; text-transform: uppercase; padding-left: 10px; }

.index-case-tit{ height: 34px; background: #7f9caa url(../images/go_03.jpg) no-repeat right center; }
.index-case-tit span{ display: block; width: 138px; height: 34px; background: url(../images/bg_03.jpg) no-repeat; line-height: 34px; text-indent: 36px; font-size: 16px; color: #fff; }
.index-case-con{ margin-top: 27px; position: relative; }
.index-case-con .bx-wrapper{ margin: 0 auto; }
.index-case-con .bx-pager{ display: none; }
.index-case-con .bx-controls-direction a{ position: absolute; width: 31px; height: 62px; text-indent: -99px; overflow: hidden;  top: 28px;}
.index-case-con .bx-controls-direction a.bx-prev{ background: url(../images/left_06.jpg) no-repeat; left: 0; }
.index-case-con .bx-controls-direction a.bx-next{ background: url(../images/right_06.jpg) no-repeat; right: 0; }
.index-case-con .slide p{ margin-top: 12px; text-align: center; font-size: 14px; color: #333; }

.footer{ height: 75px; background-color: #ccc; }
.ewm-k{ margin-top: 11px; padding: 0 15px; border-right: 1px solid #ababab; text-align: center; position: relative; }
.ewm-k p{ color: #868686; margin-top: 6px; }
.ewm-xf{ position: absolute; width: 110px; height: 110px; background-color: #fff; border-radius: 4px; padding: 6px; left: 50%; bottom: 66px; margin-left: -62px; display: none; }
.ewm-xf:after{ content: ""; position: absolute; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid transparent; border-top: 10px solid #fff; left: 50%; bottom: -20px; margin-left: -10px; }
.ewm-k:hover .ewm-xf{ display: block; }
.address{ float: left; margin: 11px 0 0 17px; width: 340px; color: #868686; line-height: 18px; }
.footer-nav{ margin-top: 15px; }
.footer-nav ul li{ float: left; width: 60px; height: 22px; background-color: #fff; text-align: center; line-height: 22px; font-size: 12px; margin-left: 2px; transition: all linear .3s; }
.footer-nav ul li a{ display: block; color: #868686; transition: all linear .3s; }
.footer-nav ul li:hover{ background-color: #1660b5; }
.footer-nav ul li:hover a{ color: #fff; }
.footer-nav p{ float: right; color: #868686; line-height: 22px; }


/* 延迟动画 */
.delay0{ -moz-animation-duration:.8s; -moz-animation-delay:0s; -webkit-animation-duration:.8s; -webkit-animation-delay:0s}
.delay1{ -moz-animation-duration:.8s; -moz-animation-delay:.2s; -webkit-animation-duration:.8s; -webkit-animation-delay:.2s}
.delay2{ -moz-animation-duration:.8s; -moz-animation-delay:.4s; -webkit-animation-duration:.8s; -webkit-animation-delay:.4s}
.delay3{ -moz-animation-duration:.8s; -moz-animation-delay:.6s; -webkit-animation-duration:.8s; -webkit-animation-delay:.6s}
.delay4{ -moz-animation-duration:.8s; -moz-animation-delay:.8s; -webkit-animation-duration:.8s; -webkit-animation-delay:.8s}
.delay5{ -moz-animation-duration:.8s; -moz-animation-delay:1s; -webkit-animation-duration:.8s; -webkit-animation-delay:1s}
.delay6{ -moz-animation-duration:.8s; -moz-animation-delay:1.2s; -webkit-animation-duration:.8s; -webkit-animation-delay:1.2s}
.delay7{ -moz-animation-duration:.8s; -moz-animation-delay:1.4s; -webkit-animation-duration:.8s; -webkit-animation-delay:1.4s}
.delay8{ -moz-animation-duration:.8s; -moz-animation-delay:1.6s; -webkit-animation-duration:.8s; -webkit-animation-delay:1.6s}
.delay9{ -moz-animation-duration:.8s; -moz-animation-delay:1.8s; -webkit-animation-duration:.8s; -webkit-animation-delay:1.8s}
.delay10{ -moz-animation-duration:.8s; -moz-animation-delay:2s; -webkit-animation-duration:.8s; -webkit-animation-delay:2s}

.navdelay0{ -moz-animation-duration:1.4s; -moz-animation-delay:0s; -webkit-animation-duration:1.4s; -webkit-animation-delay:0s}
.navdelay1{ -moz-animation-duration:1.4s; -moz-animation-delay:.2s; -webkit-animation-duration:1.4s; -webkit-animation-delay:.2s}
.navdelay2{ -moz-animation-duration:1.4s; -moz-animation-delay:.4s; -webkit-animation-duration:1.4s; -webkit-animation-delay:.4s}
.navdelay3{ -moz-animation-duration:1.4s; -moz-animation-delay:.6s; -webkit-animation-duration:1.4s; -webkit-animation-delay:.6s}
.navdelay4{ -moz-animation-duration:1.4s; -moz-animation-delay:.8s; -webkit-animation-duration:1.4s; -webkit-animation-delay:.8s}
.navdelay5{ -moz-animation-duration:1.4s; -moz-animation-delay:1s; -webkit-animation-duration:1.4s; -webkit-animation-delay:1s}
.navdelay6{ -moz-animation-duration:1.4s; -moz-animation-delay:1.2s; -webkit-animation-duration:1.4s; -webkit-animation-delay:1.2s}
.navdelay7{ -moz-animation-duration:1.4s; -moz-animation-delay:1.4s; -webkit-animation-duration:1.4s; -webkit-animation-delay:1.4s}
.navdelay8{ -moz-animation-duration:1.4s; -moz-animation-delay:1.6s; -webkit-animation-duration:1.4s; -webkit-animation-delay:1.6s}
.navdelay9{ -moz-animation-duration:1.4s; -moz-animation-delay:1.8s; -webkit-animation-duration:1.4s; -webkit-animation-delay:1.8s}
.navdelay10{ -moz-animation-duration:1.4s; -moz-animation-delay:2s; -webkit-animation-duration:1.4s; -webkit-animation-delay:2s}



.ny-main{ position: relative; padding-top: 30px; margin-bottom: 86px; }
.ny-main:after{ content: ""; position: absolute; width: 7px; height: 278px; background: url(../images/bg3_03.jpg) no-repeat; left: -7px; top: 0; }
.ny-main:before{ content: ""; position: absolute; width: 7px; height: 278px; background: url(../images/bg3_03.jpg) no-repeat; right: -7px; top: 0; }
.main-l{ width: 282px; margin-left: 22px; }
.main-ltit{ border-bottom: 1px solid #e9e9e9; padding-bottom: 16px; }
.main-ltit img{ float: left; }
.main-ltit div{ float: left; margin-left: 10px; font-weight: bold; font-size: 18px; color: #333; }
.main-ltit div span{ font-size: 16px; color: #bbb; font-weight: normal; display: block; text-transform: uppercase; }
.main-l-list{ margin-top: 20px; margin-bottom: 46px; }
.main-l-list ul li{ height: 42px; line-height: 42px; text-indent: 74px; font-size: 16px; background: url(../images/bg5_03.jpg) no-repeat 56px center; margin-bottom: 9px; transition: all linear .3s; }
.main-l-list ul li a{ display: block; color: #333; transition: all linear .3s; }
.main-l-list ul li.active{ background: #1660b5 url(../images/bg6_03.jpg) no-repeat 56px center;; }
.main-l-list ul li.active a{ color: #fff; }
.main-l-list ul li:hover{ background: #1660b5 url(../images/bg6_03.jpg) no-repeat 56px center;; }
.main-l-list ul li:hover a{ color: #fff; }
.contactus{ margin-top: 27px; }
.contactus p{ font-size: 14px; color: #666; }
.phone2{ font-style: italic; font-size: 24px; color: #333; padding-left: 34px; line-height: 52px; background: url(../images/phone2_03.jpg) no-repeat left center; }
.main-r{ float: right; width: 840px; margin-right: 20px; }
.main-rtit{ height: 55px; line-height: 55px; border-bottom: 1px solid #e9e9e9; }
.main-rtit h2{ font-size: 16px; color: #666; }
.main-rtit h2 small{ color: #1660b5; padding-left: 12px; text-transform: uppercase; font-size: 16px; }
.crumbs{ color: #666; }
.crumbs a{ color: #666; transition: all linear .3s; }
.crumbs a:hover{ color: #1660b5; }
.brief img{ float: right; margin: 0 0 30px 30px; }
.brief p{ font-size: 14px; color: #666; line-height: 30px; margin-top: 30px; }


.news-list{ margin-top: 15px; }
.news-list ul li{ height: 48px; line-height: 48px; border-bottom: 1px dashed #e6e6e6; background: url(../images/bg5_03.jpg) no-repeat left center; text-indent: 22px; font-size: 14px; }
.news-list ul li a{ display: block; width: 670px; height: 48px; color: #333; overflow: hidden; float: left; transition: all linear .3s; }
.news-list ul li:hover a{ color: #1660b5; }
.news-list ul li span{ float: right; font-size: 12px; color: #999; }
.paging{ margin: 30px 0 0; }
.paging div{ float: left; margin: 0 5px; overflow: hidden; }
.paging div a{ float: left; margin: 0 3px; color: #333; height: 20px; padding: 0 7px; border: 1px solid #ccc; line-height: 20px; font-size: 12px; }
.paging div a.active{ color: #fff; background-color: #1660b5; border: 1px solid #1660b5; }
.paging div a.prevPage, .paging div a.nextPage{ padding: 0; overflow: hidden; }
.paging div a.prevPage{ width: 20px; background: url(../images/prev_05.jpg) no-repeat; }
.paging div a.nextPage{ width: 20px; background: url(../images/next_05.jpg) no-repeat; }
.paging div a.prevPage img, .paging div a.nextPage img{ float: left; }


.brief-tit{ margin-top: 34px; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; }
.brief-tit h3{ font-weight: normal; font-size: 24px; color: #333; text-align: center; }
.brief-tit p{ text-align: center; color: #999; line-height: 42px; }
.brief-con p{ margin-top: 20px; font-size: 14px; color: #666; line-height: 24px; text-indent: 2em; }
.brief-con img{ margin-top: 28px; }
.fanye{ border-top: 1px solid #ccc; margin-top: 30px; padding-top: 16px; }
.fanye p{ font-size: 14px; color: #666; line-height: 32px; transition: all linear .3s; }
.fanye p a{ color: #666; transition: all linear .3s; }
.fanye p:hover{ color: #269248; }
.fanye p:hover a{ color: #269248; }

.pro-lsit{ margin-top: 20px; }
.pro-lsit ul li{ float: left; width: 21.66%; margin-right: 4.45%; margin-bottom: 14px; }
.pro-lsit ul li div{ overflow: hidden; }
.pro-lsit ul li div img{ transition: all linear .3s; }
.pro-lsit ul li:nth-child(4n){ margin-right: 0; }
.pro-lsit ul li p{ font-size: 14px; color: #333; text-align: center; line-height: 40px; transition: all linear .3s; }
.pro-lsit ul li:hover p{ color: #1660b5; }
.pro-lsit ul li:hover div img{ transform: scale(1.2, 1.2); }

.honor h2{ text-align: center; font-size: 24px; color: #333; line-height: 94px; font-weight: normal; }
.honor ul li{ float: left; width: 30.1%; margin-right: 4.85%; margin-top: 16px; }
.honor ul li:nth-child(3n){ margin-right: 0; }
.honor ul li p{ font-size: 16px; color: #333; text-align: center; line-height: 58px; transition: all linear .3s; }
.honor ul li:hover p{ color: #1660b5; }


.contact{ margin-top: 24px; }
.map{ margin-bottom: 30px; }
.contact p{ font-size: 16px; color: #333; line-height: 36px; }


.liuyan{ margin-top: 50px; }
.liuyan ul li{ margin-bottom: 16px; }
.liuyan ul li span{ float: left; height: 36px; line-height: 36px; text-align: right; width: 95px; font-size: 14px; color: #666; }
.liuyan ul li input{ width: 300px; height: 36px; text-indent: 10px; border: 1px solid #cbcbcb; margin-left: 6px; margin-right: 10px; }
.liuyan ul li i{ font-style: normal; color: #999; line-height: 36px; }
.liuyan ul li textarea{ width: 590px; height: 198px; border: 1px solid #cbcbcb; padding: 4px 10px 0; margin-left: 6px; }
.liuyan ul li.yzm input{ width: 160px; }
.yzmp{ display: inline-block; width: 127px; height: 34px; border: 1px solid #cbcbcb; }
.liuyan ul li.yzm p{ display: inline-block; line-height: 36px; color: #999; margin-left: 10px; }
.liuyan ul li.yzm p a{ color: #1660b5; }
.liuyan button{ width: 190px; height: 46px; background-color: #e33a3c; font-size: 16px; color: #fff; margin: 25px 0 0 100px; }


.post{ margin-top: 20px; }
.post-tit{ margin-bottom: 8px; }
.post-tit ul li{ float: left; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 18px; margin-right: 5px; }
.post-tit ul li:last-child{ margin-right: 0; }
.post-tit ul li.width1{ width: 280px; background-color: #d51423; }
.post-tit ul li.width2{ width: 228px; background-color: #d51423; }
.post-tit ul li.width3{ width: 176px; background-color: #222936; }
.post-tit ul li.width4{ width: 140px; background-color: #222936; }
.post-list-tit{ height: 55px; line-height: 55px; border-bottom: 1px dashed #ccc; font-size: 16px; color: #333; cursor: pointer; }
.post-list-tit span{ display: inline-block; text-align: center; }
.post-list-tit span.width1{ width: 280px; }
.post-list-tit span.width2{ width: 228px; }
.post-list-tit span.width3{ width: 176px; }
.post-list-tit span.width4{ width: 120px; }
.post-list-tit span.width5{ float: right; transition: all linear .3s; }
.post-list-tit span.width5.active{ transform: rotate(90deg); color: #da2b23; }
.post-list-xx{ margin-top: 22px; overflow: hidden; }
.post-list-xx span{ float: left; width: 20%; font-size: 14px; color: #666;text-align: center; }
.post-list-k{ margin-top: 26px; margin-left: 22px; }
.post-list-k h3{ font-size: 14px; color: #e60020; }
.post-list-k p{ font-size: 14px; color: #666; line-height: 26px; }
.post-list-con{ display: none; margin-bottom: 20px; }


.idea-con{ margin-top: 20px; }
.idea-con p{ font-size: 14px; color: #666; line-height: 24px; }
.idea-con img{ margin-top: 28px; }
.idea-con h4{ font-size: 18px; color: #333;  line-height: 60px;}



.pro-detail{ margin-top: 30px; }
.pro-detail-pic{ width: 654px; margin: 0 auto 50px; }
.pro-detail-bigp{ margin-bottom: 10px; width: 654px; height: 424px; }
.pro-slider-sm{ position: relative; }
.pro-slider-sm .bx-wrapper{ margin: 0 auto; }
.pro-slider-sm .slide{ cursor: pointer; }
.pro-slider-sm .bx-pager{ display: none; }
.pro-slider-sm .bx-controls-direction a{ display: block; width: 24px; height: 50px; position: absolute; top: 16px; text-indent: -99px; overflow: hidden; }
.pro-slider-sm .bx-controls-direction a.bx-prev{ background: url(../images/left2_03.jpg) no-repeat center center; left: 15px;}
.pro-slider-sm .bx-controls-direction a.bx-next{ background: url(../images/right2_03.jpg) no-repeat center center; right: 15px;}
.pro-slider-sm .bx-controls-direction a.bx-prev:hover{ background: url(../images/left3_03.jpg) no-repeat center center;}
.pro-slider-sm .bx-controls-direction a.bx-next:hover{ background: url(../images/right3_03.jpg) no-repeat center center;}
.pro-detail p{ font-size: 14px; color: #666; line-height: 24px; margin-top: 20px;}

.mod18{width:654px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:5px;background:url(../images/left2_03.jpg) no-repeat;}
.mod18 .prev:hover{background:url(../images/left3_03.jpg) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:24px;height:50px; display: none;}
.mod18 #prev,.mod18 #next{top:455px;width:24px;height:50px;}
.mod18 #prevTop{background:url(../images/left2_03.jpg) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/right2_03.jpg) 0 0 no-repeat;}
.mod18 .next{right:5px;background:url(../images/right2_03.jpg) no-repeat;}
.mod18 .next:hover{background:url(../images/right3_03.jpg) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:654px;height:424px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:654px; height:424px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:424px;position:absolute; left:0;}
.mod18 .picBox li{ width:654px;height:424px;}
.mod18 .listBox{width:556px;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute;}
.mod18 .listBox li{ box-sizing: border-box;width:127px; height:84px; margin-right: 16px; cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;}
.mod18 .listBox .on{border:2px solid #1660b5;}