.ptop20{padding-top:20px !important;}
.ptop40{padding-top:40px !important;}
.mwidth{width:1400px;margin:0px auto;}
body{background-color: #fff;}
#header{max-width:1400px;margin:0px auto;height:111px;}
#header .logo{float:left;padding-top:30px;padding-left:20px}
#header .nav{float:right;color:#424242;font-size:18px;padding-top:37px;padding-right:20px;}
#header .nav ul li{float:left;}
#header .nav a{color:#424242;border-bottom: 4px solid #fff; display: block; line-height:70px;padding:0px 30px;}
#header .nav a:hover{border-bottom: 4px solid #0084ff;color:#333333;font-weight: bold;}
#header .nav ul li.curr a{border-bottom: 4px solid #0084ff;color:#333333;font-weight: bold;}
#banner{}
#banner img{width:100%;}
#banner .lxwm{background: url(../images/banner_about.jpg);height:799px;width:100%;}
#banner .lxwm a{color:#fff;font-size:24px;letter-spacing:10px;border-radius: 30px;border:2px solid #fff;padding:20px 30px}
#banner .lxwm a:hover{ background-color: #043f63;}
.fullSlide{ min-width:1000px; position:relative;  height:600px; overflow:hidden;}
.fullSlide .bd{ position:relative; z-index:0;}
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:600px;background-position:center 0;background-repeat: no-repeat; background-color: #CCE1F3;}
.fullSlide .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:600px;}
.fullSlide .bd li a{position:absolute; width:100%; height:600px; display:block; z-index:1;}
.fullSlide .bd .txt{position:absolute; width:800px; top:120px; left:22px;font:normal 56px/70px "Microsoft YaHei";color:#fff;}
.fullSlide .bd .btn{background-color:#fff;width:95px;height:4px;border:1px solid #aac7e0;border-radius:5px; display: block;margin: 20px 0px;}
.fullSlide .bd .ftxt{display:block; zoom:1; margin-top:8px;padding-right:10px;  height:32px; line-height:32px; text-align:left; color:#fff;font-size:32px;}
.fullSlide .hd{width:100%;position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.fullSlide .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden;line-height:9999px; filter:alpha(opacity=40);opacity:0.4;}
.fullSlide .hd ul .on{filter:alpha(opacity=100);opacity:1;}
.navs{width:1400px;margin:0px auto;padding:20px 0px 20px 0px; clear: both;}
.navs h3{color:#cbcbcb;font-size:28px;text-align: left;padding:20px 0px;margin: 20px 0px;font-weight: normal;}
.navs h3 b{color:#333333;margin-right:20px;border-bottom:3px solid #000;padding-bottom:10px;}
.navs p{}
.navs .navs_txt{margin:20px 0px 0px 0px;overflow: hidden;}
.navs .navs_txt ul li{float:left;padding:10px 10px;border: 1px solid #fff;border-radius:30px;margin:0px 10px; background-color: #fff;}
.navs .navs_txt a{color:#666;padding:10px 20px;font-size:24px}
.navs .navs_txt a:hover,.navs .navs_txt a.active{color:#0084FF;padding:10px 20px;}
.navs h5{text-align: center;font-size:18px;font-weight: normal; line-height: 150%;}
#main{font-size:18px;line-height: 150%;}
#main .hr{background-color: #e5e5e5;height:8px;width:100%;margin:20px 0px;}
#main .about{width:1400px;margin: 0px auto;overflow: hidden;padding-top:20px;}
#main .about .aboutimg{width:600px;text-align: center;}
#main .about .abouttxt{width:660px;height:369px;background: url(../images/aboutbg.jpg);padding:75px 70px 0px 70px;}
#main .about .abouttxt p{text-indent: 2em;font-weight:500;}
#main .about .btn{box-shadow: 0px 3px 8px 2px rgba(0, 21, 102, 0.28);
    background-color: rgba(0, 132, 255, 1);
    border-radius: 3px;
    width: 115px;
    height: 35px;padding:7px 20px 0px 20px;
    margin: 100px 0 0 20px;line-height: 25px;}
#main .about .btn a{color: #fff;font-size:18px;line-height:25px; display:block; background: url(../images/btn1.png) no-repeat center right;}
#main .abouttxt{}
#main .boxabout{padding-bottom:40px;overflow: hidden;width:1400px;margin: 0px auto;}
#main .boxabout .aboutimg{width:50%;text-align: center;margin-right:2%;margin-left:2%;}
#main .boxabout .abouttxt{width:45%;}
#main .boxabout .abouttxt p{text-indent: 2em;font-weight:500;font-size:18px;padding:10px 0px;line-height: 2;}
#main .boxabout .aboutimg img{}
#main .boxabout h4{font-size:32px;line-height: 2;}
#main .boxabout .datas{padding:40px 0px;}
#main .boxabout .datas ul li{float:left;text-align: center;padding:0px 10px;line-height:1.5;}
#main .boxabout .datas strong{font-size:52px;font-weight: bold;}
#main .boxabout .about2{width:900px;padding:0px 20px;}
#main .boxabout .about2 p{text-indent: 2rem;}
.picScroll-left{overflow:hidden;position:relative;width:1400px;height:300px;margin:0px auto;}
.picScroll-left .hd{overflow:hidden;height:30px;padding:0 10px;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{display:block;width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{padding:0px 20px;}
.picScroll-left .bd ul{overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{margin:0 15px;float:left; _display:inline; overflow:hidden; text-align:center;position: relative;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{width:416px; height:218px; display:block;border:1px solid #fff; }
.picScroll-left .bd ul li .pic a:hover img{border-color:#999;}
.picScroll-left .bd ul li .title{font-size:28px;line-height:40px;position: absolute;top:100px;left:0px;width:416px; text-align: center;font-weight: bold;}
.picScroll-left .bd ul li .title a{color:#121f54}
#main .bann img{width:100%;}

#main .ywfw{overflow: hidden;}
#main .ywfw ul li{float:left;width: 33.33%;display: block;}
#main .ywfw ul li img{width:100%;position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;}
#main .ywfw ul li a{display:block;overflow: hidden;position: relative;padding-top: 67%;margin: 5px;}
#main .ywfw ul li .b1{z-index: -1;}
#main .ywfw ul li.select img{transition: all .6s ease;}
#main .ywfw ul li.select img.a1{opacity: 1;display: none;}
#main .ywfw ul li.select img.b1{opacity: 1;transform:scale(1.1);}
#main .boxbg{background-color: #f7f7f7;padding:0px 0px 20px 0px}
#main .sort{overflow: hidden;clear: both;width:1400px;margin:0px auto;}
#main .sort ul li{float:left;width:22%;position: relative;overflow: hidden;margin:10px 0.5%;background-color: #fff;padding:1% 1%;border-radius: 10px;}
#main .sort ul li img{width:100%;}
#main .sort ul li img:hover{transform:scale(1.05);transition: all .6s ease;}
#main .sort ul li p{font-weight: bold;height:27px;overflow: hidden;}
#main .sort ul li a:hover{color:#0a89fe}
#main .sort ul li a.more{border-radius:15px;border: 1px solid #ccc;padding:0px 12px;font-size:14px;line-height: 2;font-size:16px}
#main .sort ul li a.more:hover{background-color: #ccc;color:#000}
#main .zl{background-color: #eeeeee;padding:40px 0px;overflow: hidden;}
#main .zl p{text-align: center;}
#main .zl ul{margin:30px auto 0px auto;}
#main .zl ul li{float:left;width:16.66%; text-align: center;}
#main .bax{width:100%;background-color:#f8f8f8;}
#main .contact{margin: 0px auto;width:1230px;}
#main .contact h3{text-align: center;}
#main .contact h4{text-align: center;color:#333333;font-size:36px;line-height: 200%;}
#main .contact p{text-align: center;}
#main .contact .contact_txt{width:50%;margin:30px auto;background: url(../images/contact_bg.jpg) no-repeat 0px 8px;line-height:35px;clear: both;padding-left:30px;}
#main .contact ul{padding-top:20px;overflow: hidden;}
#main .contact ul li{float:left;padding:0px 0px;width:410px;text-align: center;}
#main .product{clear:both;padding-bottom:20px;overflow: hidden;}
#main .product ul li{float:left;width:25%;position: relative;overflow: hidden;}
#main .product ul li img{border:1px solid #ccc;float:left;width: 100%;}
#main .product ul li img:hover{transform:scale(1.1);transition: all .6s ease;}

#main .protxt{padding:0px 0px 20px 0px;line-height: 180%; color:#333333;}
#main .protxt .protitle{font-size: 18px; line-height:150%;border-bottom:1px solid #d2d2d2; padding: 10px 0px 20px 0px; font-weight: bold}
#main .protxt table{border:1px solid #ccc;width:910px; margin: 0px auto}
#main .protxt table th{ background-color: #fff5f2}
#main .protxt table td{padding:5px; text-align: center}
#main .protext{clear: both;padding:30px 0px 30px 0px;width:750px; margin: 0px auto;}
#main .protext table {border :1px solid #ccc;}
#main .mid_img{position: relative;width: 750px;height:750px;background: #f5f5f5;overflow: hidden; margin: 0px auto;border:1px solid #e4e4e4;}
#main .mid_img img{position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;transform:translateY(-50%);display: block;}
#footer{background-color:#0063c8;clear: both;height:271px;padding:60px 0px 0px 0px;color:#ffffff;font-size:16px;line-height:200%;max-width: 1920px;}
#footer .text{width:1400px;margin:0px auto;clear:both;}
#footer .logo{float:left;width:430px;padding-top:20px;padding-right:40px;height:206px;}
#footer .logo img{float:left;padding-right:10px;}
#footer .logo b{line-height:60px;font-size:40px; font-weight: normal;}
#footer .txt{float:left;padding-right:20px;line-height: 30px;}
#footer .txt img{float:left;padding-right:10px;padding-top:8px;}
#footer .txt p{margin:15px 0px;}
#footer .xsdh{float:right;}
#footer .xsdh .tel{font-size:36px;margin:10px 0px;}
#footer  a{color:#ffffff}
#footer  a:hover{text-decoration: underline;}
#footer .copyright{clear:both;background-color: #00519d;height:65px;line-height: 65px; text-align: center;}
.pos{line-height: 50px;padding-top: 20px;}
.pos i{background: url(../images/point5.png) no-repeat left center;width:64px;height:44px;display: block;float:left;}
.pos a{color:#0a89fe;}
.pos i a{width:44px;height:44px; display: block;}
.newslist{width:1400px;margin: 0px auto;}
.Insidenews{margin-top:40px;overflow: hidden;border-bottom: 1px #e2e2e2 solid; background-color: #fff;padding:30px 40px 0px 30px; height:238px;}
.Insidenews .log{float: left;width:203px;height:113px;text-align: center;margin-left:40px;margin-right:60px;margin-top:20px;padding-top:30px;}
.Insidenews .time{float: left;width:143px;height:113px;text-align: center;margin-left:40px;margin-right:40px;margin-top:20px;padding-top:30px;color:#333333;background: url(../images/timebg.jpg) no-repeat center center;}
.Insidenews .time p{font-size: 24px;margin-bottom: 10px;padding: 10px 0;font-size: 48px;}
.Insidenews .time span{display: block;font-weight:normal}
.Insidenews .text{float: left;width:1000px;margin: 0;text-indent: 0;position: relative;}
.Insidenews .text a{font-size: 36px;color: #000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.Insidenews .text p{font-size:24px;line-height: 1.8;height:130px;margin-bottom: 0; overflow: hidden; margin-top: 10px; position: relative}
.Insidenews .text p i{background: url(../images/icon_play.png) no-repeat 0px 0px;width:83px; height:83px; position: absolute;top:40px;left:110px; z-index: 100;}
.Insidenews .text:hover a{color:#0084ff;}
.Insidenews .text .news_toggle{position: absolute;right:0px;top:42px; float:right;text-align: right;width:44px;height:44px;background: url(../images/time1.jpg) no-repeat center center;}
.Insidenews .text .news_toggle:hover{background: url(../images/time2.jpg) no-repeat center center;}
/*新闻内页*/
.InsideText{background-color: #fff;padding:30px; margin-top:20px;}
.InewsHead{text-align: center; border-bottom:1px dashed #cccccc; padding-bottom: 10px;}
.InewsHead h2{margin-bottom: 10px;color:#333; font-family:"微软雅黑"; font-size:28px;}
.InewsHead span{display: inline-block;margin: 0 20px;}
.InewsHead span.Inewstitle{color: #333;}
.InewsHead .Domain{color:#333;}
.InewsHead .times{background: url(../images/point4.png) no-repeat left center;padding-left:20px;}
.InsideText .Inewstxt{padding:20px 140px 20px 140px;line-height: 200%; font-size: 14px;}
.InsideText .Inewstxt img{text-align: center;}
.InsideText .Inewstxt p{padding-top:3px;padding-bottom:3px;}
.article_pageUp{line-height: 30px;}

/*================================产品详细页=================================*/
.pages_box{width:1400px;margin:30px auto;padding:30px 0 0 0;background-color: #fff;}
.photo_pro{float: left;width: 57%;max-width:600px;margin:0px 30px 0px 0px; overflow: hidden;}
.large_box{width: 100%;height: 540px;overflow: hidden;}
.large_box ul{width: 100%;height: 100%;overflow: hidden;}
.large_box ul li{ display: none; width: 100%; height: 100%;}
.large_box ul li a{display: block;width: 100%; overflow: hidden;}
.large_box ul li img{display:block;border:1px #d7d4d3 solid;margin: 0px 0px 0px 35px;}
.large_box ul li p{width: 100%;height: 24px;padding: 24.5px 0;text-align: center; overflow: hidden;}
.large_box ul li span{display: inline-block; line-height: 24px; margin: 0 15px; font-size: 14px; color: #fff; font-family: "Microsoft YaHei";}
.small_box{width: 100%; height: 142px;overflow: hidden;}
.small_list{position:relative;float:left;width:520px;height:142px;overflow:hidden;}
.small_list ul{height:122px;overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:10px;width:122px; height:122px; border:1px #d7d4d3 solid;}
.small_list ul li img{display:block;}
.small_list ul li .bun_bg{display:none;position:absolute;top:-1px;left:-1px;width:142px;height:142px;background:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.small_list ul li.on .bun_bg{display:block;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.btn{display:block;width:20px;height:142px;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.left_btn{float:left;margin-right:17px;background-image:url("../images/left_btn.png");}
.right_btn{float:right;margin-left: 17px; background-image:url("../images/right_btn.png");}
.photo_text{float: left;width:700px;font-size:20px; line-height: 1.8;color: #333;}
.photo_text div{text-align: justify;word-wrap: break-word;white-space: normal;word-break: break-all;}
.photo_text .title{border-bottom: 1px #999 solid;padding:10px 0px;color:#373737;font-size:30px;font-weight: bold;font-family: Verdana, Geneva, Tahoma, sans-serif;}
.photo_text div h3{color: #34afc0;}
.photo_text div p{padding: 3px 0;}
.photo_text-click a{display: block;width: 83%;max-width: 217px;padding: 8px 0;border-radius: 6px;line-height: 36px;font-size: 16px;color: #fff;text-align: center;background: #ca914d;}
.Certificate{margin: 30px 0;overflow: hidden;}
.Certificate li{float: left;width: 33.33%;margin: 10px 0;}
.Certificate li img{display: block;padding: 5px;border:1px #ddd solid;width: 300px;margin: 0 auto;}
.next a{color:#000;}
.photo_abstract{min-height: 300px;}
.product_detatl{ clear: both;width:1200px;margin: 0px auto;padding-top: 30px;}
.product_detatl h5{background-color:#e5e5e5;width:200px;float:left;padding:0px 10px}
.product_detatl .product_detatl_text{ clear: both;padding:0px 0px 20px 0px}
.product-btn-wrap{margin-top: 20px;}
.product-btn-wrap .buy, .product-btn-wrap .email, .product-btn-wrap .pdf {
    position: relative;
    display: inline-block;
    margin: 0 0 7px 7px;
    padding: 0 10px;
    border-radius: 3px;
    background: #eb5788;
    color: #fff;
    vertical-align: top;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 29px;
}
.product-btn-wrap .email em{float:left;display:block;width:25px;height:28px;background: url(../images/icon5.jpg) no-repeat center center;}
.product-btn-wrap .pdf em{float:left;display:block;width:25px;height:28px;background: url(../images/icon6.jpg) no-repeat center center;}
.product-btn-wrap .buy em{float:left;display:block;width:25px;height:28px;background: url(../images/icon7.jpg) no-repeat center center;}
.blog_list {
    position: relative;
	float:right;width:1100px;
	padding:0px 20px;
    text-align: justify;
}
.blog_list h3{font-size:24px;line-height:1.5}
.blog-item {
    position: relative;
    overflow: hidden;
    padding: 35px 20px;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
}
.blog-item:nth-child(2n+1) {
    background: #f9f9f9;
}

.blog-item:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    content: "";
}

.blog-item:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 3px;
    background-color: #b6066c;
    content: '';
    opacity: 0;
}

.blog-item:hover:after {
    width: 100%;
    opacity: 1;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.blog-item .item-img, .blog-item .item-img img {
    border-radius: 5px;
}

.blog-item .item-img {
    position: relative;
    float: left;
    display: block;
    margin: 0 20px 0 0;
    padding: 5px;
    max-width: 200px;
    border: 1px solid #eee;
    background-color: #fff;
}

.blog-item .item-img img {
    position: relative;
    width: 100%;
}

.blog-item .item-info .item-title {
    overflow: hidden;
    height: 1.5em;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5em;
}
.blog-item .item-info .item-detail {
    overflow: hidden;
    height:4.5em;
    font-weight: 400;
    font-size:18px;
    line-height: 1.5em;
}


.blog-item .item-info time {
    display: block;
    margin: 8px 0;
    font-size: 16px;
}

.blog-item .item-info .item-more {
    float: right;
    margin: 20px 0 0;
    color: #8f9395;
}

.blog-item .item-info .item-more {
    position: relative;
    display: inline-block;
    padding: .2em .8em;
    color: #b6066c;
    text-transform: uppercase;
    line-height: 1.8;
}

.blog-item .item-info .item-more:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #b6066c;
    content: '';
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.blog-item .item-info .item-more:before {
    top: 0;
    left: 0;
}

.blog-item .item-info .item-more:after {
    right: 0;
    bottom: 0;
}

.blog-item .item-info .item-more:hover:after, .blog-item .item-info .item-more:hover:before {
    width: 0;
    opacity: 0;
}

.blog-item .item-info .item-more:hover {
    background-color: #b6066c;
    color: #fff;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
.join_txt{background: url(../images/joinbg.jpg) no-repeat top center;padding:0px 0px 40px 0px}
.join_txt h4{font-size: 36px;text-align: center; line-height: 1.8;margin: 20px 0px;}
.join_txt p{line-height: 2;}
.jmtd{padding-top:10px;}
.jmtd h4{font-size: 36px;text-align: center; line-height: 1.8;margin: 20px 0px}
.jmtd-box{width:1400px;margin: 0px auto;height:300px;}
.jmtd-box li{float:left;width:390px;height:234px;background-color: #ffffff;padding-top:50px;padding-left:30px;padding-right: 30px; text-align:center; font-size:20px}
.jmtd-box li h5{font-size:28px;margin-bottom: 10px;}

.zp{ background-color: #f7f7f7;padding:0px 0px 30px 0px}
.zp .zp_side{margin-top:40px;overflow: hidden;background-color: #fff;padding:30px 40px 0px 30px; height:238px;}
.zp .zp_side h5{border-bottom: 1px #e2e2e2 solid;margin-bottom:20px}
.zp .zp_side h5 span{float: right;font-weight: normal;}
.zp .zp_side div{line-height: 2;clear: both;}
.zp .zp_side span{float:left;padding-right:80px;}