*{margin:0;padding:0}
body{min-width:1200px;background:#fff;background-repeat:repeat-x;background-position:0 0;margin:0;padding:0;text-decoration:none;font-size:12px;font-variant:normal;font-family:"微软雅黑"}
a:active,a:hover,a:link,a:visited{text-decoration:none}
a{text-decoration:none; color:#666;}
a:hover{text-decoration:none; color:#3297e4;}
li{list-style-type:none}
ol,ul{list-style-type:none;list-style-image:none}
.main{width:1200px;margin:0 auto}
.head{width:100%;height:128px;overflow:hidden}
.top{width:100%;height:49px;background:#fff;overflow:hidden;border-bottom:1px solid #f0f1ec}
.top p{font-size:13px;color:#000;line-height:49px;float:left}
.top ul{float:right}
.top ul li{float:left;padding-right:10px;padding-left:10px;line-height:49px;position:relative}
.top ul li a{font-size:13px;color:#7a7a7a}
.top ul li:after{content:"";width:1px;height:14px;position:absolute;top:50%;margin-top:-7px;right:0;background:#7a7a7a}
.top ul li:last-child:after{width:0}
.head .main{display:flex;align-items:center;height:128px;justify-content:space-between}

.nav{width:100%;height:80px;background:#3297e4;position:relative}
.nav ul{width:1200px;margin:0 auto;height:80px}
.nav ul li{float:left;width:149px;height:80px;border-left:1px solid #fff}
.nav ul li a{display:flex;height:80px;align-items:center;flex-direction:column;justify-content:center}
.nav ul li img{display:block;margin:0 auto}
.nav ul li p{margin-top:10px;font-size:18px;color:#fff}
.nav ul div{position:absolute;width:100%;height:auto;background:rgba(49,125,118,.9);top:79px;height:auto;z-index:100;overflow:hidden;display:none;left:0}
.nav ul div ul{height:auto;width:auto;margin:0;display:table;overflow:hidden;display:table;width:1200px;margin:0 auto}
.nav ul div li{float:left;line-height:60px;height:60px;width:auto;padding-right:20px;padding-left:20px;text-align:center;border:none}
.nav ul div li a{display:block;height:60px;line-height:60px}
.nav ul div li a{color:#fff}
.nav ul li:hover{background:#176eb0}
.nav ul li:hover div{display:block}
.nav ul li:hover li{background:0 0}
.nav ul div li a:hover{color:#ccc}

.banner{width:100%;margin:0 auto;overflow:hidden;position:relative}
.banner .hd{height:15px;overflow:hidden;position:absolute;left:50%;transform:translateX(-50%);bottom:60px;z-index:1}
.banner .hd ul{overflow:hidden;zoom:1;float:left}
.banner .hd ul li{float:left;margin:0 10px;width:50px;height:10px;line-height:14px;text-align:center;cursor:pointer;border:1px solid #333}
.banner .hd ul li.on{background:#1868ca;border:1px solid #1868ca}
.banner .bd{position:relative;height:100%;z-index:0;width:100%}
.banner .bd li{zoom:1;vertical-align:middle}
.banner .bd img{width:100%;display:block}
.banner .next,.banner .prev{position:absolute;left:3%;top:50%;margin-top:-3%;display:block;width:32px;height:40px;opacity:.5}
.banner .next{left:auto;right:3%;background-position:8px 5px}
.banner .next{font-size:58px;color:#333}
.banner .prev{font-size:58px;color:#333}
.banner .next:hover,.banner .prev:hover{opacity:1}
.banner .prevStop{display:none}
.banner .nextStop{display:none}
.section{width:1200px;height:90px;background:#fff;margin:0 auto;position:relative;z-index:100;margin-top:-45px;box-shadow:0 4px 5px 1px silver;overflow:hidden}
.keywords{height:90px;float:left;margin-left:10px}
.keywords p{float:left;color:#1f1f1f;font-size:20px;line-height:90px}
.keywords ul{float:left;height:90px;overflow:hidden}
.keywords ul li{float:left;padding-right:10px;padding-left:10px;line-height:90px;position:relative; font-size:16px;}
.keywords ul li:after{content:"";width:1px;height:14px;position:absolute;right:0;top:50%;margin-top:-7px;background:#8c8c8c}
.keywords ul li a{color:#666;font-size:16px;padding-right:10px;padding-left:10px}
.keywords ul li:last-child:after{width:0;height:0;overflow:hidden}
.search{width:474px;height:34px;border:1px solid #ccc;float:right;margin-right:10px;margin-top:32px}
.search input:first-child{width:414px;height:30px;margin-top:2px;border:none;margin-left:10px;outline:0;color:#ccc}
.search input:last-child{width:21px;height:21px;background:url(../images/icon01.png) no-repeat center;border:none;margin-top:6px;float:right;margin-right:10px;outline:0}

.content{ width:1200px; overflow:hidden; margin:0px auto;}
.works{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:50px}

.title p{color:#000;font-size:32px;text-align:center}
.title img{display:block;margin:0 auto;margin-top:10px}
.title span{text-align:center;display:block;font-size:16px;color:#999;margin-top:10px}


.works .list{width:100%;height:50px;margin-top:20px}
.works .list ul{display:flex;justify-content:center;flex-wrap:nowrap}
.works .list ul li{float:left; width:15% ; text-align:center;height:48px;margin-left:5px;margin-right:5px;border:1px solid #ccc;line-height:48px}
.works .list ul li a{color:#666;font-size:16px}

.works .hd .on{background:#3297e4;border:1px solid #3297e4;box-shadow:-2px 3px 5px 2px #b7c0b7}
.works .hd .on a{color:#fff}
.works .bd{width:100%;height:auto;overflow:hidden;margin-top:20px}
.works .bd ul li{float:left;width:358px;height:234px;position:relative;margin-left:9px;margin-top:10px}
.works .bd ul li img{display:block;width:358px;height:234px}
.works .bd ul li div{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;background:rgba(50,151,228,.8) url(../images/bg02.png) no-repeat center;position:absolute;left:0;top:0;opacity:0;transition:.5s}
.works .bd ul li:nth-child(1){width:465px;height:478px;margin-left:0}
.works .bd ul li:nth-child(1) img{display:block;width:465px;height:478px}
.works .bd ul li:hover div{opacity:1}
.works .bd ul li p{color:#fff;font-size:16px;text-align:center;width:100%}
.works .bd ul li span{display:block;text-align:center;color:#fff;font-size:14px;width:100%;margin-top:10px}

.adv{width:100%;height:628px;background:url(../images/bg01.png) no-repeat center;margin-top:40px;overflow:hidden}
.adv .title{margin-top:40px}
.adv .hd{width:210px;height:383px;overflow:hidden;float:left;margin-top:40px;background:#176eb0}
.adv .hd ul li{width:210px;height:70px;background:#3297e4}
.adv .hd ul li .bg{width:200px;height:69px;color:#fff;border-bottom:1px dashed #fff;margin:0 auto;display:flex;justify-content:flex-start;align-items:center}
.adv .hd ul li .bg b{color:#fff;font-size:36px;margin-right:10px;margin-left:10px}
.adv .hd ul li .bg p{font-size:18px}
.adv .hd ul li .bg span{font-size:14px}
.adv .hd ul .on{background:#176eb0}
.adv .hd ul .on .bg{box-shadow:-4px 0 0 0 #f3c901;border:1px dashed 3297e4}
.adv .hd img{margin:0 auto;display:block;margin-top:20px}
.adv .bd{width:990px;height:auto;overflow:hidden;float:left;margin-top:40px}
.adv .bd ul li{width:100%;height:auto;overflow:hidden;position:relative}
.adv .bd ul li img{display:block;width:990px;height:383px}
.adv .bd ul li p{width:970px;padding:0 10px;height:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#fff;line-height:100px;position:absolute;bottom:0;left:0;font-size:16px;background:rgba(0,0,0,.8)}

.about{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:50px}
.about .pic{float:left;width:600px;height:auto;margin-top:20px;overflow:hidden}
.about .pic img{display:block;width:600px;height:377px}
.about .intro{float:right;width:560px;height:auto;overflow:hidden;margin-top:25px}
.about .intro .info p{color:#1f1f1f;font-size:16px;line-height:30px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6; text-indent:2em;
overflow: hidden;}
.about .intro .more{display:block;margin-top:20px}
.about .intro ul{width:100%;height:auto;overflow:hidden}
.about .intro ul{margin-left:-24px;margin-top:20px}
.about .intro ul li{float:left;width:162px;height:124px; overflow:hidden;margin-left:24px;position:relative; border:2px #ccc solid; box-sizing:border-box;}
.about .intro ul li img{display:block;width:100%; height:100%}
.about .intro ul li div{width:100%;height:100%;position:absolute;left:0;opacity:0;top:0;background:rgba(50,151,228,.9);-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s;}
.about .intro ul li p{border:3px solid #fff;text-align:center;color:#fff;font-size:18px;font-weight:700;line-height:108px;height:108px;margin:3px}
.about .intro ul li:hover div{opacity:1;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s;}
.hz{width:100%;height:593px;background:url(../images/bg03.png) no-repeat center;margin-top:40px;overflow:hidden}

.hz .swiper-container{ padding-bottom:50px;}

.hz .title{margin-top:40px}
.hz .bd{width:100%;height:auto;overflow:hidden;margin-top:30px}
.hz .bd ul li{float:left;height:auto;overflow:hidden; border:10px rgba(0,0,0,0) solid; box-sizing:border-box; width:16.6666666%}
.hz .bd ul li div{ overflow:hidden;}
.hz .bd ul li div img{width:100%; height:100%}

.hz .bd ul li div img{-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s;width:100%;height:100%}
.hz .bd ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.hz .bd ul li p{width:100%;border-bottom:1px solid #ccc;line-height:40px;color:#1f1f1f;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.hz .hd{margin-top:30px}
.hz .hd ul{display:flex;justify-content:center}
.hz .hd ul li{float:left;width:17px;height:17px;border:1px solid #d4d4d5;border-radius:50%;margin-left:5px;margin-right:5px}
.hz .bd ul li:hover p{border-bottom:1px solid #3297e4;color:#3297e4}
.hz .hd ul .on{background:#3297e4;border:1px solid #3297e4}
.news{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:40px}
.news .left{width:580px;height:auto;overflow:hidden;float:left;position:relative;margin-top:40px}
.news .left img{display:block;width:580px;height:325px}
.news .left div{width:580px;height:137px;overflow:hidden;background:#e5e5e5}
.news .left div p{width:560px;margin:0 auto;height:auto;overflow:hidden;color:#1f1f1f;font-size:16px;white-space:nowrap;margin-top:30px;text-overflow:ellipsis;overflow:hidden}
.news .left div span{display:block;color:#666;margin:0 auto;font-size:14px;line-height:30px;margin-top:10px;width:560px}
.news .right{float:right;width:580px;height:auto;overflow:hidden;margin-top:40px}
.news .right ul li{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #e1e1e1;padding-bottom:10px;margin-bottom:10px}
.news .right .time{width:60px;height:60px;background:#e5e5e5;float:left;color:#3c3c3c}
.news .right .time p{width:100%;height:37px;text-align:center;font-weight:700;line-height:37px;font-size:22px;background:url(../images/icon04.png) no-repeat center bottom}
.news .right .time span{display:block;text-align:center;font-size:12px;color:#3c3c3c;line-height:20px}
.news .right .info{float:right;width:500px;height:60px;overflow:hidden}
.news .right .info p{width:100%;color:#1f1f1f;margin-top:5px;font-size:16px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.news .right .info span{display:block;color:#999;font-size:14px;margin-top:5px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.news .more{display:block;margin-top:30px}
.news .right ul li:hover .time{color:#fff;background:#3297e4}
.news .right ul li:hover .time span{color:#fff}
.news .right ul li:hover .time p{background:url(../images/icon05.png) no-repeat center bottom}
.sh{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:40px}
.sh ul{display:flex;justify-content:space-between;align-items:center;margin-top:40px}
.sh ul li{float:left;width:136px;height:136px;background:#ededed;display:flex;align-items:center;justify-content:center;flex-direction:column}
.sh ul li img:nth-child(2){display:none}
.sh ul li p{width:100%;color:#686868;font-size:16px;text-align:center;margin-top:20px}
.sh ul li:hover{background:#3297e4}
.sh ul li:hover img{display:none}
.sh ul li:hover img:nth-child(2){display:block}
.sh ul li:hover p{color:#fff}
.footer{width:100%;background:#ededed;margin-top:50px;overflow:hidden; padding-bottom:20px; }
.links{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:20px}
.links .tit{width:100%;height:auto;overflow:hidden}
.links .tit p{color:#3297e4;font-size:18px}
.links ul{width:100%;height:30px;overflow:hidden;margin-top:10px}
.links ul li{float:left;padding-right:20px;line-height:30px}
.links ul li a{color:#666; font-size:15px;}
.links ul li a:hover{color:#3297e4;}
.footer .fn{width:100%;height:40px;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;margin-top:15px}
.footer .fn ul{width:1200px;margin:0 auto;height:40px;display:flex;justify-content:space-between;align-items:center}
.footer .fn ul li a{color:#666;font-size:16px}
.footer .fn ul li a:hover{color:#3297e4;font-size:16px}
.footer .part{width:1200px;margin:0 auto;height:auto;overflow:hidden}
.footer .tel{float:left;margin-top:40px}
.footer .info{float:left;margin-left:90px;margin-top:15px; width:500px}
.footer .info p{color:#666;font-size:14px;line-height:24px}
.footer .info a{color:#666}
.footer .ewm{float:right;margin-top:30px}
.footer .ewm img{display:block;width:117px;height:117px;border:1px solid #fff}
.menu{width:1160px;margin:0 auto;height:auto}
.menu ul{display:flex;justify-content:center;align-items:center}
.menu ul li{padding-right:30px;padding-left:30px;line-height:90px}
.menu ul li a{color:#666;font-size:18px}
.menu ul .cura a,.menu ul .on a{color:#3297e4}
.in-content{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:30px}
.crumbs{width:100%;height:auto;overflow:hidden}
.crumbs img{display:block;float:left}
.crumbs a{color:#666;font-size:14px;padding-right:10px;padding-left:10px;line-height:18px}
.crumbs a:last-child:after{width:0;height:0;overflow:hidden}
.about-intro{width:100%;height:auto;overflow:hidden;margin-top:20px;}
.about-intro{ color:#555; line-height:30px; font-size:16px;}
.in-newsList{width:100%;height:auto;overflow:hidden;margin-top:30px}
.in-newsList .tit{width:100%;height:35px;border-bottom:2px solid #3297e4}
.in-newsList .tit p{float:left;width:125px;height:35px;background:#3297e4;text-align:center;line-height:35px;color:#fff;font-size:16px}
.in-newsList .tit a{float:right;color:#666;font-size:14px;margin-right:10px;margin-top:10px}
.in-newsList ul{width:100%;height:auto;overflow:hidden;margin-top:10px}
.in-newsList ul li{width:100%;position:relative;line-height:35px;height:auto;overflow:hidden}
.in-newsList ul li:after{content:">";position:absolute;left:0;top:0;color:#666;font-size:16px}
.in-newsList ul li a{display:block;margin-left:15px;color:#666;font-size:16px;float:left;width:900px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.in-newsList ul li span{display:block;float:right;font-size:12px;color:#666}
.in-newsList ul li:hover a{color:#3297e4}
.cpList{width:100%;height:auto;overflow:hidden;margin-top:20px}
.cpList ul{margin-left:-20px}
.cpList ul li{float:left;width:283px;height:auto;overflow:hidden;margin:20px 0 0 20px;border:1px solid #eee}
.cpList ul li img{display:block;width:292px;height:200px}
.cpList ul li p{width:100%;line-height:30px;text-align:center;line-height:40px;color:#1f1f1f;font-size:16px}
.paging{width:100%;height:30px;margin:20px auto;display:flex;justify-content:center;align-items:center}
.paging li{display:block;padding-right:15px;padding-left:15px;line-height:30px;border:1px solid #ccc;color:#666;font-size:14px;margin-left:5px;margin-right:5px}
.paging li a{color:#666}
.paging .thisclass{background:#3297e4;color:#fff;border:1px solid #3297e4}
.newsList{width:100%;height:auto;overflow:hidden;margin-top:20px;min-height:600px}
.newsList ul li{width:100%;height:115px;border-bottom:1px solid #dfdfdf}
.newsList ul li .time{width:80px;float:left;height:80px;margin-top:25px}
.newsList ul li .time p{color:#666;font-size:30px;height:45px;font-weight:700;background:url(../images/icon04.png) no-repeat center bottom;text-align:center}
.newsList ul li .time span{display:block;text-align:center;color:#666;margin-top:5px;font-size:16px}
.newsList ul li .info{width:1070px;height:auto;overflow:hidden;float:right;margin-top:17px}
.newsList ul li .info p{color:#1f1f1f;font-size:16px}
.newsList ul li .info span{display:block;color:#999;font-size:14px;line-height:30px;margin-top:5px}
.newsList ul li:hover{background:#3297e4}
.newsList ul li:hover .time p{color:#fff;background:url(../images/icon05.png) no-repeat center bottom}
.newsList ul li:hover .time span{color:#fff}
.newsList ul li:hover .info p{color:#fff}
.newsList ul li:hover .info span{color:#fff}

.anli_lb{ width:auto; overflow:hidden; }
.anli_lb ul{   overflow:hidden; }
.anli_lb ul li{ width:25%; border:8px #fff solid; float:left; box-sizing:border-box; overflow:hidden; }
.anli_lb ul li div{overflow:hidden; border:1px #ccc solid; }
.anli_lb ul li div img{-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s;width:100%;height:100%}
.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.anli_lb ul li p{ height:36px; line-height:36px; text-align:center; font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }




.pro-intro{overflow:hidden;padding:10px; background:#fff;}

.pro-intro .img{float:left;width:405px;height:auto;overflow:hidden}
.pro-intro .img img{display:block;width:450px;height:395px}
.pro-intro .info{float:right;width:428px;height:395px;box-sizing:border-box;overflow:hidden;border:1px solid #d2d2d2;border-left:none}
.pro-intro .info p{color:#555;font-size:20px;border-bottom:1px solid #d9d9d9;height:45px;margin-top:60px;text-indent:20px}
.pro-intro .info .tel{width:100%;height:160px;border-bottom:1px solid #d9d9d9}
.pro-intro .info .tel img{display:block;margin-top:25px;margin-left:25px}
.pro-intro .info .tel b{width:100%;display:block;color:#1c71c8;margin-left:25px;font-size:36px;margin-top:10px;line-height:36px;font-weight:400}
.pro-intro .data{width:100%;height:auto;overflow:hidden}
.pro-intro .info .btn{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-left:25px}
.pro-intro .info .btn a{display:block;width:165px;height:48px;background:#1c71c8;color:#fff;float:left;margin-right:15px;line-height:48px;font-size:16px;text-indent:30px;border-radius:10px;position:relative}
.pro-intro .info .btn a:after{content:url(../images/kf.png);position:absolute;top:13px;right:29px}
.pro-intro h2{font-size:28px;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}
.pro-intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}
.pro-intro .share p span{display:inline-block;font-size:12px;color:#999;padding:0 8px}
.pro-intro .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}
.pro-intro .info .btn a:last-child::after{content:""}
.pro-intro .info .btn a:hover{background:#25b240}
.pro-intro .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;min-height:500px}
.pro-intro .intro .t{width:100%;height:30px;border-bottom:1px solid #d2d2d2}
.pro-intro .intro .t p{color:#fff;font-size:18px;background:#1c71c8;width:180px;height:30px;line-height:30px;text-align:center}
.pro-intro .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px}
.txt{width:100%;height:auto;overflow:hidden;margin-top:10px;font-size:20px;text-align:center;height:45px;font-weight:700;color:#1c71c8}
.textxq  img{max-width:100%; margin:0px auto; text-align:center; display:block;}



.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}
.fy p{width:33.333%; box-sizing:border-box;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:center;border-right:1px solid #d2d2d2;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; padding:0 10px;}
.fy p:last-child{border:none}
.fy p a{color:#666}



.worksList{width:100%;height:auto;overflow:hidden;margin-top:20px}
.worksList ul{margin-left:-10px}
.worksList ul li{float:left;width:292px;height:auto;margin-left:10px;position:relative;overflow:hidden;margin-top:15px}
.worksList ul li img{display:block;width:100%; height:100%}

.worksList ul li p{width:100%;text-align:center;line-height:40px}
.worksList ul li div{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;background:rgba(50,151,228,.8) url(../images/bg02.png) no-repeat center;position:absolute;left:0;top:0;opacity:0;transition:.5s}
.worksList ul li div p{color:#fff;font-size:16px;text-align:center}
.worksList ul li div span{display:block;color:#fff;font-size:14px}
.worksList ul li :hover div{opacity:1}

.worksList ul li:first-child{ height:190.77px;}

.works-detail{width:100%;height:auto;overflow:hidden;margin-top:20px}
.works-detail .tit{width:100%;height:65px;overflow:hidden;border-bottom:1px solid #ccc}
.works-detail .tit h4{font-size:20px;color:#1f1f1f;text-align:center}
.works-detail .tit div{display:flex;justify-content:center;margin-top:10px}
.works-detail .tit p{float:left;color:#666;font-size:14px;margin-left:5px;margin-right:5px}
.preview{width:725px;margin:0 auto;height:auto;overflow:hidden;margin-top:10px}
.smallImg{position:relative;height:143px;margin-top:1px;width:100%;overflow:hidden;float:left;margin-top:15px}
.scrollbutton{width:42px;height:120px;overflow:hidden;position:relative;float:left;cursor:pointer}
.scrollbutton.smallImgUp,.scrollbutton.smallImgUp.disabled{background:url(../images/next.png) no-repeat center;height:143px}
.scrollbutton.smallImgDown,.scrollbutton.smallImgDown.disabled{background:url(../images/prev.png) no-repeat center;float:right;height:143px}
#imageMenu{height:auto;width:580px;margin-top:20px;margin-left:20px;overflow:hidden;float:left}
#imageMenu ul{height:auto;overflow:hidden;width:400%}
#imageMenu li{width:140px;height:auto;overflow:hidden;float:left;text-align:center;border:1px solid #ccc;margin-left:4px;margin-right:4px}
#imageMenu li img{width:140px;height:96px;display:block;cursor:pointer}
.bigImg{position:relative;float:left;width:725px;height:auto;overflow:hidden;text-align:center}
.bigImg .box{width:6 margin: 14px;height:auto}
.bigImg #midimg{width:584px;height:400px}
.bigImg #winSelector{width:235px;height:210px}
#winSelector{position:absolute;cursor:crosshair;-moz-opacity:.15;opacity:.15;background-color:#000;border:1px solid #fff}
#bigView{position:absolute;border:1px solid #959595;overflow:hidden;z-index:9999}
#bigView img{position:absolute;width:800px;height:662px}
#close{width:30px;height:30px;background:url(../images/icon12.png) no-repeat;background-size:100%;position:absolute;bottom:12px;z-index:1000000;right:10px}
.works-intro{width:100%;height:auto;overflow:hidden;margin-top:30px}
.works-intro .t{width:100%;height:35px;border-bottom:2px solid #3297e4}
.works-intro .t{width:100%;height:35px;border-bottom:2px solid #3297e4}
.works-intro .t p{float:left;width:125px;height:35px;background:#3297e4;text-align:center;line-height:35px;color:#fff;font-size:16px}
.works-intro .intro{width:100%;height:auto;overflow:hidden;min-height:500px;border-bottom:1px solid #d2d2d2;font-size:16px;line-height:30px;margin:20px 0 0 0}
.turn{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;overflow:hidden;margin-top:20px}
.turn a{color:#666;font-size:14px}
.hire{width:100%;height:auto;overflow:hidden;margin-top:20px}
.hire ul{float:left;width:722px;height:auto;overflow:hidden}
.hire ul li{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:20px}
.hire .pic{float:right;margin-top:30px}
.hire .pic img{display:block}
.hire ul li h4{font-size:18px;font-weight:700;color:#f50003}
.hire ul li p{color:#1f1f1f;font-size:16px;margin-top:10px}
.hire ul li span{display:block;color:#1f1f1f;font-size:16px;line-height:30px}
.video{width:100%;height:auto;overflow:hidden;margin-top:20px}
.video ul li{float:left;width:380px;height:auto;overflow:hidden;margin:0 10px 10px 10px}
.video ul li img{display:block;width:380px;height:320px}
.video ul li p{text-align:center;font-size:16px;color:#1f1f1f;line-height:40px}
.in-contact{width:100%;height:auto;overflow:hidden;margin-top:20px}
 .map{float:left;width:618px;height:420px}
.in-contact .info{float:left;margin-left:65px;width:440px;height:auto;margin-top:30px}
.in-contact .info h4{font-size:20px;color:#1f1f1f}
.in-contact .info p{color:#1f1f1f;font-size:16px;line-height:30px;margin-top:10px}
.in-contact .info img{display:block;width:117px;height:117px;margin-top:20px}


.lxwmbox{float:left;margin-left:65px;width:440px;height:auto;margin-top:30px}
.lxwmbox h4{font-size:20px;color:#1f1f1f}
.lxwmbox  p{color:#1f1f1f;font-size:16px;line-height:30px;margin-top:10px}
.lxwmbox  img{display:block;width:117px;height:117px;margin-top:20px}




.mbx{width: 100%;border-bottom: 1px solid #eaeaea;max-width:1920px; margin:0px auto;}
.mbx a.home{display: block;width: 64px;height: 62px;border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;background: url(../images/InpageAddress_icon01.png) no-repeat center;float: left;}
.mbx a.home:hover{background: url(../images/InpageAddress_icon03.png) no-repeat center;}
.mbx .p1{line-height: 62px;float: left;margin-left: 16px;}
.mbx .p1 a { padding-right: 14px; background: url(../images/icon.png) no-repeat right center;  font-size: 15px;  margin-left: 10px;}
.mbx .p1 a:first-child{margin-left: 0;}
.mbx .p1 a:last-child{background-image: none;}
.mbx .p2{float: right;}
.mbx .p2 a{display: block;font-size: 16px;color: #666666;font-weight: bold;height: 61px;line-height: 61px;float: left;margin-left: 26px;text-decoration: none;}
.mbx .p2 a.cur{color: #3297e4;border-bottom: 2px solid #3297e4;}
.mbx .p2 a:hover{color: #3297e4;border-bottom: 2px solid #3297e4;}


.pic_nav{width:100%;height:50px;margin-top:20px}
.pic_nav ul{display:flex;justify-content:center;flex-wrap:nowrap}
.pic_nav ul li{float:left; width:15% ; text-align:center;height:48px;margin-left:5px;margin-right:5px;border:1px solid #ccc;line-height:48px}
.pic_nav ul li a{color:#666;font-size:16px}
.pic_nav ul li:hover{background:#3297e4;}
.pic_nav ul li:hover a{color:#fff;}

.mtop{ margin:20px auto;}






.news_lb{overflow:hidden}
.news_lb ul{overflow:hidden;padding:10px}
.news_lb ul li{padding:20px; margin-bottom:20px;float:left;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;border:1px #ccc dotted; background:#fff; width:96%;}

.news_lb ul li h3{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;color:#494949;font-size:18px;margin-bottom:20px;display:block;position:relative;padding-right:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.news_lb ul li p{background:url(../images/icon.jpg) no-repeat center right;padding-right:100px;color:#7f7f7f;font-size:15px;line-height:24px;padding-left:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news_lb ul li h3:before{content:'';width:6px;height:6px;border-radius:50%;background:#494949;display:inline-block;margin:0 12px 2px 0;-moz-box-sizing:border-box;box-sizing:border-box}
.news_lb ul li h3 span{font-family:HNT;font-size:16px;font-weight:400;color:#919191;position:absolute;top:1px;right:0;line-height:1}
.news_lb ul li h3:hover{padding-left:10px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.news_lb ul li:hover{box-shadow:0 0 6px #ccc;-moz-box-shadow:0 0 6px #ccc;-ms-box-shadow:0 0 6px #ccc;-o-box-shadow:0 0 6px #ccc;-box-shadow:0 0 6px #ccc;transform:translate(0,-10px);box-shadow:0 0 10px #ccc;-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}



.mssg-intro{overflow:hidden;background:#fff; padding:20px; }
.mssg-intro img{ width:100%}
.mssg-intro form{padding:5%}
.mssg-intro form ul li{width:100%;height:auto;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:15px;background:#fff;border-radius:5px}
.mssg-intro form ul li input{height:50px;border:none;width:100%;outline:0;text-indent:10px;color:#999;font-size:16px;background:0 0;font-family:'微软雅黑'}
.mssg-intro form ul li textarea{width:788px;height:100px;border:none;outline:0;font-family:'微软雅黑';resize:none;background:0 0;text-indent:10px;padding-top:10px;color:#999;font-size:16px}
.mssg-intro form .btn input{width:49%;display:block;float:left;padding:3% 0;background:#3276e1;outline:0;border:none;font-size:16px;color:#fff;border-radius:6px;font-family:'微软雅黑';}
.mssg-intro form .btn input:last-child{background:#999;margin-left:2%}
.about_con{background:url(../images/aboutbj.jpg) repeat; overflow:hidden;  margin-top:15px; padding-bottom:30px}



.contact{ overflow:hidden;}