@charset "utf-8";

/* CSS Document */



*{margin:0;padding:0}

html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  

-moz-tap-highlight-color:rgba(0, 0, 0, 0);  

-ms-tap-highlight-color:rgba(0, 0, 0, 0);  

-o-tap-highlight-color:rgba(0, 0, 0, 0);  

tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"Microsoft Yahei",Arial; font-size:16px;overflow-x:hidden; color:#333}

a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s; transition:.3s;color:#666}

a:hover{color:#ef9c10}

img{ border:none; outline:none}

table{ border-collapse:collapse}

ul,ol,li{ list-style:none}

.clearfix{zoom:1; clear:both}

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

.fl{ float:left}

.fr{ float:right}

botton,input,textarea{ outline:none; font-family:inherit}

h1,h2,h3,h4,h5{ font-weight:normal}

.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}

.col01{ color:#1f73b6;}

.col02{ color:#ef9c10;}



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

.header{ position:relative; z-index:99}

.header-top{ height:132px;}

.header-top .logo{ margin-top:41px}

.header-top .logo img{ display:block; float:left}

.header-top .logo .text{ float:left; margin-left:16px; padding-left:18px;position:relative}

.header-top .logo .text:before{ content:""; width:1px; height:50px; background:#ddd; position:absolute; left:0; top:2px}

.header-top .logo .text .p1{color:#333; font-size:20px;}

.header-top .logo .text .p2{ font-size:20px; color:#1f73b5; font-weight:bold;}

.header-top .logo .text .p2 span{ color:#ed9d10; background:url(../images/xing.png) no-repeat left center; padding-left:25px; margin-right:10px;}

.header-top .tel{ margin-top:50px; background:url(../images/tel.png) no-repeat left top; padding-left:50px; color:#333;}

.header-top .tel span{ color:#1f73b6; display:block; font-weight:bold; font-size:18px}

.header-bot{ background:#1f74b6; height:58px; line-height:58px}

.menu li{ float:left;width:11%; text-align:center; position:relative}

.menu li a{color:#fff;display:block;}

.menu .menu-a{color:#fff; font-size:18px; font-weight:bold; overflow:hidden;position:relative}

.menu .menu-a i{ width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #f29713; position:absolute; left:50%; margin-left:-6px;bottom:-8px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.menu li:hover .menu-a i{ bottom:0}

.menu li .sub{ background:#f29713; position:absolute; width:100%;left:0;display:none}

.menu li .sub p{ border-bottom:1px solid #f9cb89; line-height:43px}

.banner .slick-slide img{ width:100%; height:auto; display:block}

.banner .slick-dots li button{ background:#1d669f; width:15px; height:15px}

.banner .slick-dots li.slick-active button{ background:#ef9b17}

.hot-search{border-bottom:1px solid #ddd; padding:14px 0}

.hot-search .left{ color:#333; line-height:35px;max-width:70%}

.hot-search .left a{ color:#999; position:relative;display:inline-block;padding-right:10px; margin-right:10px}

.hot-search .left a:after{ content:""; width:1px; height:15px; background:#ddd; position:absolute; right:0; top:10px;}

.hot-search .left a:last-child::after{ display:none}

.hot-search .left a:hover{color:#1f73b6}

.hot-search .right{ width:25%;position:relative}

.hot-search .right .input{ border:none; color:#999; background:#f7f7f7; padding:5px 48px 5px 15px; line-height:29px; width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}

.hot-search .right .btn{width:39px; height:39px; background:#2383cf url(../images/searbtn.jpg) no-repeat center; border:none; position:absolute; right:0; top:0}

.title{ color:#333;margin-top:100px; margin-bottom:45px; text-align:center; font-size:36px; font-weight:bold}

.title .ltit{ color:#666; font-size:24px; display:block; font-weight:normal}

.i-pro-tit a{ display:block; background:#1f74b7; line-height:67px; color:#fff; font-size:24px; float:left; width:50%; text-align:center; position:relative}

.i-pro-tit a.i-pro-tit-h,.i-pro-tit a:hover{ background:#ef9c10}

.i-pro-tit a:after{ content:""; width:0; height:0;border-left:15px solid transparent; border-right:15px solid transparent; border-top:15px solid #ef9c10; position:absolute; left:50%; bottom:-15px; margin-left:-15px; display:none}

.i-pro-tit a.i-pro-tit-h:after,.i-pro-tit a:hover:after{ display:block}

.i-pro-con{ padding-top:35px;}

.i-pro-con .i-pro-con-list{ display:none}

.i-pro-con .i-pro-cl{margin-bottom:30px}
.i-pro-con .i-pro-cl ul{display:flex;justify-content: space-between;flex-wrap:wrap;}
.i-pro-con .i-pro-cl li{ display:inline-block;width:118px;line-height: 45px;}
.i-pro-con .i-pro-cl a{display: block;background: #eeeeee; color:#333;text-align: center; margin-bottom:5px;}

.i-pro-con .i-pro-cl li:hover a,.i-pro-con .i-pro-cl .active a{background:#ef9c10; color:#fff}

.i-pro-con-list .tab-content{ width:102%}

.i-pro-con-list .tab-content li{ float:left; width:32.33%; margin-right:1%; margin-bottom:1%; text-align:center;}

.i-pro-con-list .tab-content li a{ display:block;border:1px solid #ddd}

.i-pro-con-list .tab-content li .pic{padding:2px 2px 0;-webkit-transition:.5s ease;-moz-transition:.5s ease;-ms-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;}

.i-pro-con-list .tab-content li img{ width:100%; display:block; height:auto}

.i-pro-con-list .tab-content li .tit{ color:#333; padding:10px 0 25px;overflow:hidden; text-overlow:ellipsis; white-space:nowrap}

.i-pro-con-list .tab-content li .pic,.i-pro-con-list .tab-content li .tit{ position:relative;}

.i-pro-con-list .tab-content li:hover span{ position:relative}

.i-pro-con-list .tab-content li .tit,.i-pro-con-list .tab-content li .tit:before{-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;}

.i-pro-con-list .tab-content li .tit:before{ content:""; width:100%; height:100%; position:absolute; left:0;bottom:-100%;background:#1f74b7;}

.i-pro-con-list .tab-content li:hover .pic{background:#1f74b7}

.i-pro-con-list .tab-content li:hover .tit:before{ bottom:0;}

.i-pro-con-list .tab-content li:hover .tit{ color:#fff;}



.i-reason .title .ltit{ color:#ef9c10}

.i-reason .intro{ margin-top:-30px; text-align:center; color:#666; line-height:30px}

.i-rea-list{ margin-top:45px; }

.i-rea-list li{ width:16.66%; float:left; text-align:center; color:#333; position:relative}

.i-rea-list li .pic{ width:119px; height:119px; margin:0 auto 20px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; overflow:hidden;}

.i-rea-list li .pic img{ width:100%; height:auto; display:block}

.i-rea-list li p{ padding-bottom:20px}

.i-rea-list li:after{ content:""; width:1px; height:100%; background:#ddd; position:absolute; right:0; top:0;}

.i-rea-list li:last-child::after{ display:none}



.i-advantage .title{ margin-top:80px}

.i-advan-list ul{ width:102%}

.i-advan-list li{ float:left; width:23%; margin-right:2%; text-align:center}

.i-advan-list li .pic{ width:227px; height:227px; border:6px solid #1f74b7; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; overflow:hidden; margin:0 auto 20px;}

.i-advan-list li .pic img{ width:100%; display:block}

.i-advan-list li h3{ color:#1f74b7; font-weight:bold; margin-bottom:20px}

.i-advan-list li .intro{ color:#333; line-height:24px}

.advertise{ background:#1f74b7; color:#fff; margin:100px 0; padding:20px 0}

.advertise .text{ position:relative; font-size:22px}

.advertise .text .img{ float:left; margin-right:50px}

.advertise .text h3{ font-size:33px; font-weight:bold; padding-top:35px}

.advertise .text .tel{ font-weight:bold; margin-top:35px; font-size:24px}
.advertise .text .tel a{color:#fff;}

.advertise .text .zixun{ background:#ef9c10 url(../images/icon_1.png) no-repeat 25px center; font-size:18px; font-weight:bold; color:#fff; padding:10px 35px 10px 55px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;position:absolute; right:35px; top:55px;}

.i-about .pic{ width:40%}

.i-about .pic img{ width:100%; height:auto; display:block}

.i-about .text{ width:57%}

.i-about .text h2{ font-weight:bold; font-size:30px; margin-bottom:20px}

.i-about .text p{ line-height:30px; margin-bottom:30px}

.i-about .text .more{ float:right; background:#1f74b7; color:#fff;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px; font-weight:bold; padding:9px 25px}

.i-about .text .more:hover{ background:#ef9c10; color:#fff}



.i-hor-list ul{ width:102%}

.i-hor-list li{ float:left; width:23%; margin-right:2%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; text-align:center}

.i-hor-list li .pic{border:1px solid #ddd; padding:5px; height:380px;position:relative}

.i-hor-list li .pic img{ max-width:100%; max-height:100%; display:inline-block; vertical-align:middle}

.i-hor-list li .pic i{ display:inline-block; width:0; height:100%; vertical-align:middle}

.i-hor-list li .tit{ margin-top:15px}

.i-news{ padding-top:100px;}

.i-news .left{ width:57%}

.i-news .top{ border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px}

.i-news .top h3{ display:inline-block; font-size:30px; font-weight:bold; color:#1f74b7}

.i-news .top .more{ padding-top:15px}

.i-news-list li{ border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px}

.i-news-list li:last-child{ margin-bottom:0}

.i-news-list li.li0{ border-bottom:none}

.i-news-list li.li0 .pic{ width:33%}

.i-news-list li.li0 .pic img{ display:block; width:100%; height:auto}

.i-news-list li.li0 .text{ width:63%}

.i-news-list li.li0 .text .tit{ font-size:18px; color:#333;}

.i-news-list li.li0 .text .time,.i-news-list li.li0 .text .info{ color:#999; line-height:24px}

.i-news-list li.li0 .text .time{ margin:10px 0}

.i-news-list li .time-2{ width:10%; text-align: center}

.i-news-list li .time-2 span{ display:block}

.i-news-list li .time-2 .day{ color:#999; font-size:36px; font-weight:bold;}

.i-news-list li .time-2 .year{color:#666}

.i-news-list li .text-2{ width:86%}

.i-news-list li .text-2 .tit{ color:#333; font-size:16px; padding:5px 0}

.i-news-list li .text-2 .info{ color:#999; font-size:14px}

.i-news-list li:hover .text .tit,.i-news-list li:hover .text-2 .tit{ color:#ef9c10; -webkit-transition:.3;-moz-transition:.3;-ms-transition:.3;-o-transition:.3;transition:.3;}

.i-news .right{ width:39%}

.i-faq li{ padding-bottom:20px; margin-bottom:22px; border-bottom:1px solid #ddd;}

.i-faq li:last-child{ margin-bottom:0}

.i-faq li .Q,.i-faq li .A{ padding-left:45px; font-size:16px; position:relative;}

.i-faq li .Q{ color:#333; margin-bottom:5px;}

.i-faq li .A{ color:#999; font-size:14px;}

.i-faq li .Q span,.i-faq li .A span{ color:#fff; width:21px; height:21px; display:block; float:left; text-align:center; line-height:21px; background:#1f74b7;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; font-size:14px; position:absolute; left:0; top:2px;}

.i-faq li .A span{ background:#ef9c10}

.i-custumer{ background:#f5f5f5; padding-top:80px; padding-bottom:70px;margin-top:80px}

.i-custumer .title{ margin-top:0;}



#line3_Demo ul li{ float:left; margin-right:15px; border:3px solid #ddd; background:#fff; height:85px; width:145px; text-align:center}

#line3_Demo ul li img{ display:inline-block; max-width:100%; max-height:100%; display:inline-block; vertical-align:middle}

#line3_Demo ul i{ display:inline-block; width:0; height:100%; vertical-align:middle}

#line3_Demo {WIDTH: 100%;OVERFLOW: hidden;height: auto;}



#Indemo {WIDTH: 800%; FLOAT: left}

#line3_Demo1 {FLOAT: left }

#line3_Demo2 {FLOAT: left}

.friendlink{ border-top:1px solid #ddd; background:#f5f5f5; padding:20px 0; line-height:24px; color:#666}

.friendlink a{ position:relative; display:inline-block; padding-right:10px; margin-right:10px}

.friendlink a:after{ content:""; width:1px; height:15px; display:block; background:#666; position:absolute; right:0; top:5px;}

.friendlink a:last-child::after{ display:none}

.nbanner{ position:relative; overflow:hidden; height:400px;}

.nbanner .nbanner-t{ position:absolute; left:0; width:100%; top:30%; font-size:30px; color:#555; line-height:60px;}

.nbanner .nbanner-t .p1{ font-size:36px; font-weight:bold; color:#1f74b6}

.nbanner .nbanner-t .p3,.nbanner .nbanner-t .p4{ color:#fff; line-height:48px}

.nbanner .nbanner-t .p3{ font-weight:bold;}

.nbanner .nbanner-t .p5,.nbanner .nbanner-t .p6{ color:#fff; font-size:36px;}

.nbanner .nbanner-t .p5 span,.nbanner-t .p6{ font-weight:bold}

.nnav{ height:60px; background:#f2f2f2}

.nnav li{ float:left}

.nnav li a{ line-height:60px; color:#333; display:block; padding:0 40px; position:relative}

.nnav li a:hover,.nnav li a.cur{ background:#f29713; color:#fff}

.nnav li a:hover:after,.nnav li a.cur:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #f29713; position:absolute; left:50%; margin-left:-10px; bottom:-10px}

.main{ padding:60px 0 100px; background:#fff; line-height:30px}

.main .ntitle{text-align:center; margin-bottom:50px}

.main .ntitle .ntitle-c{display:inline-block; border-bottom:1px solid #dfdfdf; padding-bottom:10px;font-weight: bold;font-size:45px;line-height:50px;}

.main .ntitle .lt{ color:#666; line-height:24px; font-size:16px; margin-top:25px;}

.aboutCon{ color:#666; line-height:35px}

.aboutCon img{ max-width:100%; height:auto;}

.main_2{ padding-top:0; padding-bottom:85px; margin-top:-30px}

.culture li{ float:left; width:20%; text-align:center;}

.culture li .icon{ width:122px; height:122px; border:1px solid #dfdfdf; display:block; margin:0 auto 15px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}

.culture li .icon1{ background:#fff url(../images/cul01.png) no-repeat center;}

.culture li .icon2{ background:#fff url(../images/cul02.png) no-repeat center;}

.culture li .icon3{ background:#fff url(../images/cul03.png) no-repeat center;}

.culture li .icon4{ background:#fff url(../images/cul04.png) no-repeat center;}

.culture li .icon5{ background:#fff url(../images/cul05.png) no-repeat center;}

.culture li .icon{ -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}

.culture li:hover .icon1{ background:#f29713 url(../images/cul01_h.png) no-repeat center;}

.culture li:hover .icon2{ background:#f29713 url(../images/cul02_h.png) no-repeat center;}

.culture li:hover .icon3{ background:#f29713 url(../images/cul03_h.png) no-repeat center;}

.culture li:hover .icon4{ background:#f29713 url(../images/cul04_h.png) no-repeat center;}

.culture li:hover .icon5{ background:#f29713 url(../images/cul05_h.png) no-repeat center;}

.culture li h3{ color:#333;}

.culture li .intro{ font-size:14px; color:#666; line-height:24px; padding:0 10px}

.main_3{ background:#f2f2f2;}

.history{ position:relative;}

.history .slick-list{ padding-left:30px}

.history:before{ content:""; width:100%; height:1px; background:#c2c2c2; display:block; position:absolute; left:0; top:165px}

.history .slick-slide{ position:relative; float:left; height:410px; }

.history .slick-slide .item{ position:absolute; top:0; left:-30px; right:-30px; padding-bottom:40px;}

.history .slick-slide .item:before{ content:""; width:17px; height:17px; display:block; background:#c2c2c2;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; position:absolute; bottom:-55px; left:50%; margin-left:-9px;}

.history .slick-slide .item h3{ background:#d6d4d4; text-align:center; color:#666; font-weight:bold; line-height:40px; position: absolute; bottom:0; width:100%;}

.history .slick-slide .item h3:before{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #d6d4d4; position:absolute; left:50%; margin-left:-10px; bottom:-10px}

.history .slick-slide .item .text{ background:#fff; padding:15px; font-size:14px; line-height:24px; color:#666; height:48px; overflow:auto}

.history .slick-slide .item .text p{ position:relative; padding-left:22px;}

.history .slick-slide .item .text p:before{ content:""; width:13px; height:3px; background:#c4c2c2; display:block; position:absolute; left:0; top:10px;}

.history .slick-slide:nth-child(2n) .item{ margin-top:210px; padding-top:40px}

.history .slick-slide:nth-child(2n) .item:before{bottom:auto;top:-55px; }

.history .slick-slide:nth-child(2n) .item .text{ height:auto;}

.history .slick-slide:nth-child(2n) .item h3{ bottom:auto; top:0;}

.history .slick-slide:nth-child(2n) .item h3:before{ bottom:auto; top:-10px;border-top:none;border-bottom:10px solid #d6d4d4;}

.history .slick-slide h3,.history .slick-slide .item:before,.history .slick-slide .item h3:before{ -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}

.history .slick-slide:hover h3{ background:#1f74b7; color:#fff;}

.history .slick-slide:hover .item:before{ background:#1f74b7;}

.history .slick-slide:hover .item h3:before{border-top:10px solid #1f74b7;}

.history .slick-slide:nth-child(2n):hover .item h3:before{ border-top:none;border-bottom:10px solid #1f74b7;}

.history .slick-prev,.history .slick-next{ width:49px; height:49px; margin-top:-24px; top:165px;}

.history .slick-prev{left:-50px; background:url(../images/arrow_l.png) #f2f2f2 no-repeat center;}

.history .slick-next{ right:-50px;background:url(../images/arrow_r.png) #f2f2f2 no-repeat center;}

.history .slick-prev:hover{background:url(../images/arrow_l_h.png) #f2f2f2 no-repeat center;}

.history .slick-next:hover{background:url(../images/arrow_r_h.png) #f2f2f2 no-repeat center;}



.hornor .slick-slide .imgbox{ margin:0 8px;padding:3px; border:1px solid #ddd;height:390px; text-align:center}

.hornor .slick-slide .imgbox img{ display:inline-block;width:100%; max-height:100%; vertical-align:middle}

.hornor .slick-slide .imgbox i{ display:inline-block; width:0; height:100%; vertical-align:middle}

.hornor .slick-slide:active{ border:none}

.hornor .slick-slide .tit{ text-align:center; line-height:30px; margin-top:5px}

.hornor .slick-prev,.hornor .slick-next{ width:18px; height:43px; margin-top:-24px; z-index:98}

.hornor .slick-prev{left:-20px; background:url(../images/arrow_02.png) no-repeat 0 -43px;}

.hornor .slick-next{ right:-20px;background:url(../images/arrow_02.png) no-repeat 0 0;}

.hornor .slick-prev:hover{background:url(../images/arrow_02.png) no-repeat -19px -43px;}

.hornor .slick-next:hover{background:url(../images/arrow_02.png) no-repeat -19px 0;}

.slick-dots li.slick-active button{background: #ef9c10;}

.hornor .slick-dots,.history .slick-dots{ bottom:-30px}



.proCon{ line-height:30px;}

.proCon .wrap{background:#f5f5f5}

.proCon .left{ width:260px; background:#f5f5f5; position:relative; z-index:2}

.proCon .left .btit{ font-size:30px; font-weight:bold; color:#fff; background:#1f74b7; text-align:center; padding:32px 0}

.proCon .left .leftnav{background:#f5f5f5; padding:20px}

.proCon .left .leftnav ul{background:#fff;}

.proCon .left .leftnav li{ border-bottom:1px solid #ddd; -webkit-transition:background-color .3s;-moz-transition:background-color .3s;-ms-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}

.proCon .left .leftnav li a{ display:block; color:#333; line-height:48px; padding-left:35px;}

.proCon .left .leftnav li:hover,.proCon .left .leftnav li.cur{background:url(../images/dot.png) #f29713 no-repeat 15px center;}

.proCon .left .leftnav li:hover a,.proCon .left .leftnav li.cur a{ color:#fff;}

.proCon .right{ width:900px; min-height:1000px;padding-left:40px;padding-bottom:100px; background:#fff; }

.proCon .right .top{ margin-top:30px; margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:25px;}

.proCon .right .top span{ font-weight:bold; font-size:30px; color:#1f73b6;}

.proCon .right .location{ color:#999; padding-top:2px}

.proCon .right .location a{ color:#999}

.proCon .right .location a:hover{color:#ef9c10}

.prolist ul{ width:102%}

.prolist ul li{ float:left;width:31.33%; margin-right:2%; margin-bottom:2%; text-align:center}

.prolist ul li a{ display:block;border:1px solid #ddd}

.prolist ul li .pic{padding:2px 2px 0;-webkit-transition:.5s ease;-moz-transition:.5s ease;-ms-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;}

.prolist ul li img{ width:100%; display:block; height:auto}

.prolist ul li .tit{ color:#333; padding:10px 0 25px;overflow:hidden; text-overlow:ellipsis; white-space:nowrap}

.prolist ul li .pic,.prolist ul li .tit{ position:relative;}

.prolist ul li:hover span{ position:relative}

.prolist ul li .tit,.prolist ul li .tit:before{-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;}

.prolist ul li .tit:before{ content:""; width:100%; height:100%; position:absolute; left:0;bottom:-100%;background:#1f74b7;}

.prolist ul li:hover .pic{background:#1f74b7}

.prolist ul li:hover .tit:before{ bottom:0;}

.prolist ul li:hover .tit{ color:#fff;}



#preview{ width:48%; float:left;}

.jqzoom{position:relative !important; border:1px solid #e8e8e8; margin-bottom:20px;overflow:hidden; text-align:center}

.jqzoom img{ width:100%;display:inline-block; vertical-align:middle}

.jqzoom i{display:inline-block; width:0; height:100%; vertical-align:middle}

.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}

.bigimg{width:800px;height:800px;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px; background:#fff;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}



.proPic .pro-jianj{ width:48%;}

.proPic .pro-jianj h3{ font-weight:bold; font-size:24px; color:#666; line-height:45px;}

.proPic .pro-jianj .intro{ background:#f5f5f5; color:#333; font-size:14px; padding:15px 30px; margin-top:15px; margin-bottom:20px;}

.proPic .pro-jianj .tel{ font-size:14px; color:#333;}

.proPic .pro-jianj .tel span{ font-size:24px; font-weight:bold; color:#f29713;}

.proPic .pro-jianj .link{ margin-top:30px; margin-bottom:20px}

.proPic .pro-jianj .link .tao{ display:inline-block; background:url(../images/tao.png) no-repeat #1f74b7 15px center; color:#fff; padding:5px 23px 5px 55px; font-size:18px}

.proPic .pro-jianj .link .message{ display:inline-block; background:url(../images/mes.png) no-repeat #f29713 15px center; color:#fff; padding:5px 23px 5px 55px; font-size:18px; margin-left:15px;}

.proMain{ margin-top:40px}

.proMain .tit,.proRelated .tit-rel{ background:#1f74b7; color:#fff; font-size:24px; line-height:50px;font-weight:bold; padding-left:20px; margin-bottom:25px; margin-top:45px}

.proMain img{ max-width:100%; height:auto}

.back_2{ text-align:right; margin-top:40px}

.back_2 a{ display:inline-block; color:#fff; background:#1f74b7; font-size:18px; padding:5px 30px}



.newslist li{ border-bottom:1px solid #ddd; padding:30px 0}

.newslist li .pic{ width:30%}

.newslist li .pic img{ display:block; width:100%; height:auto}

.newslist li .text{ width:66%}

.newslist li .text .tit{ font-size:18px; color:#333; padding-top:10px}

.newslist li .text .intro{ margin:25px 0 50px; font-size:14px; color:#666; line-height:24px;}

.newslist li .text .time{ color:#666; font-size:14px; background:url(../images/date.png) no-repeat left center; padding-left:25px}

.newslist li,.newslist li .tit{ -webkit-transition:.5s ease;-moz-transition:.5s ease;-ms-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;}

.newslist li:hover{ background:#f5f5f5;}

.newslist li:hover .tit{color:#f29713}

.newscon img{ max-width:100%; height:auto;}

.newstit{ font-size:24px; color:#333;}

.newstime{ color:#999; font-size:14px; border-bottom:1px solid #ddd; margin-bottom:20px; padding:20px 0}

.newstime .span1{ background:url(../images/time.png) no-repeat left center;padding-left:22px; margin-right:10px;}

.newstime .span2{ background:url(../images/eye.png) no-repeat left center;padding-left:22px}

.newscon-d{ color:#666; line-height:30px}

.techlist li{ border-bottom:1px solid #ddd; padding-bottom:25px; margin-bottom:25px;}

.techlist li .time{ width:110px; height:110px; color:#fff; background:#1f74b7; font-family:Arial; text-align:center; font-size:18px;}

.techlist li .time span{ display:block}

.techlist li .time .span1{font-weight:bold; font-size:36px; line-height:36px; padding-top:25px;}

.techlist li .text{ padding-left:135px;}

.techlist li .text .tit{ color:#555; font-size:18px; margin-bottom:5px}

.techlist li .text .intro{ color:#666;}

.techlist li,.techlist li .time,.techlist li .text .tit{ -webkit-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}

.techlist li:hover{border-bottom:1px solid #f29713;}

.techlist li:hover .time{ background:#f29713;}

.techlist li:hover .text .tit{ color:#f29713}

.faqlist .tit{ border-bottom:1px solid #ddd; color:#06070b; position:relative; padding-left:40px; padding-bottom:15px; margin-bottom:15px; font-size:16px}

.faqlist .tit span{ width:27px; height:27px; display:block; background:#1f74b7; color:#fff; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; position:absolute; left:0; top:2px; text-align:center; line-height:27px}

.faqlist .faq-con{ padding-left:40px; display:none;color:#666; margin-bottom:50px; margin-top:20px;position:relative}

.faqlist .faq-con .A{width:27px; height:27px; display:block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; background:#f29713;color:#fff; text-align:center; line-height:27px; position:absolute; left:0; top:3px;}



.hrlist ul{ border-left:1px solid #ddd;}

.hrlist li{ float:left; width:33.33%; border-bottom:1px solid #ddd;border-right:1px solid #ddd; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.hrlist li:nth-child(1),.hrlist li:nth-child(2),.hrlist li:nth-child(3){ border-top:1px solid #ddd}

.hrlist li .sh{padding:50px 35px;}

.hrlist li .icon{ width:47px; height:52px; margin:0 auto; overflow:hidden; position:relative}

.hrlist li .icon img{ display:block; width:100%; height:auto;}

.hrlist li .icon .img1{ position:absolute; top:0;left:0}

.hrlist li .icon .img2{ position:absolute; top:100%;left:0}

.hrlist li>h3{ font-size:20px; color:#000; border-bottom:1px solid #ddd; text-align:center; margin-top:15px; margin-bottom:25px; padding-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

.hrlist li .intro{ font-size:14px; line-height:24px; color:#666; height:48px; overflow:hidden}

.hrlist li .more{ width:29px; height:29px; background:url(../images/arrow.png) no-repeat center; margin-top:20px}

.hrlist li:hover,.hrlist li.on{ background:#1f74b7; color:#fff; cursor:pointer}

.hrlist li:hover h3,.hrlist li:hover .intro,.hrlist li.on h3,.hrlist li.on .intro{color:#fff;}

.hrlist li:hover .icon .img1,.hrlist li.on .icon .img1{ top:-100%;}

.hrlist li:hover .icon .img2,.hrlist li.on .icon .img2{ top:0;}

.hrlist li,.hrlist li>h3,.hrlist li .intro,.hrlist li .icon .img1,.hrlist li .icon .img2,.hrlist li .hd .closed{ -webkit-transition:.5s ease;-moz-transition:.5s ease;-ms-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;}

.hrlist li .hd{ display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:9}

.hrlist li .hd .bg{ width:100%; height:100%; background:rgba(0,0,0,.8);}

.hrlist li .hd .text{ width:700px; margin:0 auto; padding:35px; max-height:80%; overflow-y:auto;background:#fff; position:absolute; top:10%; color:#333; left:50%; margin-left:-350px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}

.hrlist li .hd .text .tit{ font-size:24px; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:25px}

.hrlist li .hd .closed{ width:37px; height:37px; background:url(../images/close.png) no-repeat center; position:absolute; right:3%;top:3%}

.hrlist li .hd .closed:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}



.ncontact .top{ text-align:center; margin-top:-20px; line-height:35px}

.ncontact .top h2{color:#1f74b7; font-weight:bold;}

.ncontact .top p{ color:#666;}

.ncontact-list{ margin-top:50px;}

.ncontact-list li{ float:left; width:48%; padding-right:2%; margin-bottom:65px;color:#666;}

.ncontact-list li .pic{ float:left;background:#1f74b7; padding:8px; min-height:103px; position:relative}

.ncontact-list li .pic img{ display:block; width:103px; height:auto;}

.ncontact-list li .pic:after{ content:""; width:0; height:0; border-left:8px solid #1f74b7; border-top:8px solid transparent; border-bottom:8px solid transparent; position:absolute; top:15px; right:-8px;}

.ncontact-list li.last .pic img,.ncontact-list li:last-child .pic img{ padding-top:30px}

.ncontact-list li .text{ padding-left:153px}



.back{ text-align:center; margin-top:100px}

.back a{ display:inline-block; background:#1f74b7; color:#fff; padding:15px 23px}

#allmap {

  width: 100%;

  height: 350px;

  border: 1px solid #ccc;

   margin-top:60px;

}

/*=====================*/

.footer-top{ background:#1f74b7; color:#fff; padding-top:40px; padding-bottom:60px}

.f-message{ width:52%;}

.f-message .tit{ font-size:14px; line-height:30px}

.f-message .tit span{ display:block; font-size:24px; font-weight:bold}

.f-message form{ margin-top:20px; font-size:14px;}

.f-message .column{ float:left}

.f-message .column1{ width:40%}

.f-message .column2{ width:50%}

.f-message .column3{ width:10%; position:relative}

.f-message .input{ border:1px solid #8fbadb; background:none; color:#fff; line-height:35px; padding:0 12px; margin-bottom:12px; width:95%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}

.f-message textarea{ border:1px solid #8fbadb; background:none; color:#fff;padding:5px 12px; line-height:30px;width:95%;height:135px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}

.f-message .column3 .submit{background:#ef9c10;width:53px;height:135px; color:#fff; font-size:14px; text-align: center; display:inline-block; vertical-align:middle; padding:10px 15px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.f-message .column3 .submit1{ height:135px; width:53px; position:absolute; top:0; left:0; background:transparent; border:none; cursor:pointer}

.f-contact{ width:43%;padding-top:80px; line-height:30px}

.f-contact .qq{ margin-top:10px}

.f-contact .qq a{ margin-right:10px}

.f-contact .ewm{ float:right; width:135px; display:block}

.footer-bot{ background:#1d669f; color:#fff; text-align:center; line-height:28px;padding:30px 0 40px}

.footer-bot a{ color:#fff;}

.floatKf{ position:fixed; width:54px;right:1px; bottom:0px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1); z-index:99}

.floatKf li{ width:54px; height:54px;text-align:center;border-bottom:1px solid #fff;position:relative; font-size:14px; cursor:pointer}



.floatKf li .hd{ display:none}

.floatKf .fwh{background:url(../images/floatkf.png) no-repeat 0 0;display:block}

.floatKf .fwh:hover{background:url(../images/floatkf.png) no-repeat -54px 0;}

.floatKf .fwh .hd{ position:absolute; right:55px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:20px;color:#535353;}

.floatKf .fwh .hd img{ width:120px; display:block;}



.floatKf .qq{background:url(../images/floatkf.png) no-repeat 0 -55px;}
.floatKf .qq a{ display:block; height:54px}
.floatKf .qq:hover{background:url(../images/floatkf.png) no-repeat -54px -55px;}

.floatKf .tel{background:url(../images/floatkf.png) no-repeat 0 -110px;}

.floatKf .tel:hover{background:url(../images/floatkf.png) no-repeat -54px -110px;}

.floatKf .tel .hd{ background:#1f73b6; color:#fff; font-size:18px; position:absolute;right:55px;top:0;text-align:left;padding:16px 20px; width:140px}

.floatKf .tel .hd span{ float:left}

.floatKf .tel .hd p{ float:left; margin-left:20px}

.floatKf .backtop{background:url(../images/floatkf.png) no-repeat 0 -165px;}

.floatKf .backtop:hover{background:url(../images/floatkf.png) no-repeat -54px -165px;}

.floatKf .backtop a{ display:block}