@charset "utf-8";html{font-family:"Microsoft YaHei";font-size:12px}
b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,textarea,ul{padding:0;margin:0;border:0 none}
img,input{border:0;vertical-align:middle}
li,ul{list-style:none;margin:0;padding:0}
form{padding:0;margin:0}
td{FONT-SIZE:12px}

i{font-style:normal;}
img{border:0}
a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}
a:focus{outline:0}
input,textarea{outline:0}
a:hover{color:#2787e8;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
.content{width:1300px;overflow:hidden;margin:0 auto}
.con_box{width:1300px;overflow:hidden;margin:50px auto}

.title{overflow:hidden;width:1300px;margin:50px auto 20px; text-align:center;}
.title h3{font-size:48px;font-weight:600;text-align:center;color:#666; margin-bottom:10px; background:url(../images/tit.png) no-repeat center bottom; padding-bottom:30px;}
.title h3 span{ color:#999}
.title i{font-style:normal; font-size:13px; color:#999999;}
.title i:before{content:url(../images/xx.png); margin-right:10px;}
.title i:after{content:url(../images/xx1.png);margin-left:10px;}

.title2{width:100%; max-width:1920px; background:url(../images/case.png) no-repeat center top; text-align:center;}
.title2 h3{width:1300px; margin:35px auto 0; font-size:36px; color:#333; line-height:44px; overflow:hidden; font-weight:400;}
.title2 h3 span{font-size:16px; text-transform:uppercase; margin-left:10px;  color:#2787e8; font-weight:normal; display:block;}

.title3{width:100%; max-width:1920px; background:url(../images/case1.png) no-repeat center top; text-align:center;}
.title3 h3{width:1300px; margin:35px auto 0; font-size:36px; color:#fff; line-height:44px; overflow:hidden; font-weight:400;}
.title3 h3 span{font-size:16px; text-transform:uppercase; color:#fff; font-weight:normal; display:block;}


.head{width:100%;max-width:1920px;min-width:1300px;overflow:hidden;margin:0 auto; }
.top{ overflow:hidden; line-height:30px; font-size:14px; color:#666; background:#eeeeee; width:100%;}
.top span{ float:right; }
.top span a{color:#666;margin:0 10px}
.top span a:hover{color:#1c71c8}


.logo{float:left;margin:20px 0 }
.hot{float:right;margin: 35px 0 10px; background:url(../images/hot.png) no-repeat left top;}
.hot p {
    display: block;
    font-size: 36px;
    color: #174cc1;
    height: 30px;
    line-height: 18px;
    font-weight: bold;
    padding: 26px 0 0 60px;
}

.nav{width:100%;max-width:1920px;min-width:1300px;height:50px;margin:0 auto 0;background:#174cc1; }
.nav ul{width:1300px;margin:0 auto;position:relative}
.nav ul li{float:left;height:50px;line-height:50px;text-align:center;font-size:16px}
.nav ul li a{display:block;height:50px;color:#fff;padding:0 40px}
.nav ul li a:hover{color:#fff;background:#ff7800; transition:.0s ease-out;-moz-transition:.0s ease-out;-webkit-transition:.0s ease-out;-o-transition:.0s ease-out}
.nav ul li a.hover{color:#fff;background:#ff7800;transition:.0s ease-out;-moz-transition:.0s ease-out;-webkit-transition:.0s ease-out;-o-transition:.0s ease-out}




.banner{width:100%;max-width:1920px;margin:0 auto;height:610px;position:relative;min-width:1100px}
.fullSlide{width:100%;position:relative;height:610px;background:#eee;margin:0 auto}
.fullSlide .md{margin:0 auto;position:relative;z-index:0;overflow:hidden}
.fullSlide .md ul{width:100%!important;margin:0;padding:0;list-style:none}
.fullSlide .md li{width:100%!important;height:610px;overflow:hidden;text-align:center}
.fullSlide .md li a{display:block;height:610px}
.fullSlide .hd{bottom:28px;height:10px;left:0;line-height:9999px;margin:0 auto;position:relative;width:1000px;z-index:1;overflow:hidden}
.fullSlide .hd ul{list-style:outside none none;margin:0 auto;padding:0;text-align:center}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:60px;margin:5px 2px;overflow:hidden;color:#fff;height:5px;background:#fff;font-size:12px;overflow:hidden;border-radius:10px}
.fullSlide .hd ul .on{background:#2787e8;color:#fff}


.pic_nav{overflow:hidden;line-height:50px;text-align:center; margin-bottom:30px;} 
.pic_nav a{overflow:hidden;border:1px #ccc solid;text-align:center;font-size:16px;padding:0px 0px;margin:0 5px 5px; display:inline-block;  width:13.3%; background:#174cc1; color:#fff;}
.pic_nav a:hover{color:#fff;background:#2787e8}

.case_muen{overflow:hidden;line-height:50px;text-align:center; margin-bottom:30px;} 
.case_muen a{overflow:hidden;border:1px #ccc solid;text-align:center;font-size:16px;padding:0px 0px;margin:0 5px 5px; display:inline-block;  width:147px; background:#174cc1; color:#fff;}
.case_muen a:hover{color:#fff;background:#2787e8}
.pic_nav a.on{background:#2787e8}



.pic_content{overflow:hidden;margin:0px auto; min-height:680px;}
.pic_content ul{overflow:hidden;margin:0 auto}
.pic_content ul li{width:33.33%;float:left;overflow:hidden; border:10px #fff solid; position:relative; background:#fff; box-sizing:border-box;}
.pic_content ul li .pp{ border:1px #ccc solid; overflow:hidden;}
.pic_content ul li .pp div{overflow:hidden; height:302px}
.pic_content ul li dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:55px;line-height:55px;font-size:16px;text-align:center; background:#cccccd;}
.pic_content ul li a:hover dd{color:#fff}
.pic_content ul li:hover dd{ background:#ff7800}
.pic_content ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.pic_content ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_content ul li:nth-child(4n){margin-right:0}
.pic_content ul{ display:none;}



.x_banner{ width:100%; max-width:1920px; min-width:1300px; overflow:hidden; position:relative; }
.x_banner img{ width:100%}




.gengduo{width:200px;height:50px;text-align:center;margin:20px auto;line-height:50px;font-size:16px; background:#fff; border:1px #e5e5e5 solid;}
.gengduo:hover{ background:#247ed9;}
.gengduo:hover a{ color:#fff;}


.aboutbj{ width:100% ; background:url(../images/aboutbj.jpg) no-repeat center top; padding-bottom:50px; }
.about{width:1300px;margin:0px auto 0; padding:50px  0 0;overflow:hidden;}

.le1{width:50% ;height:406px;float:right;overflow:hidden;}
.le1 div{width:100%  ;height:406px;overflow:hidden}
.le2{float:left;width:50%;overflow:hidden;padding:20px 0 0; } 
.le2 h3{font-size:45px;color:#333; text-align:left; position:relative; }
.le2 h3 span{  color:#174cc1;}
.le2 dd{font-size:16px; color:#333; margin-top:10px;}
.le2 dd span{ color:#ff7800}
.le2-sub{  color: #333;   height: 180px;  overflow: hidden; line-height: 30px;  text-align: justify;  font-size: 15px;  margin: 16px 0 0; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 6; font-size:16px; width:557px; text-indent:2em;}

.le2-sub1{font-size:16px;width:140px;height:43px;color:#fff;text-align:center;margin-top:28px;line-height:43px;   background:#ff7800;}
.le2-sub1:hover{color:#fff; background:#2787e8}
.le2-sub1 a{color:#fff; }
.case_nav{ width:265px; overflow:hidden; float:left;}
.case_nav ul{  overflow:hidden;}
.case_nav ul li{ overflow:hidden; text-align:center; font-size:18px; height:75px; background:#174cc1 ; border-bottom:1px #fff solid; line-height:75px; color:#fff; }
.case_nav ul li a{ color:#fff; display:block;}
.case_nav ul li a:hover{ background:#ff7800}

.case_text{ float:right;overflow:hidden; width:1000px;}
.large_box{margin-bottom:10px; overflow:hidden; height:477px;}
.large_box ul li{ position:relative;height:477px}

.large_box ul li .sam_text{ position:absolute; bottom:0px; width:100%; background: #000;background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);  background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));height:100px;}

.large_box ul li .sam_text h3{ font-size:20px; color:#fff; padding:10px 20px;}
.large_box ul li .sam_text h3:after{content:url(../images/anliios.png); position:absolute; right:20px; top:30px;} 
.large_box ul li .sam_text p{ font-size:15px; color:#fff; padding:0 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.large_box ul li img{width:100%; height:100%}

.small_box{width:1000px;overflow:hidden;}

.small_list{position:relative;float:left;width:1000px;height:120px;overflow:hidden;}

.small_list ul{overflow:hidden;}

.small_list ul li{position:relative;float:left;margin-right:10px;width:240px; height:120px;}

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

.small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:240px;height:120px;background:#000 ;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}

.small_list ul li.on .bun_bg{display:block;}


.l_btn{display:block;width:20px;height:73px;background-color:#777;background-repeat:no-repeat;background-position:center center;cursor:pointer; position:absolute; left:0px; top:30%; display:none;}

.r_btn{display:block;width:20px;height:73px;background-color:#777;background-repeat:no-repeat;background-position:center center;cursor:pointer; position:absolute; right:0px; top:30%;display:none;}

.btn:hover{background-color:#e7000e;}

.case_mb:hover .l_btn,.case_mb:hover .r_btn{ display:block;}
.left_btn{float:left;margin-right:10px;background-image:url(../images/left.png);}

.right_btn{float:right;background-image:url(../images/right.png);}

.case_mb{ position:relative; overflow:hidden;}





.huoban{ overflow:hidden; width:1300px; margin:0px auto;}
.huoban ul{ overflow:hidden; }
.huoban ul li{ width:194px; height:85px; float:left; overflow:hidden; border:1px #ccc solid; margin:10px; font-size:14px}
.huoban ul li img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.huoban ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}


.news_left{ width:700px; float:left; overflow:hidden; margin-top:40px; }
.news_tab{ overflow:hidden; margin:10px auto 20px;}
.news_tab a{ overflow:hidden; margin-right:30px; font-size:24px; color:#174cc1; font-weight:bold; position:relative;  padding-left:40px;}
.news_tab a:first-child{background:url(../images/newsios1.png) no-repeat center left;}
.news_tab a:last-child{ background:url(../images/newsios2.png) no-repeat center left; }
.news_tab a.osel:first-child{ background:url(../images/newsios11.png) no-repeat center left;  color:#ff7800}
.news_tab a.osel:last-child{ background:url(../images/newsios22.png) no-repeat center left;  color:#ff7800}


.news_com{ overflow:hidden; display:none; height:540px;}
.news_com dl{ overflow:hidden; float:left; width:340px; margin-right:20px;}
.news_com dl ul{ overflow:hidden;} 
.news_com dl dd{ width:100%; height:230px; overflow:hidden}
.news_com dl dd img{ width:100%; height:100%}
.news_com dl h3{ font-size:16px; height:40px; line-height:40px;}
.news_com dl dt{ font-size:13px; line-height:24px; height:50px; color:#666;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.news_com dl:nth-child(2){ margin-right:0px;}
.news_com ul{ overflow:hidden; width:100%; margin-top:30px;}
.news_com ul:first-child{ margin-top:0px;}
.news_com ul li{ line-height:45px; height:45px;overflow: hidden; background:url(../images/yuan.png) no-repeat center left; padding-left:15px; border-bottom:1px #ccc dotted; font-size:16px; white-space: nowrap;text-overflow: ellipsis;}
.news_com ul li span{ float:right; margin-left:20px;}



.news_right{ overflow:hidden; float:right; width:575px; margin-top:40px;}
.fq_tab{ overflow:hidden; margin:10px auto 20px;  margin-right:30px; font-size:24px; color:#174cc1; font-weight:bold; position:relative; background:url(../images/fqios.png) no-repeat center left;  padding-left:40px;}
.fq{ overflow:hidden; height:540px;}
.fq ul{ overflow:hidden; }
.fq ul li{ overflow:hidden; height:50px; padding:0 10px 0 30px; line-height:50px; margin-bottom:10px; background:#eeeeee url(../images/yuan.png) no-repeat center left 15px; position:relative;}
.fq ul li a{     font-size: 16px;
    width: 486px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    float: left;}
.fq ul li:after{content:url(../images/fqjt.png); float:right; margin-top:16px;}

.n_banner{ width:100%; margin:0px auto;}
.n_banner img{ width:100%;}


.bottom{background:#094c96;width:100%;max-width:1920px;overflow:hidden;margin:40px auto 0; border-top:3px #cf741b solid;}

.footer{width: 1300px; margin: 25px auto;    position: relative;  }

.foot_left{ width:300px; float:left;} 
.foot_left h3{ color:#fff; font-size:20px;}
.foot_left h3:after{content:"——"; color:#fff; display:block;}
.foot_left ul{ overflow:hidden;}
.foot_left ul li{ width:50%; float:left; overflow:hidden; background:#3169a7; text-align:center; border:5px #094c96 solid; box-sizing:border-box;line-height:40px; font-size:14px}
.foot_left ul li a{color:#fff;}

.foot_mial{ color: #fff;   line-height: 33px;   font-size: 15px;    width: 600px; float: left; margin-left: 60px;}
.foot_mial h3{ color:#fff; font-size:20px;}
.foot_mial h3:after{content:"——"; color:#fff; display:block;}

.erweima{    position: absolute; width: 150px;   top: 1px; right: 40px; }
.erweima h3{ color:#fff; font-size:20px;}
.erweima h3:after{content:"——"; color:#fff; display:block;}

.erweima div{width:140px;hoverflow:hidden;margin:5px;}
.erweima div img{width:100%;}
.erweima p{height:24px;line-height:24px;color:#fff;font-size:14px;text-align:center; }

.erweima div img{width:100%;}




.links{width:100%;margin:0px auto ; background:#013167}
.links ul{  overflow:hidden; padding:0px 0;}
.links ul li {float:left; font-size:14px}
.links ul li h3{ color:#fff; font-size:18px; padding:0px  0; font-weight:400; }
.links ul li h3 i{font-size:20px;font-weight:bold;  font-style:normal; text-transform:uppercase; color:#ccc}

.links ul li:nth-child(1){ width:176px; padding: 20px 0 0;}
.links ul li:nth-child(2){ width: 1000px; padding: 20px 0;}
.links ul li:nth-child(2) a{font-size:16px; line-height:24px;white-space: normal; display:inline-block; color:#fff; }
.links ul li:nth-child(2) a:after{content:"|"; margin:0 10px;}


.mbx{width:100%;height:62px;border-bottom:1px solid #eaeaea;max-width:1920px;margin:0 auto;position:relative;background:#fff}
.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;position:relative;z-index:122}
.mbx a.home:hover{background:url(../images/InpageAddress_icon03.png) no-repeat center}
.mbx .p1{line-height:62px;float:left;position:relative;z-index:130;background:url(../images/InpageAddress_icon01.jpg) no-repeat 0 19px;padding-left:26px}
.mbx .p1 a{display:block;padding-right:14px;background:url(../images/InpageAddress_icon02.png) no-repeat center right;font-size:16px;float:left;margin-left:10px}
.mbx .p1 a:first-child{margin-left:0}
.mbx .p1 a:last-child{background-image:none}
.mbx span{float:right;line-height:64px}
.mbx .p1 a:hover{color:#1473c8}



.fytm{ width:100%; overflow:hidden; text-align:center; margin:30px auto;}



.anli{ overflow:hidden;}
.anli ul{overflow:hidden;margin:0 auto}
.anli ul li{width:287px;float:left;overflow:hidden;margin-right:17px;margin-bottom:16px;margin-top:6px;; position:relative; }
.anli ul li div{overflow:hidden;width:287px; height:140px; border:1px #d2d2d2 solid;}
.anli ul li div img{ width:100%; height:100%}
.anli ul li dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:16px;text-align:center;}

.anli_lb{overflow:hidden;margin:15px auto 0;}
.anli_lb ul{overflow:hidden;margin:0 auto;}
.anli_lb ul li{width:25%;float:left;overflow:hidden; border:8px #fff solid; box-sizing:border-box;}
.anli_lb ul li div{overflow:hidden;border:1px #d2d2d2 solid; height:160px;}
.anli_lb ul li dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:16px;text-align:center;}
.anli_lb ul li a:hover dd{color:#2787e8}
.anli_lb ul li:nth-child(4n){ margin-right:0px;}
.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}





.news_lb{overflow:hidden}
.news_lb ul{overflow:hidden;padding:20px 0 0}
.news_lb ul li{padding:20px; background:#fff; margin-bottom:20px;float:left;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;border:1px #ccc dotted; width:46%; float:left; margin-right:20px;}
.news_lb ul li:nth-child(2n){ margin-right:0px;}
.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; height:52px; line-height:25px;}
.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}


.news_nav{ overflow:hidden; text-align:center; margin-bottom:20px;}
.news_nav a{ overflow:hidden; margin:0 10px; height:45px; width:200px; background:#f1f1f1; display:inline-block; line-height:45px; font-size:16px;}
.news_nav a:hover{background:#174cc1; color:#fff;}




.pro-intro{overflow:hidden;margin-top:6px;padding:10px 0}
.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}
.pro-intro .textxq img{max-width:100%; display:block; margin:0px auto; text-align:center;}
.txt{width:100%;height:auto;overflow:hidden;margin-top:10px;font-size:20px;text-align:center;height:45px;font-weight:700;background:url(../images/tit02.png) no-repeat center bottom;color:#1c71c8}



.lxwm{ margin:30px auto;}
.lxwm h3{ text-align:center; font-size:30px; color:#666;}
.lxwm p { text-align:center; font-size:18px; color:#999;}
.lxwm ul{ overflow:hidden; margin:20px 40px 0 ;}
.lxwm ul li{ width:50%; border:10px #fff solid; font-size:18px; float:left; box-sizing:border-box; color:#666;}
.lxwm ul li img{ width:40px; margin-right:15px;}
.lxwm ul li span{ border-bottom:1px  #666 solid; padding-bottom:8px;}

.ditu{ height:400px; margin:50px auto;}


.liuyan{margin:20px auto;overflow:hidden}
.liuyan div{float:left;width:49%;overflow:hidden}
.liuyan div img{ width:100%}
.liuyan ul{float:right;width:49%}
.liuyan ul li{overflow:hidden;margin-bottom:20px}
.liuyan ul li input{border:1px solid #ccc;overflow:hidden;width:99%;height:45px;line-height:45px;font-size:15px;text-indent:1em}
.liuyan ul li textarea{border:1px solid #ccc;overflow:hidden;width:99%;height:158px;padding:2% 0;font-size:15px;text-indent:1em;font-family:Microsoft YaHei}
.liuyan ul li:nth-child(5) input{width:50%;float:left;background:#174cc1;border:5px solid #fff;box-sizing:border-box;height:64px;line-height:45px;color:#fff;cursor:pointer;text-indent:0}
.liuyan ul li:nth-child(5) input.reset{background:#666;color:#fff}

.liuyan ul li p{color:#f00}


.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin:30px 20px}
.fy p{width:33.3333%;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:center;border-right:1px solid #d2d2d2; box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding:0 10px;}
.fy p:last-child{border:none}
.fy p a{color:#666}
.fy .return{text-align: center;  padding-right: 30px;   color: #666;  line-height: 60px;   font-size: 16px;  background: url(../images/icon10.png) no-repeat right center;}


.article-detailed{width:auto;margin:0 auto 30px;height:auto;overflow:hidden;margin-top:20px}
.article-detailed .tit{width:100%;height:auto;overflow:hidden;margin-bottom:15px; }
.article-detailed .tit p{color:#333;font-size:24px;text-align:center;border-bottom:1px dashed #f1f1f1; padding:10px 0;}
.article-detailed .tit span{display:block;color:#333;margin-top:5px;font-size:12px;text-align:center}
.article-detailed .intro{width:100%;height:auto;overflow:hidden}
.article-detailed .intro img{display:block;max-width:100%;margin:0 auto}
.article-detailed .intro p{color:#333;font-size:16px;line-height:30px}
.wary_left{overflow:hidden;float:left;width:250px; margin-top:20px}
.wary_right{ float:right; width:1000px; border:1px #efe9e9 solid; margin-top:20px;margin-bottom:20px}
.muen{overflow:hidden;border:1px #efe9e9 solid}
.tit{background:#174cc1;overflow:hidden;text-align:center;font-size:24px;color:#fff;padding:20px 0}
.muen ul h3{border-bottom:1px #efe9e9 solid;height:50px;line-height:50px;font-size:16px;position:relative;padding-left:30px}
.muen ul h3:before{content:"+";font-family:"宋体";position:absolute;left:10px;top:0px;font-weight:bold}
.muen ul{overflow:hidden;margin:10px 10px 6px}
.muen ul li{overflow:hidden;height:37px;line-height:37px;font-size:13px;padding-left:10px;border-bottom:1px #efe9e9 solid}
.muen ul li:before{content:"-";color:#666;margin-right:10px;font-weight:bold}
.muen ul li.on a{color:#06F}
.muen ul li:last-child{ border:none;}
.lxfs{ margin-top:20px;border:1px #efe9e9 solid; }
.lxfs p{font-size:14px; margin:10px; color:#666; line-height:25px}
div.flickr a {border:1px solid #ccc;padding:10px 15px;border-radius:2px;margin:0 5px;color:#666}
div.flickr a:hover {border-right:#ff7800 1px solid;border-top:#ff7800 1px solid;background-image:none;border-left:#ff7800 1px solid;color:#fff;border-bottom:#ff7800 1px solid;background-color:#ff7800}
div.meneame a:active {border-right:#ff7800 1px solid;border-top:#ff7800 1px solid;background-image:none;border-left:#ff7800 1px solid;color:#fff;border-bottom:#ff7800 1px solid;background-color:#ff7800}
div.flickr span.current {margin-right:5px;padding:10px 15px;color:#fff;font-weight:700;background:#ff7800;border-radius:2px;border:1px solid #ff7800}
div.flickr span.disabled {color:#adaaad;margin-right:10px;border:1px solid #ccc;padding:10px 15px;border-radius:2px}
div.flickr {padding:0;margin:0;text-align:center;font-family:Verdana;font-size:12px;text-align:center;}
.fenye{height:50px; margin-top:50px}

.pic_xq{overflow:hidden; margin:20px}
.xq_tu{width:380px;height:340px;overflow:hidden;border:1px #ccc solid;text-align:center;float:left}
.xq_tu img{width:100%;height:100%;overflow:hidden}
.xq_text{width:560px;float:right;overflow:hidden}
.xq_text h3{font-size:20px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; line-height:40px}
.xq_text p{font-size:14px;color:#005bac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px auto}
.xq_text dl{overflow:hidden;font-size:14px;line-height:30px;border-top:1px #ccc solid;padding-top:10px;height:224px}
.xq_text dl dd{float:left;width:33.33%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xq_text dt{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(../images/hr.png) no-repeat center left;padding-left:15px;margin-top:30px}
.btn{overflow:hidden;height:50px;line-height:50px;margin-top:20px}
.btn  a{width:150px;height:40px;line-height:40px;float:left;margin:0 10px;background:#c50000;text-align:center;color:#fff; font-size:14px}

.pro-title{ height:50px; line-height:50px; background:#f1f1f1; font-size:16px; padding-left:10px}
.pro-xq{ margin:20px}


.top_side{position:fixed;width:78px;right:0;bottom:20%;z-index:1000;border:1px solid #ccc;background:#fff;border-bottom:0}
.top_side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer;}
.top_side ul li a{color:#333}
.top_side ul li:hover{background:#174cc1;color:#fff}
.top_side ul li:hover a{color:#fff}
.top_side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.top_side ul li i.bgs1{background-image:url(../images/ios01.png)}
.top_side ul li i.bgs2{background-image:url(../images/ios02.png)}
.top_side ul li i.bgs3{background-image:url(../images/ios03.png)}

.top_side ul li i.bgs6{background-image:url(../images/ios03.png)}

.top_side ul li:hover i.bgs1{background-image:url(../images/icon11.png)}
.top_side ul li:hover i.bgs2{background-image:url(../images/icon22.png)}
.top_side ul li:hover i.bgs6{background-image:url(../images/icon33.png)}


.top_side ul li.sideetel:hover .telBox{display:block}
.top_side ul li.sideewm:hover .ewBox{display:block}
.top_side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}


.top_side ul li.sideewm .ewBox{width: 130px;
    display: none;
    color: #363636;
    text-align: center;
    padding: 10px;
    position: absolute;
    left: -152px;
    top: -75px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #e0e0e0;
    background: #174cc1;}
.top_side ul li.sideetel .telBox{width:240px; display:none;color:#fff; padding-bottom:10px;text-align:left;position:absolute;left:-240px;top:0;background:#174cc1}
.top_side ul li.sideetel .telBox dd{display:block; overflow:hidden;padding-left:82px;line-height:20px;font-size:18px;padding-top:14px}
.top_side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:11px;font-size:18px}
.top_side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0a8ada}
.top_side ul li.sideetel .telBox dd.bgs2{background:url(../images/icon11.png) 28px 19px no-repeat;background-size:15%}
.top_side ul li.sideewm .ewBox img{width:100%}
.sp_nav{ display:none;}
.mbanner{ display:none;}
.tell{ display:none;}
.n_banner img:nth-child(2){ display:none;}
@media (max-width: 1100px){
.top{ display:none;}
.nav{display:none}
.head{ max-width:inherit; min-width:inherit;}
.content{ width:100%;}
.logo{ margin:0.2rem; height:1.2rem; float:left; width:70%}
.logo img{width:100%}
.hot{ display:none;}
.sp_nav{width:1rem;float:right;position:relative;cursor:pointer;margin-top:0.5rem;display:none; margin-right:0.1rem}
.sp_nav span{display:block;background:#174cc1;width:0.8rem;height:0.1rem;position:absolute;left:0.1px;transition:all ease .35s;border-radius:6px;}
.sp_nav{ display:block}
.sp_nav span:nth-of-type(1){top:0}
.sp_nav span:nth-of-type(2){top:0.2rem}
.sp_nav span:nth-of-type(3){top:0.4rem}
.sp_nav_se span:nth-of-type(1){top:0.1rem;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:0.1rem;transform:rotate(-45deg)}
.haed .nav_show{display:block;z-index:999}
.haed .nav_show{position:fixed;width:100%;height:100%;background:rgb(37 142 217 / 94%);top:75px;left:0}
.haed{overflow:inherit}
.nav ul{ width:100%;}
.nav ul li a{ height:1rem; padding:0;}
.content{padding:0}
.nav{ max-width:inherit; min-width:inherit;}
.nav_show{display:block;z-index:999}
.nav_show{position:fixed;width:100%;height:100%;background:rgb(21 97 151 / 94%);top:1.4rem;left:0}
.nav_show ul li{float:inherit;width:100%;line-height:1rem;width:auto;border-bottom:1px #fff dotted;text-align:center;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal}
 .news_show01 ul li{float:inherit;width:100%;line-height:60px;width:auto;border-bottom:1px #333 dotted;text-align:center;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal; }
.nav ul li{height:1rem; font-size:0.35rem}
.nav_show ul li{border-bottom:1px #ccc solid}
.nav_show ul li a{color:#fff}
.mbanner{ display:block;}
.banner{ display:none;}
.mbanner .swiper-slide img{width:100%}
.title{width:100%; margin:0.4rem auto;}
.title h3{ font-size:0.5rem; padding-bottom:0.8rem;margin-bottom:0.2rem}
.pic_nav{ line-height:1rem; margin-bottom:0.4rem;}
.pic_nav a{ font-size:0.35rem; width:46%; margin:1% 2%; float:left;box-sizing: border-box; }
.pic_content{ min-height:inherit;}
.pic_content ul li{width:50%;}
.pic_content ul li .pp div{ height:2.8rem;}
.pic_content ul li dd{ height:1rem; line-height:1rem; font-size:0.35rem;}
.aboutbj{ background-size:100% 100%; padding-bottom:0.5rem;}
.about{width:96%; padding:0.2rem 0;}
.le1{width:100%; height:auto; float:inherit}
.le1 img{width:100%}
.le2{ float:inherit; width:100%; padding:5% 0}
.le2 h3{ font-size:0.5rem;}
.le2 dd{ font-size:0.35rem; margin-top:0.1rem; margin-bottom:0.3rem}
.le2-sub{ margin:0; line-height:0.6rem; font-size:0.35rem; width:100%; text-indent:inherit; height:auto}
.le2-sub1{ font-size:0.35rem; width:3rem;  height:1rem; line-height:1rem; margin-top:0.2rem}
.case_nav{width:100%; margin:0 auto}
.case_nav ul li{width:46%; height:1rem; line-height:1rem; font-size:0.35rem; float:left; margin: 1% 2%}
.case_text{width:96%; margin:0 2%}
.large_box{ height:auto; border-bottom:2%}
.large_box ul li{ height:auto;}
.large_box ul li .sam_text h3{ font-size:0.4rem; padding:0.1rem 0.2rem;}
.large_box ul li .sam_text p{ padding:0 0.2rem; font-size:0.35rem}
.small_box{width:100%; display:none}
.small_list{width:100%; height:1.5rem;}
.small_list ul li{width:3rem; height:1.5rem; margin-right:0.2rem}
.small_list ul li .bun_bg{width:3rem; height:1.5rem;}
.huoban{width:100%}
.huoban ul li{width:46%; height:2rem; margin:2%; font-size:0.35rem;box-sizing:border-box}
.news_left{width:96%; margin:0 auto; float:inherit; margin-top:0.4rem}
.news_tab{ margin:0.2rem auto}
.news_tab a{ margin-left:0; font-size:0.5rem; margin-right:0.2rem; }
.news_tab a:first-child{ background:url(../images/newsios1.png) no-repeat center left; background-size:20%}
.news_tab a.osel:first-child{ background:url(../images/newsios11.png) no-repeat center left; background-size:20%}
.news_tab a:last-child{ background:url(../images/newsios2.png) no-repeat center left; background-size:20%}
.news_com{ height:auto}
.news_com dl{width:100%}
.news_com dl dd{ height:auto;width:100%; border:1px solid #ccc;box-sizing:border-box}
.news_com dl h3{ font-size:0.35rem; height:1rem; line-height:1rem;}
.news_com dl dt{ font-size:0.3rem; line-height:0.6rem; height:1.2rem}
.news_com dl:nth-child(2){ display:none;}
.news_com ul{ border-top:1px solid #ccc; margin-top:0.2rem;}
.news_com ul li{ height:1rem; line-height:1rem; font-size:0.35rem; padding-left:0.3rem; background:url(../images/yuan.png) no-repeat center left; background-size:2%}
.news_com ul li span{ margin-right:0.2rem; font-size:0.35rem;}
.news_right{ display:none;}
.bottom{ max-width:100%; margin:0.4rem auto 0;}
.footer{width:100%; margin:0.4rem auto 50px}
.foot_left{width:96%; margin:0 auto; float:inherit}
.foot_left ul li{ line-height:1rem; line-height:1rem; font-size:0.35rem}
.foot_left h3{ font-size:0.5rem;}
.erweima{ display:none;}
.foot_mial{ width:96%; margin:0.2rem auto 0; float:inherit; font-size:0.35rem; line-height:0.6rem}
.foot_mial h3{ font-size:0.5rem;}
.links{ display:none;}
.top_side{ display:none;}
.tell{ width:100%; height:50px; position:fixed; bottom:0%; background:#fff; display:block; z-index:9999}  
.tell ul li{ float:left;width:50%; height:50px; line-height:50px; overflow:hidden; font-size:14px; text-align:center}
.tell ul li a{display:block}
.tell ul li:nth-child(2){ background:#f00;}
.tell ul li:nth-child(2) a{color:#fff; }
.tell ul li .wxchar{ display:none; width:40%; position:fixed; bottom:50px; padding:5%;}
.tell ul li:nth-child(1):hover .wxchar{ display:block;}
.tell img{ width:100%;}
.article-detailed{margin:0.2rem auto 0.4rem;width:96%}
.article-detailed .intro p{ font-size:0.35rem; line-height:0.6rem}
div.flickr span.disabled{ padding:0.1rem 0.15rem; margin-right:0.05rem; font-size:0.25rem;}
div.flickr span.current{padding:0.1rem 0.15rem; margin-right:0.05rem; font-size:0.25rem;}
div.flickr a{padding:0.1rem 0.15rem; margin-right:0.05rem; font-size:0.25rem;}
.wary_left{ display:none;}
.wary_right{ float:inherit; width:96%; margin:0.4rem auto;box-sizing:border-box;}
.pic_xq{ margin:0.2rem}
.xq_tu{width:100%; height:auto;box-sizing:border-box;}
.xq_text{width:100%; float:inherit}
.xq_text h3{ font-size:0.4rem; line-height:1rem;}
.xq_text dl{ font-size:0.35rem; line-height:0.6rem; height:auto; padding-top:0.2rem}
.btn{ height:1rem; line-height:1rem; margin-top:0.2rem}
.btn a{ width:3rem; height:1rem; line-height:1rem; margin:0; font-size:0.35rem}
.pro-intro{ margin-top:0.2rem; padding:0.2rem;}
.pro-title{ height:1rem; line-height:1rem; font-size:0.35rem; padding-left:0.2rem}
.pro-intro .textxq{ font-size:0.35rem; margin:0; line-height:0.6rem;}
.pro-intro .textxq img{max-width:100%; height:inherit}
.fy{ margin:0.2rem;}
.fy p{width:100%; height:1rem; line-height:1rem; font-size:0.35rem; padding:0 0.1rem; border-bottom:1px solid #d2d2d2; text-align:left;}
.anli_lb{ margin:0.2rem auto 0}
.anli_lb ul li{width:50%;}
.anli_lb ul li div{ height:3rem;}
.anli_lb ul li dd{ height:1rem; line-height:1rem; font-size:0.35rem}
.pro-intro h2{ font-size:0.45rem; margin-bottom:0.4rem; margin-top:0.2rem;}
.pro-intro .share{ height:1rem; line-height:1rem;}
.pro-intro .share p span{ font-size:0.35rem; padding:0 0.1rem;}
.pro-intro .textxq{ margin-top:0.2rem}
.news_nav{ width:96%; margin:0.2rem auto}
.news_nav a{ margin:0 1%; width:31.33%; height:1rem; line-height:1rem; font-size:0.35rem}
.news_lb ul{padding:0.2rem 0 0;width:96%; margin:0 auto}
.news_lb ul li{ padding:0.2rem; margin-bottom:0.2rem; width:100%; float:inherit; margin-right:0;box-sizing:border-box;}
.news_lb ul li h3{ font-size:0.4rem; margin-bottom:0.2rem; padding-right:1rem;}
.news_lb ul li h3 span{ font-size:0.35rem; top:0.1rem}
.news_lb ul li p{ font-size:0.35rem; height:1.2rem; line-height:0.6rem; padding-left:0.4rem;padding-right:1rem}
.lxwm{ margin:0.4rem auto;}
.lxwm ul{ margin:0.2rem 0.2rem 0}
.lxwm ul li{width:100%; font-size:0.35rem;}
.lxwm ul li img{width:1rem; margin-right:0.2rem; float:left; }
.lxwm ul li span{line-height:1rem; padding-bottom:0.2rem}
.ditu{ height:auto; margin:0 auto}
.liuyan{ display:none;}
.n_banner img:nth-child(1){ display:none;}
.n_banner img:nth-child(2){ display:block;}
}