@charset "utf-8";
/* base 公共部分 */
body {font: 12px/22px "微软雅黑";color: #555;margin: 0px;text-align: center;}
* {padding: 0;margin: 0;}
a {color: #555; text-decoration: none;}
a:hover {color: #0278b8;text-decoration: none;}
ul, li {list-style: none;}
img {border: none;}
.clearboth {clear: both;}
.page {text-align: center;margin: 20px 0 40px 0;width: 100%;float: left; font-size:1.2em;}
.page .p_state{padding:0px 5px;font-weight:bold;color: #b3b3b3;float:left;}
.page .p_state .p_curr,.page .p_state .p_pages{padding: 2px 8px;}
.page a {border:solid 1px #eaeaea; color: #b3b3b3; margin: 0 2px;padding: 2px 8px;}
.page strong{padding:0px 5px;}
.page a.dq, .page a:hover {color:#F60}
.page a.on{color:#F60}

.wrapper {width: 100%;margin: 0;padding: 0;text-align: left; overflow:hidden;}
#header{border-bottom:solid 1px #eaeaea; margin-bottom:10px;}
#header .container{padding-right:0;}
.logo {float: left;width: 100px;padding:0;text-align:left;padding:30px 0;}
.logo img {height: 50px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.nav-box { width:100%; display: none;} 
.container1{margin-right:auto;margin-left:335px;}
@media (min-width:768px){.container1{width:815px}}
@media (min-width:992px){.container1{width:970px}}
@media (min-width:1200px){.container1{width:815px}}
.nav-box .container{padding:0;}
.nav { position: relative;z-index: 1; width:800px; float:left}
.language{ margin-right:0px; width:80px; float:left; line-height:14px; color:#F60; padding-top:15px; display:none}
.language a{ font-size:16px; color:#000}
.language a.on{color:#F60}
.nav a {color: #000;}
.nav .nLi {float: left;position: relative; display: inline; width:14%; padding-top:15px;}
.nav .nLi h3 {float: left;margin: 0;}
.nav .nLi h3 a {display: block;font-weight: normal;color: #000; line-height:50px;}
.nav .nLi h3 a:hover, .nav .nLi h3 a.active{border-bottom: solid 2px #000;}
.nav .sub {display: none;width: 120px;left: 5px;top: 40px;position: absolute;background: #4E4E4E;line-height: 26px;padding: 5px 0;}
.nav .sub li {zoom: 1;}
.nav .sub a {display: block;padding: 2px 10px;text-align: center;font-size: 14px; }
.nav .sub a:hover {background: #6d6d6d;color: #fff;}
.nav .on h3 a {}
.wz{float:left; margin:28px 0 0 20px; font-size:1.2em;}
.tel{float:right; margin:28px 0 0 0; font-size:1.6em; font-weight:bold; color:#d10e2c;}
.nav3{width:160px;float:right; display:none;}
.nav3 ul li{float:left; background:#f1f1f1; text-align:center; width:80px;padding:9px 0; border-left:1px solid #fff;}
.nav-box2 {display: block; float: right;margin-top:30px; width:38%}
.nav2 {height: 40px;line-height: 40px; float:right; z-index: 9999999; position:relative}
.nav2 a {color: #fff;}
.nav2 .nLi {float: left;position: relative;display: inline;}
.nav2 .nLi h3 {float: left;margin: 0;}
.nav2 .nLi h3 a {display: block;height: 40px;line-height: 40px;padding: 0 54px;font-size: 16px;font-weight: normal;color: #555;}
.nav2 .sub {display: none;width: 100px;right: 5px;top: 40px;position: absolute;background: #f60;line-height: 26px;padding: 5px 0;}
.nav2 .sub li {zoom: 1;}
.nav2 .sub a {display: block;padding: 0 10px;text-align: center;font-size: 14px;}
.nav2 .sub a:hover {background: #f60;color: #fff;}
.nav2 .on h3 a {}
.search {display: none;}
#banner {padding:0; background:#efefef; }
.banner{ width:100%;}
.slideBox {width: 100%;overflow: hidden;position: relative;}
.slideBox .hd {overflow: hidden;position: absolute;left: 50%;width:140px; margin-left:-55px;bottom: 10px;z-index: 1;}
.slideBox .hd ul {overflow: hidden;zoom: 1;float: left;}
.slideBox .hd ul li {float: left;margin-right: 5px;width: 30px;height: 5px;line-height: 14px;text-align: center;background: #fff;cursor: pointer;}
.slideBox .hd ul li.on {background: #f00;color: #fff;}
.slideBox .bd {position: relative;height: 100%;z-index: 0;}
.slideBox .bd li {zoom: 1;vertical-align: middle; margin:0; padding:0;}
.slideBox .bd img {max-width: 100%; display: block; height:auto;}

/*首页-分类*/
.flei{ width:100%; height:auto; background-size: auto 100%; }
.flei .container{padding:0;}
.flei .container .wmfw{ width:100%;}
.flei .container .wm{ padding-bottom:60px;}
.flei .container .wmfw p{ text-align:center; margin:0 auto;}
.flei .container .wmfw .bt{ font-size:36px; font-weight:bold; color:#F60; padding-top:68px;}
.flei .container .wmfw .hg{ width:66px; border-bottom:solid 3px #F60; margin:0 auto; padding-top:30px;}
.flei .container .wmfw .fbt{ font-size:18px; color:#747475; padding-top:11px;}
.flei .container .wmfw .xbt{ font-size:18px; color:#747475; width:67%; margin:0 auto; color:#1a1a1a; margin-top:30px; line-height:30px;}
.flei .container .wmfw .thumbnail{width:100%; display: block; margin-left: auto; margin-right: auto; text-align: center; border-radius: 0; background:#efefef; border:none; margin-top:40px; padding:0px; margin-bottom:70px; color:#646464; box-shadow:#ccc 5px 5px 30px 5px;}
.flei .container .wmfw .thumbnail:hover{ background:#fdddc8;}
.flei .container .wmfw .thumbnail img{width:100%; height:auto; padding:5px;}
.flei .container .wmfw .thumbnail .dg{ font-size:22px; padding-top:16px; padding-bottom:16px; color:#333;}
.flei .container .wmfw .thumbnail01 .dg{ font-size:24px; padding-top:16px; padding-bottom:16px; font-weight:bold; color:#333}
.flei .container .wmfw .thumbnail .dt{ font-size:12px; padding:0 60px 20px 60px;}
.flei .container .wmfw .row .ba .thumbnail01{width:100%; display: block; margin-left: auto; margin-right: auto; text-align: center; border-radius: 0; border:none; padding:0px; margin-bottom:40px;}

.flei .container .wmfw .rk{ font-size:18px; color:#005cad; text-align:center}
.flei .container .wmfw .frk{ font-size:16px; color:#333333; text-align:center; margin-top:13px;}
.flei .container .wmfw .gj{ font-size:14px; margin-top:42px;}
.flei .container .wmfw .gj .col-md-6{line-height:30px; color:#333; text-align:center;}
.flei .container .wmfw .sdds{ width:100%; height:auto}
.flei .container .wmfw .row .ba .thumbnail01 .ld img{ width:100%; height:auto}
.flei .container .wmfw .row .ba .thumbnail01 .ld01{ width:94px; height:94px; background:url(../images/xq01.jpg) no-repeat; transition:1s;}
.flei .container .wmfw .row .ba .thumbnail01 .ld01:hover{ width:94px; height:94px; background:url(../images/bh01.jpg) no-repeat; transform:rotate(360deg);}
.flei .container .wmfw .row .ba .thumbnail01 .ld02{ width:94px; height:94px; background:url(../images/xq02.jpg) no-repeat; transition:1s;}
.flei .container .wmfw .row .ba .thumbnail01 .ld02:hover{ width:94px; height:94px; background:url(../images/bh02.jpg) no-repeat; transform:rotate(360deg);}
.flei .container .wmfw .row .ba .thumbnail01 .ld03{ width:94px; height:94px; background:url(../images/xq03.jpg) no-repeat; transition:1s;}
.flei .container .wmfw .row .ba .thumbnail01 .ld03:hover{ width:94px; height:94px; background:url(../images/bh03.jpg) no-repeat; transform:rotate(360deg);}
.flei .container .wmfw .row .ba .thumbnail01 .ld04{ width:94px; height:94px; background:url(../images/xq04.jpg) no-repeat; transition:1s;}
.flei .container .wmfw .row .ba .thumbnail01 .ld04:hover{ width:94px; height:94px; background:url(../images/bh04.jpg) no-repeat; transform:rotate(360deg);}
.flei .container .wmfw .row .ba .thumbnail01 .ld05{ width:94px; height:94px; background:url(../images/xq05.jpg) no-repeat; transition:1s;}
.flei .container .wmfw .row .ba .thumbnail01 .ld05:hover{ width:94px; height:94px; background:url(../images/bh05.jpg) no-repeat; transform:rotate(360deg);}
.flei .container .wmfw .row .ba .thumbnail01 .dg{ font-size:24px; color:#333; padding-top:16px; padding-bottom:16px;}
.flei .container .wmfw .row .ba .thumbnail01 .dt{ font-size:14px; color:#646464; padding-bottom:16px;}
.flei .container .wmfw .row .ba .thumbnail01 .dt1{ font-size:14px; color:#fff; height:60px; line-height:60px; background:#000000;}
.flei .container .wmfw .row .thumbnail01{ margin-top:40px;}
.flei .container .wmfw .row .thumbnail01 .dtt{ font-size:16px; color:#333; margin-top:30px; line-height:26px;}

.wzdz{ width:100%; height:auto; background:none}
.wzdz img{width:100%; height:auto;}

.wzdz .container .wmfw{ width:100%;}
.wzdz .container .wmfw p{ text-align:center; margin:0 auto;}
.wzdz .container .wmfw .bt{ font-size:36px; font-weight:bold; color:#F60; padding-top:68px;}
.wzdz .container .wmfw .hg{ width:66px; border-bottom:solid 3px #F60; margin:0 auto; padding-top:30px;}
.wzdz .container .wmfw .fbt{ font-size:18px; color:#ccc; padding-top:11px;}

.rollBox{width:100%; overflow:hidden; margin:0px 0 50px 0}
.rollBox .LeftBotton{height:66px;width:51px;background:url(../images/an1.png) no-repeat 2px 0;overflow:hidden;float:left; display:inline;margin:185px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:66px;width:48px;background:url(../images/an2.png) no-repeat -2px 0;overflow:hidden;float:left; display:inline;margin:185px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:71%;overflow:hidden;float:left; margin-top:30px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{float:left;text-align:center; margin-left:34px; background:#e4e4e4; width:258px; height:auto}
.rollBox .Cont .pic img{width:258px; border:1px solid #ccc; display:block;margin:0 auto; margin-bottom:15px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

.rollBox .Cont .pic p{ color:#505050; font-size:18px; float:left; width:90%; text-align:left; padding:0 30px;}
.rollBox .Cont .pic p.third{ font-size:12px}
.rollBox .Cont .pic p .ck{ width:80px; height:30px; border:solid 1px #ccc; border-radius:20px; font-size:14px; text-align:center; line-height:30px; display:block; }
.rollBox .Cont .pic p .ck:hover{ text-decoration:none; color:#fff; background:#f60}


.gsjj{ width:100%; height:auto;}
.gsjj p{ margin:0 auto; text-align:left}
.gsjj .img-responsive{ margin:0 auto; padding-top:58px;}

.gsjj .wmss{ width:100%; margin-top:20px; float:left; background:none; margin-bottom:30px;}
.gsjj .wmss h2{ font-size:30px; text-align:center; color:#000}
.gsjj .wmss h3{ height:19px; width:100%; margin:10px auto}
.gsjj .wmss h3 a{ font-size:14px; color:#7f7c7c; margin:0 auto; font-weight:normal; text-align:center; display:block; line-height:20px;}
.gsjj .wmss .aboutjs{ width:100%; float:right; margin-top:30px;}
.gsjj .wmss .aboutjs .fi{ font-size:20px; font-weight:bold; color:#000; line-height:30px;}
.gsjj .wmss .aboutjs .sec{ font-size:20px; font-weight:bold; color:#f64267; padding-top:20px;}
.gsjj .wmss .aboutjs .tir{ font-size:14px; color:#6e6d6d; padding-top:20px;}

.gsjj .wmss h4{ font-size:14px; color:#000000; margin:30px auto; font-weight:400; text-align:center; display:block; line-height:20px;}
.gsjj .wmss .tdimg{ width:100%; height:auto;}
.gsjj .wmss .partnerimg{ width:100%; height:auto;}
.gsjj .wmss video{width:100%; margin-top:20px;}


.gsjj .wmss .certificate{ font-size:36px; text-align:center; color:#fff; padding-bottom:30px;}
.gsjj .wmss .row img{width:100%; height:auto; margin-top:10px;}

.wmzy{ width:100%; height:auto; margin:0 auto; margin-bottom:20px; background:#000000}
.wmzy .zylf{ width:100%; float:left; padding-top:25px}
.wmzy .zylf .fir{font-size:20px; color:#fff}
.wmzy .zylf .sec{font-size:14px; color:#fff; padding-top:30px; font-weight:400; line-height:20px;}
.wmzy .plimg{ float:left; padding:20px 0px 20px 0px;}


.tab{ width:100%; margin-top:30px;}
.tab h2{ width:445px; overflow:hidden; font-size:16px; font-weight:normal; color:#666869; margin:0 auto;}
.tab h2 span,
.tab h2 a{ float:left; margin-left:32px; line-height:25px; text-align:left; cursor:pointer;}
.tab h2 .current{ background:#fff; border-bottom:2px solid #015dad; color:#015dad; padding-bottom:5px;}
.tab ul{ margin-top:30px; width:100%;}
.tab ul li{ width:16.6%; float:left;}
.tab ul li img{ width:100%; height:auto;}

.tab05{ width:100%; margin:0 auto; font-size:14px; color:#555;}
.tab05 h2{ width:100%; overflow:hidden; font-weight:normal; background:url(../images/gsjj.png) no-repeat left top; height:74px; font-size:18px}
.tab05 h2 span,
.tab05 h2 a{ float:left; padding-left:27px; cursor:pointer; color:#666; text-decoration:none; font-size:18px; height:auto; padding-top:20px; padding-bottom:29px;}
.tab05 h2 .current{ color:#2168b0;}
.tab05 ul{}
.tab05 ul span{ width:42%; float:left; display:none}
.tab05 ul .sk{ width:100%; float:right; }
.tab05 ul .sk p{ text-align:left; line-height:30px;}
.tab05 ul .sk p a{ color:#2168b0}

/*产品中心*/
#product .container{ background:#fff;padding:15px 15px;}
.product-title{border-left:3px solid #d10e2c;padding-left:10px;}
.product-title h3{font-size:2em; color:#000;}
.product-title h3 a{color:#000;}
.product-title p{font-size:1.25em;}
.product-content{margin-top:20px;}
.product-content img{width:100%;}
.product-content a h3{ color:#000; margin:10px 0; font-size:18px;}
.product-content a p{color:#555; font-size:1.25em; margin:5px 0 20px 0;}
.product-content a p.more{ color:#777; font-size:1em; margin-bottom:20px;}
.product-content a p.more span{color:#d10e2c;}
.product-bottom{background:#f5f5f5;}
.product-bottom ul{padding:20px;}
.product-bottom ul li{float:left; margin-right:15px; font-size:1.2em;}
.product-bottom ul li a.more{color:#d10e2c;}

.product-content .name{ font-size:20px; text-align:center; line-height:40px; color:#000;}
.product-content .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}
.product-content .nr{ padding:8px 18px; font-size:1.2em; line-height:2;}
.product-content .nr img{width:100%;}
.product-content .back{ text-align:center;font-size:1.2em;margin-top: 10px;}
.product-content .back a:hover{ color:#ec6100;}

.product-content .prev_next{margin-bottom:20px;}
.product-content .prev_next .Pre{ float:left; margin-left:20px;}
.product-content .prev_next .Next{ float:right; margin-right:20px;}
.product-content .prev_next a:hover{ color:#ec6100;}

.pro-tp{width:100%; overflow:hidden;}
.pro-tp img{width:100%;transform:scale(1,1);transition-duration:0.5s;}
.pro-tp img:hover{ transform:scale(1.1,1.1); transition-duration:0.5s;}



/*新闻中心*/
#news{}
#news .container{ background:#fff;padding:20px 0 0 0;}
#news .container .wmfw p{ text-align:center; margin:0 auto;}
#news .container .wmfw .bt{ font-size:36px; font-weight:bold; color:#f60; margin-top:68px;}
#news .container .wmfw .hg{ width:66px; border-bottom:solid 3px #f60; margin:0 auto; padding-top:30px;}
#news .container .wmfw .fbt{ font-size:18px; color:#747475; padding-top:11px; padding-bottom:40px;}
.news-title{font-size:2.5em; text-align:center; margin-bottom:30px; font-weight:bold;}
.news-title a{color:#000;}
.news-tp img{width:100%;}
.news-content{font-size:1.2em;padding:10px 0 50px 0;}
.news-content .col-sm-6{margin-bottom:15px;}
.news-content a{float:left; color:#333;padding-left:25px; background:url(../images/bg3.png) left no-repeat;}
.news-content span{float:right; color:#777; display:none;}
/**/

/*小程序*/
#applet{margin-bottom: 50px; text-align: center;}
#applet .container .title p{ text-align:center; margin:0 auto;}
#applet .container .title .bt{ font-size:36px; font-weight:bold; color:#f60; margin-top:68px;}
#applet .container .title .hg{ width:66px; border-bottom:solid 3px #f60; margin:0 auto; padding-top:30px;}
#applet .container .title .fbt{ font-size:18px; color:#747475; padding-top:11px; padding-bottom:40px;}

/*内页--关于我们*/
.sider-nav{ padding-top:15px; background:#f1f1f1; padding-bottom:15px;}
.sider-nav ul{margin-bottom:0;}
.sider-nav ul li{float:left; font-size:1.2em;}
.sider-nav ul li a{display:block; color:#000; padding:0 20px;}
.sider-nav ul li a:hover{color:#f60;}

.product-sider-nav{padding-top:15px; border-bottom:solid 1px #dcdbdb; padding-bottom:15px;}
.product-sider-nav a{display:block; color:#000; padding:0 5px; float:left; font-size:1.2em;}
.product-sider-nav .sy{ background:url(../images/icon.png) no-repeat left; padding-left:30px;}
.product-sider-nav .active{color:#f60}

/*产品中心*/
.product-nav{ width:100%; float:left; margin-top:20px;}
.product-nav .product-nav-title{width:100%; background:#f64367; height:75px; line-height:75px; text-align:center; color:#ffffff; font-size:16px;}
.product-nav .product-nav-title span{ font-size:12px; padding-left:10px;}

.product-nav .menu_head{width:100%; float:left; height:40px; line-height:40px; background:#ffc8d4; margin-top:2px; padding-left:45px; font-size:16px; color:#f64367; }
.product-nav .menu_head a{color:#f64367;}
.product-nav .menu_head i{ width:8px; height:8px; border:solid 1px #fff; border-radius:50%; float:right; margin-top:16px; margin-right:20px;}
.product-nav .menu_list .current{background:#f64367; color:#fff;}
.product-nav .menu_list .current a{color:#fff;}
.product-nav .menu_body{width:100%; height:auto; overflow:hidden;line-height:38px;}
.product-nav .menu_body a{font-size:14px; color:#f64367; display:block; padding-left:45px; border-bottom:solid 1px #fbe6eb;}
.product-nav .menu_body a i{ background:url(../images/icon01.png) no-repeat left; padding-left:20px; font-style:normal}
.product-nav .menu_body a:hover{ background:#f64367; color:#fff}
.product-nav .menu_body a:hover i{background:url(../images/icon02.png) no-repeat left;}


.product-content{width:100%; float:right;}
.product-content .title{width:100%; float:left; font-size:12px; color:#333; text-align:right; margin-bottom:20px; border-bottom:solid 1px #eaeaea; padding-bottom:10px;}

/*人才招聘*/

#product .job{width:100%; float:left}
.job .menu_head{width:100%; float:left; height:40px; line-height:40px; background:#fff; border:solid 1px #ccc; margin-top:2px; padding-left:15px; font-size:16px; color:#000; }
.job .menu_head i{ width:8px; height:8px; border:solid 1px #f64367; border-radius:50%; float:right; margin-top:16px; margin-right:20px;}
.job .menu_list .current{background:#fff; color:#000;}
.job .menu_body{width:100%; height:auto; overflow:hidden;line-height:20px; border:solid 1px #ccc; padding:15px; font-size:14px}


/*在线留言*/
.feedback{width:100%; height:auto; margin-bottom:50px;}
.feedback .name{ font-size:20px; text-align:center; line-height:40px; color:#000; margin-top:40px;}
.feedback .nr{width:100%; }
.guestbook #bookAdd {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
}
.guestbook #bookAdd .Text {
    display: inline-block;
    height: 150px;
    width: 100%;
    padding: 0 5px;
    border: 1px solid #e4e4e4;
    resize: none;
    padding-top: 5px;
    box-sizing: border-box;
}
.guestbook #bookAdd p {
    text-align: center;
}
.f-cb {
    zoom: 1;
}
.guestbook #bookAdd .InputText {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e4e4e4;
    padding: 0 5px;
    box-sizing: border-box;
	margin-top:20px;
}
input[type="text"], input[type="number"] {
    -webkit-appearance: none;
}
.fl {
    float: left;
    display: inline;
}
input {
    outline: none;
}
.guestbook #bookAdd .btn {
    height: 30px;
    line-height: 30px;
    padding: 0 28px;
    background: #f60;
    color: #fff;
    border: 0px;
    display: inline-block;
	margin-top:10px;
}


/*新闻列表*/
.news-list{padding:20px 0;}
.news-list img{width:100%; margin-top:7px;}
.news-list .row{background:#f5f5f5; margin:30px 0;}
.news-list .row:hover{-webkit-box-shadow:0 2px 5px #aaa; -moz-box-shadow:0 2px 5px #aaa;box-shadow:0 2px 5px #aaa;}
.news-list h3{font-size:1.5em; line-height:1.5;}
.news-list h3 a{color:#000;}
.news-list p {font-size:1.2em;}
.news-list p.date{font-size:1em; color:#777;}
.news-list p.more a{color:#d10e2c}

/*新闻详细页*/
.news_show{ padding:40px 0;}
.news_show .name{ font-size:18px; text-align:center; line-height:40px; color:#000;}
.news_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}
.news_show .nr{ padding:8px 18px; font-size:1.2em; line-height:2;}
.news_show .nr img{width:100%;}
.news_show .back{ text-align:left; font-size:1.2em;}
.news_show .back .Pre{ float:left; margin-left:20px;}
.news_show .back .Next{ float:right; margin-right:20px;}
.news_show .back a:hover{ color:#ec6100;}
.news_show .back{ text-align: center;}

/*联系我们*/
.contact{text-align:center;padding:60px 0;}
.contact h3{font-size:1.5em;color:#000;}
.contact p{font-size:1.2em; color:#555;}
.contact p.more a{color:#777;}
.map{ width:100%; height:auto; margin-top:40px;}
#dituContent{width:100%; height:300px;}


/*首页--底部*/
#footer .container{padding:20px 15px;}
#footer{ background:#000;   }
#footer a{color:#333;}
#footer h3{font-size:14px; font-weight:normal;}
#footer ul li{line-height:32px; font-size:1.2em;}
#footer ul li a{color:#9e9e9e;}
#footer p{margin:6px 0; display:block; width:100%;color:#9e9e9e; font-size:12px; float:left;}
#footer img{float:left; margin-top:0;}
#footer .ft2{ color:#9e9e9e}
#footer .ft2 .container{padding:0; text-align:center; font-size:1em;}
#footer .ft2 p a{color:#9e9e9e;white-space:nowrap;}
#footer .lx{ display:block; width:55%;}
#footer .bg{ display:none; width:100%;}
#footer .em{ display:block; width:45%;}
#footer .em img{ width:70%;}
#footer .rg{margin-top:145px; margin-left:34px;}
#footer .pz{ text-align:center; padding-left:30px; font-size:12px}


 @media(min-width:768px) {
.logo {}
.nav-box2 {display: block; width:19%}
.nav-box{ display:none;}
.nav .nLi h3 a { font-size:14px;padding:0 26px;}
.sider-nav ul li{float:left;  font-size:1.3em;}
.sider-nav ul li a{margin:0 15px; padding:10px 0 15px 0;}
.sider-nav ul li a.active{color:#f60}
.about-title{margin:50px auto 30px; font-size:2.5em; }
.news-list{padding:30px 0;}
.news-content span{display:none;}
.news-list h3{font-size:1.8em;}
.jzxl{ background:none;}
.wzdz{ width:100%; height:auto; background:none}
.flei ul li{width:33.3333%;float:left; border-right:1px solid #ccc;padding:20px 0; padding-left:80px;padding-right:-1px;border-bottom:3px solid #efefef; }

.rollBox .Cont{width:86%;overflow:hidden;float:left; margin-top:30px;}

.gsjj{ width:100%; background:none; height:auto;}
.gsjj .wmss{ width:100%; margin-top:20px; float:left; background:none; margin-bottom:30px; min-height:350px;}
.gsjj .wmss h2{ font-size:36px; text-align:center; color:#000}
.gsjj .wmss h3{ height:19px; width:100%; margin:10px auto}
.gsjj .wmss h3 a{ font-size:14px; color:#7f7c7c; margin:0 auto; font-weight:normal; text-align:center; display:block; line-height:20px;}
.gsjj .wmss .aboutjs{ width:100%; float:right; margin-top:30px;}
.gsjj .wmss .aboutjs .fi{ font-size:20px; font-weight:bold; color:#000; line-height:30px;}
.gsjj .wmss .aboutjs .sec{ font-size:20px; font-weight:bold; color:#f64267; padding-top:20px;}
.gsjj .wmss .aboutjs .tir{ font-size:14px; color:#6e6d6d; padding-top:20px;}

.gsjj .wmss .tdimg{ width:59%; height:auto; float:left}
.gsjj .wmss video{width:39%; float:right; margin-top:0px}

.wmzy{ width:100%; background:#000; height:auto; margin:0 auto}
.wmzy .zylf{ width:50%; float:left; padding-top:50px}
.wmzy .zylf .fir{font-size:20px; color:#ffffff}
.wmzy .zylf .sec{font-size:14px; color:#ffffff; padding-top:30px; font-weight:400; line-height:20px;}
.wmzy .plimg{ float:right; padding:50px 0px 50px 0px;}

/*产品中心*/
.product-nav{ width:25%; float:left; margin-top:20px;}
.product-nav .product-nav-title{width:100%; background:#f64367; height:75px; line-height:75px; text-align:center; color:#ffffff; font-size:16px;}
.product-nav .product-nav-title span{ font-size:12px; padding-left:10px;}

.product-nav .menu_head{width:100%; float:left; height:40px; line-height:40px; background:#ffc8d4; margin-top:2px; padding-left:45px; font-size:16px; color:#f64367; }
.product-nav .menu_head i{ width:8px; height:8px; border:solid 1px #fff; border-radius:50%; float:right; margin-top:16px; margin-right:20px;}
.product-nav .menu_list .current{background:#f64367; color:#fff;}
.product-nav .menu_body{width:100%; height:auto; overflow:hidden;line-height:38px;}
.product-nav .menu_body a{font-size:14px; color:#f64367; display:block; padding-left:45px; border-bottom:solid 1px #fbe6eb}
.product-nav .menu_body a:hover{ background:#f64367; color:#fff}

.product-content{width:70%; float:right;}

#footer{ background:#363636;}
#footer .container{padding:20px 0px;}
.flei .container .wm{ padding-bottom:40px;}
#footer .ft2{ color:#9e9e9e;}
#footer .ft2 .container{ font-size:1.2em; text-align:left; }
.nav3{display:none;}
.contact h3{font-size:1.75em;}
#footer .lx{ display:block; width:55%;}
#footer .bg{ display:none; width:100%;}
#footer .em{ display:block; width:45%;}
#footer .rm{margin-top:70px; margin-left:100px;}
#footer .rg{margin-top:30px; margin-left:100px;}
#footer .pz{ text-align:center; padding-left:80px;}
.flei{ background:url(../images/bg1.jpg) no-repeat center;}

#tab06 ul span{ width:42%; float:left; display:none;}
#tab06 ul .sk{ width:100%; float:right;}
#tab06 ul .sk p a{ color:#2168b0}
.tab h2{ width:445px; overflow:hidden; font-size:24px; font-weight:normal; color:#666869; margin:0 auto;}
.flei .container .wmfw .rk{ font-size:18px; color:#005cad; text-align:left}
.flei .container .wmfw .frk{ font-size:16px; color:#333333; margin-top:13px; text-align:left}
.flei .container .wmfw .gj{ font-size:14px; margin-top:42px; text-align:left;}
.flei .container .wmfw .gj .col-md-6{ text-align:left; background:url(../images/tt.jpg) no-repeat left;}	 
 }
 @media(min-width:992px) {
.nav-box2 {display: block; width:14%}
.nav-box{ display:none;}
.nav .nLi h3 a { font-size:16px;padding:0 38px;}
.sider-nav ul li{float:left;  font-size:1.5em;}

.rollBox .Cont{width:89%;overflow:hidden;float:left; margin-top:30px;}

.gsjj{ width:100%; background:none; height:auto;}
.gsjj .wmss{ width:100%; margin-top:20px; float:left; background:none; margin-bottom:30px; min-height:350px;}
.gsjj .wmss h2{ font-size:36px; text-align:center; color:#000}
.gsjj .wmss h3{ height:19px; width:100%; background:url(../images/hgf.jpg) no-repeat center top; margin:20px auto}
.gsjj .wmss h3 a{ font-size:14px; color:#7f7c7c; margin:0 auto; font-weight:normal; text-align:center; display:block; line-height:20px;}
.gsjj .wmss .aboutjs{ width:100%; float:right; margin-top:30px;}
.gsjj .wmss .aboutjs .fi{ font-size:20px; font-weight:bold; color:#000; line-height:30px;}
.gsjj .wmss .aboutjs .sec{ font-size:20px; font-weight:bold; color:#f64267; padding-top:20px;}
.gsjj .wmss .aboutjs .tir{ font-size:14px; color:#6e6d6d; padding-top:20px;}

.gsjj .wmss .tdimg{ width:59%; height:auto; float:left}
.gsjj .wmss video{width:39%; float:right; margin-top:0px}

.news-content span{display:block}
.news-list{padding:40px 0;}
.news-list h3{font-size:2em; }
.nav3{display:block;}
.wzdz{ width:100%; height:auto; background:none}

.flei{ background:url(../images/bg1.jpg) no-repeat center; background-size:100% 100%}
.flei ul li.third span{display:block;}
#tab06 ul span{ width:42%; float:left; display:none;}
#tab06 ul .sk{ width:100%; float:right;}
#tab06 ul .sk p a{ color:#2168b0}

.wmzy{ width:100%; background:#000; height:auto; margin:0 auto}
.wmzy .zylf{ width:60%; float:left; padding-top:50px}
.wmzy .zylf .fir{font-size:20px; color:#ffffff}
.wmzy .zylf .sec{font-size:14px; color:#ffffff; padding-top:30px; font-weight:400; line-height:20px;}
.wmzy .plimg{ float:right; padding:50px 0px 50px 0px;}

/*产品中心*/
.product-nav{ width:25%; float:left; margin-top:20px;}
.product-nav .product-nav-title{width:100%; background:#f64367; height:75px; line-height:75px; text-align:center; color:#ffffff; font-size:24px;}
.product-nav .product-nav-title span{ font-size:16px; padding-left:10px;}

.product-nav .menu_head{width:100%; float:left; height:40px; line-height:40px; background:#ffc8d4; margin-top:2px; padding-left:45px; font-size:16px; color:#f64367; }
.product-nav .menu_head i{ width:8px; height:8px; border:solid 1px #fff; border-radius:50%; float:right; margin-top:16px; margin-right:20px;}
.product-nav .menu_list .current{background:#f64367; color:#fff;}
.product-nav .menu_body{width:100%; height:auto; overflow:hidden;line-height:38px;}
.product-nav .menu_body a{font-size:14px; color:#f64367; display:block; padding-left:45px; border-bottom:solid 1px #fbe6eb}
.product-nav .menu_body a:hover{ background:#f64367; color:#fff}

.product-content{width:70%; float:right;}

#footer .lx{ display:block; width:33.3%}
#footer .bg{ display:block; width:33.3%}
#footer .em{ display:block; width:33.3%}
#footer .ft2{ color:#9e9e9e;}
#footer .rm{margin-top:70px; margin-left:100px;}
#footer .rg{margin-top:30px; margin-left:100px;}
#footer .pz{ text-align:center; padding-left:80px;}
}

.rheader{border-bottom:2px solid #ccc;height:50px;line-height:50px; text-align:center; }
.rheader .title{ font-size:24px; font-weight:bold;}
.rheader .home{display:inline-block;float:left; font-size:16px;color:red;}

.rfooter{border-top:2px solid #ccc;height:50px;line-height:50px; text-align:center; }
.rfooter a{font-size:16px;margin:0px 5px;}

 @media(min-width:1200px) {
.logo {float: left;padding:0;text-align:left;padding:30px 0 0 0;}
.logo img {}
.nav-box2 {display: none;}
.nav-box{ display:block;}
.nav .nLi h3 a { font-size:16px; line-height:84px; padding:0 15px;}
.language{line-height:80px;}
#menu2 {}
#menu2 ul {float:right;}
#menu2 li { position: relative;}
#menu2 li a { float:left;}
#menu2 ul ul { display:none;  position:absolute; top:101px;  left:0; }
#menu2 ul ul li{ padding:0px;}
#menu2 ul ul li a{ background:#ffffff; border-bottom:1px solid #eaeaea; display:block; overflow:hidden; white-space:nowrap; width:94px; padding:0; text-align:center; line-height:39px;}
#menu2 ul ul li a:hover{ color:#F60}
#product .container{ padding:15px 30px;}
.contact h3{font-size:2em;}
.ba{ width:33%;}
.flei{ background:url(../images/bg1.jpg) no-repeat center; background-size:100% 100%}
.rollBox{width:100%; overflow:hidden; margin:30px 0 50px 0}
.rollBox .LeftBotton{height:66px;width:51px;background:url(../images/an1.png) no-repeat 2px 0;overflow:hidden;float:left; display:inline;margin:185px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:66px;width:48px;background:url(../images/an2.png) no-repeat -2px 0;overflow:hidden;float:left; display:inline;margin:185px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:90%;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:308px; height:500px; float:left;text-align:center; margin-left:34px; background:#e4e4e4;}
.rollBox .Cont .pic img{width:100%; height:315px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
.wzdz{ background:url(../images/app.jpg) no-repeat center; background-size:100% 100%;}
.wzdz .container {
    padding-right: 0px;
    padding-left: 0px;}
.cont{ margin-left:20px; margin-right:20px;}

.gsjj{ width:100%; background:url(../images/bg8.jpg) no-repeat center; background-size:100% 100%; height:auto; padding-bottom:30px;}
.gsjj .wmss{ width:100%; margin-top:50px; float:left; background:url(../images/aboutbg.jpg) no-repeat 0px 175px;}
.gsjj .wmss h2{ font-size:36px; text-align:center; color:#000}
.gsjj .wmss h3{ height:19px; width:100%; background:url(../images/hgf.jpg) no-repeat center top; margin:20px auto}
.gsjj .wmss h3 a{ font-size:14px; color:#7f7c7c; margin:0 auto; font-weight:normal; text-align:center; display:block; line-height:20px;}
.gsjj .wmss .aboutjs{ width:60%; float:right; margin-top:50px;}
.gsjj .wmss .aboutjs .fi{ font-size:28px; font-weight:bold; color:#000;}
.gsjj .wmss .aboutjs .sec{ font-size:28px; font-weight:bold; color:#f64267; padding-top:20px;}
.gsjj .wmss .aboutjs .tir{ font-size:14px; color:#6e6d6d; padding-top:20px;}

.gsjj .wmss .tdimg{ width:59%; height:auto; float:left}
.gsjj .wmss video{width:39%; float:right; margin-top:0px}

.wmzy{ width:100%; background:url(../images/plbg.jpg) no-repeat center; height:533px; margin:0 auto}
.wmzy .zylf{ width:60%; float:left; padding-top:125px}
.wmzy .zylf .fir{font-size:30px; color:#ffffff}
.wmzy .zylf .sec{font-size:18px; color:#ffffff; padding-top:30px; font-weight:400; line-height:30px;}
.wmzy .plimg{ float:right; padding:120px 50px 120px 0px;}

/*产品中心*/
.product-nav{ width:25%; float:left; margin-top:20px;}
.product-nav .product-nav-title{width:100%; background:#f64367; height:75px; line-height:75px; text-align:center; color:#ffffff; font-size:24px;}
.product-nav .product-nav-title span{ font-size:16px; padding-left:10px;}

.product-nav .menu_head{width:100%; float:left; height:40px; line-height:40px; background:#ffc8d4; margin-top:2px; padding-left:45px; font-size:16px; color:#f64367; }
.product-nav .menu_head i{ width:8px; height:8px; border:solid 1px #fff; border-radius:50%; float:right; margin-top:16px; margin-right:20px;}
.product-nav .menu_list .current{background:#f64367; color:#fff;}
.product-nav .menu_body{width:100%; height:auto; overflow:hidden;line-height:38px;}
.product-nav .menu_body a{font-size:14px; color:#f64367; display:block; padding-left:45px; border-bottom:solid 1px #fbe6eb}
.product-nav .menu_body a:hover{ background:#f64367; color:#fff}

.product-content{width:70%; float:right;}
.wzdz .container .wmfw .fbt{ font-size:18px; color:#fff; padding-top:11px;}

.side-nav-title{height:50px;line-height: 50px;font-size:16px;background:#f64367;padding-left:45px;border-bottom:2px solid #ffc8d4;color:#fff;}
.side-nav-title span{ font-size: 14px;margin-left:10px;}
.side-related ul li a{display:block;height:28px;line-height: 28px; white-space: nowrap;overflow: hidden;text-overflow:ellipsis;border-bottom:1px dashed #ccc;}


#footer .txtzone{border-bottom:1px solid #3f3f3f;}
#footer .lx{ display:block; width:33.3%}
#footer .bg{ display:block; width:33.3%}
#footer .em{ display:block; width:33.3%}
#footer .ft2{border-top:1px solid #2b2b2b;}
#footer .rm{margin-top:40px; margin-left:100px;}
#footer .rg{margin-top:0px; margin-left:100px;}
#footer .pz{ text-align:center; padding-left:80px;}
#tab06 ul span{ width:42%; float:left; display:block;}
#tab06 ul span img{width:85%}
#tab06 ul .sk{ width:58%; float:right; margin-top:30px;}
#tab06 ul .sk p a{ color:#2168b0}
}

#footer .f-nav h3 a{ font-size:14px;}
#footer .f-nav ul li{line-height: 20px;}
#footer .f-nav ul li a{ font-size:12px;}

.sitemap{padding: 50px 0;}
.sitemap .map1{margin:5px 0;height: 40px;line-height:40px;padding-left:20px; font-size: 16px;background: #efefef;border-bottom:2px solid #cfcfcf;}
.sitemap .map2{padding:0px 20px;font-size: 14px;height: 40px;line-height:40px;border-bottom:1px dashed #cfcfcf;}
.sitemap .map-list .items a{display:inline-block;height: 28px;line-height:28px;padding:0px 10px;color:#999;}

.info404 .icon,.info404 .info{height:400px;line-height:400px;}
.info404 .icon{ text-align: center; font-size: 40px; font-weight: bold;}
.info404 .icon span{padding:10px 50px;border:1px solid #F60;color:#F60; border-radius: 5px;}
.info404 .info{ text-align: left; font-size: 20px;}
.info404 .info a{color:#F60;}

.info-tags{padding:0px 18px;}
.info-tags .tag{display:inline-block; background:#efefef;padding:2px 5px; border-radius: 3px;}
.info-tags .bshare-custom{display:inline-block;float: right;}

.bottom-nav-title{height: 30px;line-height: 30px;padding-left:18px;margin-top:10px;border-bottom:2px solid #efefef; font-size:14px;}
.bottom-news-list{}
.bottom-pro-list img{width:100%;}

.links{padding:20px 0; background: #efefef;;}

.links a{display:inline-block;float: left;height:90px;margin-right:5px;margin-bottom:5px;/*border:1px solid #efefef;*/padding:5px 5px 0px 5px;border-radius: 3px; text-align: center; background: #fff;}
/* .links a:first-child{line-height:90px;border:none; font-size:12px; background: none;} */
.links a span{display:block; text-align: center;line-height:35px;}

.floatWindow{position:fixed;right:35px;bottom:24%;/*width:65px;*/z-index:99;cursor:pointer;}
.floatWindow .list{margin-top:-5px;}
.floatWindow .list .item{margin-bottom:5px;position:relative;width:44px;height:44px;background-color:#666666;line-height:44px;text-align:center;color:#fff;}
.floatWindow .list .item:hover{ background-color: #2a7efb;}
.floatWindow .list .item .itemCon{right:100%;position:absolute;top:0;display:none;padding-right:20px;}
.floatWindow .list .item.return{background-color:#b2b2b2;}
.floatWindow .list .item.return:hover{ background-color: #666;}
.floatWindow .list .item .fa{font-size:25px;line-height:44px;}
.floatWindow .list .item .itemCon .ewm{}
.floatWindow .list .item .itemCon .ewm  .pictrue{width:150px;height:150px;vertical-align:middle;margin:4.5px;position:relative;
    border: 1px solid #eee;}
.floatWindow .list .item .itemCon .ewm  .pictrue img{width:100%;height:100%;}
.floatWindow .list .item .itemCon .ewm .pictrue .arrow,.floatWindow .list .item .itemCon .qq .arrow
,.floatWindow .list .item .itemCon .phone .arrow{position: absolute;right: -16px;top:10px;width: 0px;height: 0px;
    border: 8px solid transparent;border-left-color:#eee;}
.floatWindow .list .item .itemCon .ewm .pictrue .arrow:before,.floatWindow .list .item .itemCon .qq .arrow:before
,.floatWindow .list .item .itemCon .phone .arrow:before{position: absolute;left: -8px;top: -7px;content: "";width: 0px;
    height: 0px;border: 7px solid transparent;border-left-color: #fff;}
.floatWindow .list .item .itemCon .qq,.floatWindow .list .item .itemCon .phone{width:220px;border:1px solid #eeeeee;
    padding:12px 15px;font-size:15px;color:#282828;background-color:#fff;position:relative;}
.floatWindow .list .item .itemCon .qq img,.floatWindow .list .item .itemCon .phone img{vertical-align:middle;margin-right:10px;
    border-radius:50%;width:42px;height:42px;}
.floatWindow .list .item .itemCon .phone .dis{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.floatWindow .list .item .itemCon .phone .items{height:25px;line-height:25px;}
.floatWindow .list .item .itemCon .phone .items.num{color:#ff0200;}
.floatWindow .list .item .itemCon.link{padding-right:0px;background:#fff;color:#282828;width:100px;}


@media screen and (max-width: 480px){
    .links a{display:inline;border:none;height:24px !important;line-height:24px !important;margin:0px;}
    /* .links a:first-child{display:inline;height:24px !important;line-height:24px !important;font-size:12px;} */
    .links span{display:inline;line-height:24px !important;}
    .links img{display:none;}
    .floatWindow{right:0px;}
}