.header{
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    position: fixed;
    height: 80px;
    box-shadow: 0 1px 20px rgba(0,0,0,0.15);
	background:#FFF;
	z-index:1000;
}
.logo{
    display: block;
    position: absolute;
    left:45px;
    top:16px;
}
.nav{
    width: 800px;
    margin: auto;
    overflow: hidden;
    position: absolute;
    left:33%;
	margin-top:24px;
}
.nav ul li{
    float: left;
    text-align: center;
    line-height:35px;
}
.nav ul li a{
    height:35px;
    font-size: 16px;
    color: #333;transition:0.3s;
	padding:8px 18px;
}
.nav ul li a:hover{
    color: #fff;transition:0.3s;
    background:#1c6fb8; border-radius:8px;
}
.header_sw{
    position: absolute;
    right:100px;
    top:32%;
    width: 100px;
    height: 24px;
    border: 1px solid #eee;
    border-radius:20px;
    text-align: center;
    line-height: 24px;
    margin-left: 50px;
}
@media screen and (max-width:1600px) {
    .header_sw{
        right: 1%;
    }
}
.header_sw a{
    font-size: 12px;
    width: 20px;
    margin: 0 5px;
    color: #333;
    cursor: pointer;
}
.header_sw a:hover{
    color: #8ec31f;
}

.Cn_span{
    font-size: 12px;
}
.En_span{
    font-size: 12px;
}

#swiper-container1 .swiper-pagination-bullet-active{
    background:#007aff;
    width: 35px;
    border-radius: 5px;
}
/******************header_end******************/
/******************banner******************/
.banner{
    width: 99%;
    margin: 0 0.5%;
}
/******************banner_end******************/
.info-xw{padding:0 0 10px; margin:0 auto; width:1095px;}
.info-xw dl{height:144px; overflow:hidden; background:#FFF; padding:25px 18px;transition: 1s;border:1px solid #fff; border-bottom:1px solid #eee;}
.info-xw dl a{ color:#333;}
.info-xw dl:hover{box-shadow: 0px 10px 26px Rgba(0,0,0,0.1);transition: 1s; border:1px solid #eee;}
.info-xw dl dt{ float:left; width:230px; height:140px; overflow:hidden;}
.info-xw dl dt a{ width:230px; height:140px; display:block; overflow:hidden;}
.info-xw dl dt img{
	max-width:230px;   /* 宽度 */ 
	max-height:140px; /* 高度 */ 
	vertical-align:middle;
	-ms-interpolation-mode: bicubic; overflow:hidden;
	}
.info-xw dl img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease;}
.info-xw dl:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease;}
.info-xw dl dd{ float:right; width:800px;height:140px;}

.time{ color:#666;font-size:12px;}
.info-xw dl dd h1{ font-size:17px; color:#333;display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.info-xw dl dd  a h1{color:#333;}
.info-xw dl dd h1 a:hover{color:#70bb2b;}

.info-xw dl dd h4{ font-weight:normal; padding-top:2px;font-size:13px; line-height:20px; color:#666;}
.newsmore{ padding-top:8px; background:url(../images/sj.jpg) left 14px no-repeat; padding-left:10px; height:15px; line-height:15px;font-size:12px;}
.newsmore a{ color:#333;}
.newsmore a:hover{ color:#000;}


/*内页新闻详细*/
.main-right-ok-newtou{ font-size:24px; color:#333; text-align:center; font-weight:bold;}
.main-right-ok-time{ padding-top:5px; text-align:center; color:#888; padding-bottom:15px; font-size:13px;}
.main-right-ok-nr{ padding:20px 15px 0 15px; line-height:24px; font-size:15px;border-top:1px solid #eaeaea;}
.main-right-ok-nr a{ color:#F00;}
.main-right-ok-nr a:hover{ color:#000;}
.main-right-ok-nr img{ max-width:100%; padding:10px 0;}

.send-mail{border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3; background:#FFF; padding:0 45px 30px 45px; margin-top:40px;}
.send-mail h1{text-align:center;font-size:28px;}
.send-mail .title-box{position:relative;}
.send-mail .title-box div{width:418px;height:27px;border-bottom:2px solid #eb0212;position:absolute;top:5px;}
.send-mail .title-box div em{display:none;width:34px;height:21px;position:absolute;bottom:-1px;}
.send-mail .title-box .left{left:0px;}
.send-mail .title-box .left em{right:20px;}
.send-mail .title-box .right{right:0px;}
.send-mail .title-box .right em{left:20px;background-position:-34px 0px;}
.send-mail .show .title-box .left em{display:block;-webkit-animation:home_left 0.8s 1 linear;animation:home_left 0.8s 1 linear;}
.send-mail .show .title-box .right em{display:block;-webkit-animation:home_right 0.8s 1 linear;animation:home_right 0.8s 1 linear;}
.send-mail p.if{text-align:center;font-size:30px; color:#000;padding:35px 0px 5px 0px;}
.send-mail p.lybt2{ text-align:center; height:45px; font-size:14px;}
.send-mail input{display:block;width:473px;height:18px;padding:15px 15px;text-indent:5px; border:1px solid #d3d3d3;border-radius:4px;-webkit-border-radius:4px; color:#333;}
.send-mail .cname,.send-mail .company{float:left;}
.send-mail .cemail,.send-mail .phone{float:right;}
.send-mail form p{padding-bottom:60px;}
.lybt2{ text-align:center;}
.send-mail textarea{display:block;width:98%;border:1px solid #d3d3d3;text-indent:5px; padding:0 1%;padding-top:5px;height:191px;border-radius:4px;-webkit-border-radius:4px;}
.send-mail span input{display:block;width:224px;height:38px; margin:30px auto 0 auto;text-align:center;font-size:16px;background-color:#e71e14;color:#FFF;border-radius:4px;-webkit-border-radius:4px;cursor:pointer;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out; transition: all .5s ease-out; border:none;}
.send-mail span input:hover{background-color:#666; border:none; color:#FFF;}


/******************product*********************/
.product{
    width: 99%;
    margin: 0 0.5%;
    overflow: hidden;
}
.product_title{
    width: 98%;
    margin: 0 0.5%;
}
.title_z{
    margin: 22px;
    float: left;
}
.title_z h2{
    color: #1c6fb8;
    font-size: 32px; font-weight:normal;
}
.title_z hr{
    display: inline-block;
    border: 1px solid #8ec31f;
    width:65px;
}
.title_f{
    float: left;
    color: #9E9E9E;
    margin-top: 43px;
}
.product_ltst{
    width: 100%;
}
.product_ltst>ul li{
    float: left;
    position: relative;
    overflow: hidden;
}
.product_ltst>ul li img{
    transition: 0.8s;
}
.product_ltst>ul li:hover img{
    transform: scale(1.05);
}
@media screen and (max-width:1920px) {
    .product_ltst>ul li{
        width: calc(33.33% - 0px);
    }
}
.black_box{
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.35);
    width: 100%;
    height: 100%;
    opacity: 1;
}
.black_art{
    color: white;
    margin: 60px;
}
.black_art h4{
    font-size:24px;
    font-weight: 500;
    margin-bottom: 8px
}
.black_art span{
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100;
}
.know_more{
    position: absolute;
    top: -100%;
    left: 0;
    background: rgba(0, 0, 0,.6);
    color: white;
    font-size: 35px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-align: center;
}
.know_more a{display: inline-block;color: white;margin-top: 25%;}
@media screen and (max-width:1600px) {
    .know_more{
        font-size:24px;
    }
}
.know_more a:hover{
    color: #007aff;
}
.video_list{
    width: 100%;
    margin-top: 5px;
}
.video_list_lt{
    width: 60%;
    overflow: hidden;
    position: relative;
}
.video_play{
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    height: 100%;
    display: block;
    position: absolute;
   /* background: url('../images/ipIcon.png') no-repeat center center;*/

}
.video_img{
    transition: all .5s linear;transition:0.5s;
}
.video_list_lt:hover .video_img{
    /*transform:scale(1.05);
    /*-webkit-filter: grayscale(50%);  Chrome, Safari, Opera */
    filter: grayscale(50%);transition:0.5s;
}
.video_list_lt:hover .video_play{
    opacity: 1;
    width: 100%;
    height: 100%;
    /*background: url('../images/ipIcon_blue.png') no-repeat center center;*/
}
.video_list_rt{
    width: 40%;
    float: left;
}
.video_list_rt h1{
    font-size: 26px;
    color: black;
    font-weight: 500;
    text-align: left;
    margin-top: 10%;
    margin-left:8% ;
}
.video_list_rt hr{
    display:inline-block;
    width: 26px;
    border: 1px solid black;
    margin: 3% 0px;
    margin-left:8% ;
}
.video_list_rt p{
    display: block;
    width: 376px;
    height: 95px;
    line-height: 25px;
    color: #666666;
    overflow: hidden;
    margin: 0px ;
    margin-left:8% ;
    margin-bottom: 30px;
    text-overflow: ellipsis;
}
.hvr-shutter-in-horizontal{
    display: inline-block;
    width: 198px;
    height: 48px;
    border: 1px solid #8ec31f;
    color: #8ec31f;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    background: #fff;
    margin-left:8% ;
}
.hvr-shutter-in-horizontal:hover {
    background:#8ec31f;
    color: white;
    transition:all 1s;
}
/******************product_end*********************/
/******************news****************************/
.news{
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    background: #e9e9e9;
    text-align: center;
    margin-top: 15px;
}
.news h2{
    color: black;
    font-size: 30px;
    font-weight: 500;
    margin-top: 75px;
}
.news hr{
    display: inline-block;
    width: 150px;
    border: 1px solid #d1d1d1;
    border-top:none;
    border-left:none;
    border-right:none;
    margin: 30px 0;
}
.news_list{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.news_list ul{
    zoom: 1;
}
.news_list ul li>a{
    display: block;
    width: 100%;
    height: 100%;
}
.news_list ul li {
    float: left;
    width: 390px;
    margin-bottom: 90px;
    margin-left: 15px;
}
.news_more{display: block;width: 100%;height: auto; color: #666666;   text-decoration: underline!important;  margin-top: 35px;margin-bottom: 50px;}
.news_list ul li:hover .news_art{
    background: #8ec31f;
    transition: all .5s;
}
.news_list ul li:hover .news_title{
    color: white;
}
.news_list ul li:hover .news_more{
    color: white;
}
.news_img{
    position: relative;
    transition: all .5s linear;
}
.news_img img{ min-width: 390px; min-height: 228px;max-width: 390px;max-height: 229px}
.news_list ul li:hover .news_img:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    opacity: .6;
    transition: all .5s linear;
}

.news_art{
    background: white;
    overflow: hidden;
}
.news_art h3 {
    width: 10em;
    height: 60px;
    font-size: 20px;
    color: black;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
	font-weight:normal;

}
.news_art a{
    display:block; color: #666666; text-decoration: underline!important;margin-top: 35px; margin-bottom: 50px;}
/******************news_end************************/

.fh{ height:45px;margin-top:25px; border-top:1px solid #eaeaea; padding-top:8px; }
.fh-left{ float:left; font-size:13px; line-height:24px;color:#666;}
.fh-left a{color:#666;}
.fh-left a:hover{color:#e71e14;}
.fh-right{ float:right; margin-top:10px;width:124px; height:33px;background:#f4f4f4; text-align:center;}
.fh-right a{ line-height:33px; color:#333; font-weight:bold; font-size:13px; display:block;}
.fh-right a:hover{ line-height:33px;background:#e71e14;color:#fff;display:block;opacity: 1;transition-duration:1s;}


/***********+*****tool_list************************/
.tool_list{
    width: 50px;
    position: fixed;
    right: 0;
    top: 75%;
    margin-top: -154px;
    background-color: #191919;
    z-index: 999;
    transition: width 0.3s ease 0s;
}
.tool_list:hover{
    width: 250px;
    transition: width .8s linear 0s;
}
.top-list{ width: 100%;}
.top-list li{
    width: 100%;
    position: relative;
    border-bottom: 1px solid #3b3b3b;
    background-color: #191919;
    transition: background 0.3s ease 0s;
    height: 50px;
    cursor: pointer;
}
.top-list a { display: block; width: 100%;}
.top-list li:hover{
    background: #007aff;
    transition: all .5s;
}
.top-list .stt {
    display: inline-block;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    transition: color 0.3s ease 0s;
    position: absolute;
    left: 28px;
    top: 0;
    z-index: 1;
    width: 222px;
}
.top-list li .ico {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    transition: background 0.3s ease 0s;
}
.top-list li .ico.ico3 {
    background: #191919 url("../images/yytel.png") no-repeat center;
}
.top-list li .ico.ico4 {
    background: #191919 url("../images/yytop.png") no-repeat center;
}
.bot-share {
    position: relative;
    height: 50px;
}
.bot-share .share {
    width: 200px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    padding-bottom: 0;
    border-bottom: none;
}
.share-ico {
    background: url("../images/yyshare.png") no-repeat center #191919;
    width: 50px;
    height: 50px;
    display: inline-block;
    cursor: pointer;
    z-index: 2;
    position: relative;
}
div.tool_list .bot-share a {
    display: inline-block;
    width: 50px;
    height: 50px;
    float: left;
    transition: background 0.3s ease 0s;
    margin: 0;
    padding: 0;
}
.bot-share .sina {
    background: url("../images/yyxl.png") no-repeat center;
}
.bot-share .wx {
    background: url("../images/yywx.png") no-repeat center;
}
.bot-share .tx {
    background: url("../images/yytx.png") no-repeat center;
}
.bot-share .more {
    background: url("../images/ico_66.png") no-repeat center;
}
/***********+*****tool_list_END********************/
/******************footer**************************/
.footer{
    width: 100%;
    position: relative;
    background: #555555;
    overflow: hidden;
}
.footer_box{
    width: 1200px;
    margin-top: 60px;
    margin-bottom: 45px;
}
.footer_box ul li{
    float: left;
    width: 25%;
    text-align: center;
}
.footer_box ul li h3{
    color: white;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 5px;
}
.footer_box ul li p{
    color: #939494;
    font-size: 12px;
}
.footer_box ul li:hover .termini_img{
    transform: translateY(-10px);
    transition: all .3s linear .1s;
}
.footer_box ul li:hover .foot_art p{
    color: white;
    transition: all .3s linear;
}
.foot_art{
    margin-top: 12px;
}
.footer_down{
    width: 1184px;
    margin: 0 auto;
    font-size: 12px;
    color: white;
    padding: 15px 8px;
    border-top:1px solid #888;
    margin-bottom: 15px;transition: all .3s linear;color:#999;
}
.footer_down a{ color:#999;}

.termini_img{
    width: 62px;
    height: 50px;transition: all .3s linear;
    background: url(../images/footer_icons.png) no-repeat 0px 0px;
    display: inline-block;
}
.termini_img1{
    background-position: -1px -2px;
}
.termini_img2{
    background-position: -69px 0px;
}
.termini_img3{
    background-position: -146px 7px;
}
.termini_img4{
    background-position: -208px 0px;
}
/******************footer_end**********************/
/******************cp_html_css*********************/
.cp_box{
    width:100%;
    background:#191512 url("../images/cpbj.jpg") no-repeat center top fixed;
    background-size: cover;
    overflow: hidden;
    text-align: center;
}
.cp_title{
    margin-top:180px;
}
 .cp_title h1{
    color:#fff;
    font-size:40px;
    font-weight:100;
}
.cp_title p{
    color: white;
    font-size:16px;
    margin-top: 5px;
}
.cp_title hr{
    display: inline-block;
    width: 350px;
    margin-top: 50px;
    border: 1px solid rgba(193, 200, 200, 0.1);
    border-left:none;
    border-right:none;
    border-top: none;
}
.cp_list_box{
    width: 1200px;
    margin-top: 35px;
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 37px;
}
.cp_menu{
    width: 100%;
    border-bottom:1px solid #eeeeee;
}
.cp_menu nav a{
    float: left;
    display: inline-block;
    width: 233px;
    height: 78px;
    border-bottom: 2px solid transparent;
    text-align: center;
    color: #333333;
    font-size:20px;
    line-height: 78px;
}
.cp_menu nav a:hover{
    border-bottom: 2px solid #8ec31f;
    color: #1c6fb8;
}

#dqnav{border-bottom: 2px solid #8ec31f; color: #1c6fb8;}
.infonav{height:60px; background:#eee; position:fixed; width:100%; z-index:50; top:80px;}
.infonav ul{ padding-left:10%;}
.infonav ul li{ float:left; height:60px; line-height:60px; padding:0 20px; font-size:18px;}
.infonav ul li a{ color:#333;}
.infonav ul li a:hover{ color:#1c6fb8;}
#infonav a{color:#1c6fb8;}


.info{ width:100%; padding-top:265px; padding-bottom:25px;}
.info-ok{ margin:0 auto; width:1120px; padding:40px; background:#FFF;}

.cp_list{
    /*width: 1200px;*/
    margin: 0 auto;
}
.cp_list ul{
    zoom: 1; margin-left:40px;
}
.cp_list ul li{
    float: left;
    width:258px;
    overflow: hidden;
    margin: 20px 10px;
    border-bottom: 3px solid transparent;
	padding-bottom:15px;transition: all .8s;
}
.cp_img a{ display:inline-block; vertical-align:middle; *display:block;*font-size:175px;*font-family:Arial; width:258px; height:200px; line-height:200px;  background:#FFF; overflow:hidden;text-align:center;}
.cp_img a img{
	max-width:218px;   /* 宽度 */ 
	max-height:180px; /* 高度 */ 
	vertical-align:middle;
	-ms-interpolation-mode: bicubic; overflow:hidden;transition:450ms;
	}
.cp_list ul li:hover{
    border-bottom: 3px solid #8ec31f;
    transition: all .8s;
}
.cp_art{
    color: #333333;
	line-height:24px;
	height:24px;
}

.page{text-align:center; padding-top:10px; padding-bottom:5px;}
.page ul{float:left; position:relative; left:50%;padding-bottom:12px;}
.page ul li{position:relative; right:50%; float:left; margin-right:4px; text-align:center; }
.page ul li a{display:block;color:#666;width:40px; height:40px; line-height:40px; text-align:center; border: 1px solid #e1e1e1;transition: 1s;}
.page ul li a:hover{background:#8ec31f;color:#FFF;width:40px; height:40px; line-height:40px; text-align:center; display:block;border: 1px solid #8ec31f;transition: 1s;}
#page-dq{ background:#8ec31f;}
#page-dq a{color:#FFF;border: 1px solid #8ec31f;}
#page-dq a:hover{background: none;}

/******************recommendation******************/
.recommendation{ width:1092px; margin: 0 auto;overflow: hidden}
.line{width: 420px; border: 1px solid #e5e5e5;margin-top: 12px}
.re_title{color: #333333;font-size: 22px;margin:0px 7px;}
.cp_down{}
.cp_down_list{width:538px;height: 220px;background:#e9e9e9;margin:45px 0px 60px 0px;}
.cp_down_list a{display: block;}
.triangle-right {display:inline-block;width: 0; height: 0;margin-left:25px; border-top: 5px solid transparent; border-left: 10px solid #1c6fb8; border-bottom: 5px solid transparent;}
.down_list_img{width: 50%;height: 220px;}
.down_list_img img{margin-top: 30px}
.cp_down_art{position: relative; width:50%;height: 220px; text-align: left}
.cp_down_art h3{color:#333333;font-size: 22px;font-weight: 500; margin-top: 35px;margin-left: 20px}
.cp_down_art span{color: #007aff;font-size: 15px;position: absolute; bottom:10%;left:7%;transition: all .8s;}
.cp_down_list:hover a div.cp_down_art span{left: 20%; transition: all .8s;}

/******************cp_html_css_end*****************/
/******************Articlelist_css**********************/
.news_banner{width: 100%;overflow: hidden;position: relative;}
.new_title{position: absolute;left: 5%;top: 30%;height: 80px;}
.new_title h2{font-size: 44px;color: #fff; text-shadow: 0 0 8px #333;line-height: 1;}
.new_title i{display: block; width: 40px;height: 2px;background-color: #fff;margin-top: 30px;}
.article_menu{padding: 0 12%; margin-top: 50px;overflow: hidden}
.article_menu ul{}
.article_menu ul li{float: left;margin-left: 5px;font-size: 16px;width: 250px;height: 50px;line-height: 50px;text-align: center;background: #ededed;}
.article_menu ul li:hover{background: #007aff;color: white;transition: all .5s;}
.article_menu ul li a{color: #666666}
.article_menu ul li:hover a{color: white}
.article{padding: 0 12%; margin-top: 50px}
.article_list{margin: 30px 0;}
.article_list a{display: block;width: 100%;height: auto;}
.art_img{width: 30%;height: auto;position: relative;overflow: hidden}
.art_img img{max-width: 433px;height: auto}
.art_article{width: 65%;padding-left: 5%; padding-top: 3%;overflow: hidden}
.art_article h2{font-size: 18px; color: #333;line-height: 22px;margin-bottom: 2%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsdate{    font-size: 14px;color: #999; line-height: 22px;margin-top: 2%; padding-left: 20px;
            background: url("../images/clock.png") no-repeat left center;
            background-size: 16px 16px;}
.art_article p{font-size: 14px;  color: #666; line-height: 22px;}
div.art_img:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.25);
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.article_list:hover div.art_img:after{ opacity: 1;filter: alpha(opacity=100); transition: all 0.5s ease 0s;}
.article_list:hover div.art_img img{transform:scale(1.1); transition: all .5s;}
.article_list:hover div.art_article{transform: translateX(15px); transition: all .5s;}
/******************Articlelist_css_END**********************/
/******************Article_css******************/
.art_main{ width: 100%;background: #e9e9e9;overflow: hidden;}
.wx_main{width: 1150px;margin: 0 auto; margin-top: 30px;margin-bottom: 40px; background: white;padding: 25px;line-height: 25px;overflow: hidden;font-size: 14px;color: #666666;}
/******************Article_css_END******************/
/******************Product_css*************.*+******/
.mainBody{
    width: 100%;
    position: relative;
	padding:30px 0;
    z-index: 1;
    background-color: #eee;
}
.probox{
    padding: 0 2%;
    position: relative;
	margin:0 3%; background:#fff;
}
.probimg{
    width:60%;
    padding: 20px 0;
    margin: 0 auto; text-align:center; height:500px;
}
.probox .probimg>a{ display:inline-block; vertical-align:middle; *display:block;*font-size:175px;*font-family:Arial; height:500px; line-height:500px; background:#FFF; overflow:hidden;text-align:center;}
.probox .probimg>a img{
	max-width:100%;   /* 宽度 */ 
	max-height:500px; /* 高度 */ 
	vertical-align:middle;
	-ms-interpolation-mode: bicubic; overflow:hidden;transition:450ms;
	}

.clbtn {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    opacity: 0.8;
    transition: all 0.3s linear 0s;
    z-index: 2;
}
.clbtn.prevbtn {
    left: 25%;
    background: url("../images/flex-prev.png") no-repeat center;
    background-size: 13px 23px;
}
.clbtn.nextbtn {
    right: 25%;
    background: url("../images/flex-next.png") no-repeat center;
    background-size: 13px 23px;
}
.prosimg {
    height: 276px;
    position: absolute;
    left: 5%;
    top: 50%;
    margin-top: -138px;
    overflow: hidden;
}
.prosimg .proclli ul li.cur {
    border: 2px #bb0327 solid;
}
.prosimg .proclli ul li {
    width: 80px;
    height: 80px;
    border: 2px #e5e5e5 solid;
    margin-bottom: 12px;
    cursor: pointer;
    box-sizing: border-box;
}

.prosimg .proclli ul li a{display: table-cell;vertical-align:middle; *display:block;*font-size:175px;*font-family:Arial; width:76px; height:76px; line-height:76px; background:#FFF; overflow:hidden;text-align:center;}
.prosimg .proclli ul li a img{
	max-width:71px;   /* 宽度 */ 
	max-height:71px; /* 高度 */ 
	vertical-align:middle;
	-ms-interpolation-mode: bicubic; overflow:hidden;transition:450ms;
	}
.prodesc {
    height: 234px;
    position: absolute;
    right: 10%;
    top: 50%;
    margin-top: -117px;
}
.prodesc ul li {
    margin-bottom: 10px;
}
.prodesc ul li .bt {
    font-size: 15px; font-weight:bold;
    color: #333;
}
.prodesc ul li .bp {
    font-size:15px;
    color: #000;
	padding-top:10px;
}
.detail{padding:2% 4%;margin:10px 3%; width:86%; background:#fff;}
.othrt_box{padding:2% 0;margin:10px 3% 0; width:94%; background:#fff;}
.other_box{width: 100%;margin-top: 20px;}
.other_title{padding:15px 0; border-bottom:1px solid #f3f3f3;}
.other_title h2{display: inline-block;font-size:26px;line-height:1;color: #333;margin-left: 5%;padding-right: 18px;font-weight:normal;}
.xgtjbtn{display: inline-block; width: 28px; height: 28px;background: url("../images/xgtjbtn.png") no-repeat center;background-size: 17px 17px;vertical-align: middle;margin-right: 15px}
.other_title span{display: inline-block; vertical-align:middle; font-size: 16px; line-height: 24px;color: #666;font-weight:100;}
.about_pic{padding: 25px 5%;}
div.about_pic ul{}
.protit{margin-left: 15px; height:44px; line-height:44px;}
div.about_pic ul li{float:left;width:260px;border: 1px solid #eee; margin-right:10px; margin-bottom:10px;}
div.about_pic ul li:nth-child(1){margin-left:0px}

.cplbbt{ background:url(../images/line.jpg) center no-repeat; margin-top:40px; text-align:center;}
.cplbbt p{ text-align:center; margin:0 auto; width:180px; background:#FFF; font-size:24px; color:#333;}
.info-nr{ font-size:15px; line-height:24px; padding:25px 10px 0 10px;}

div.about_pic ul li>a{display: table-cell;vertical-align:middle; *display:block;*font-size:175px;*font-family:Arial; width:260px; height:180px; line-height:180px; background:#FFF; overflow:hidden;text-align:center; }
div.about_pic ul li>a img{
	max-width:240px;   /* 宽度 */ 
	max-height:170px; /* 高度 */ 
	vertical-align:middle;
	-ms-interpolation-mode: bicubic; overflow:hidden;transition:450ms;
	}


.protit h2{color: #666; font-weight:normal; font-size:14px; float:left; line-height:44px;}
.morebtn {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: url("../images/more.png") no-repeat center;
    background-size: cover;
	 float:right;
	 margin-right:10%;
	 margin-top:3%;
}
div.about_pic ul li>a:hover .morebtn{
    background: url("../images/morecur.png") no-repeat center;
    background-size: cover;
    transition: all 0.8s ease 0s;
}
.proimg{ width:70%;height:auto;}
/******************Product_css_END******************/


.navscroll{position:fixed; top:80px; left:0px; width:100%;  
    _position:absolute;/*兼容ie6*/  
   _left:expression(eval(document.documentElement.scrollLeft)); 
   _top:expression(eval(document.documentElement.scrollTop));
    z-index:998;
}
.nav_box{ height:167px; width:auto; background:#FFF; overflow:hidden;}
a.abtn{
	position:absolute;
	top:4px;
	display:block;
	height:31px;
	width:15px;
	overflow:hidden;
	text-indent:-20000px;
}
a.aleft{
	left:7px;
	top:68px;
	background:url(../images/left-arrow.png) no-repeat; 
}
a.agrayleft{
	cursor:default;
	background:url(../images/left-arrow.png) no-repeat;
}
a.aright{
	right:7px;
	top:68px;
	background:url(../images/right-arrow.png) no-repeat; 
}
a.agrayright{
	cursor:default;
	background:url(../images/right-arrow.png) no-repeat; 
}
.tipcard{  background-image: url(../images/tipcard.png);
  background-repeat: no-repeat;
  height: 20px;
  background-position: top; display:none}

.nav_row{
	width:1100px;
	height:155px;
	margin:0 auto;
	position:relative;
	text-align:center;
	
	
}
.nav_row .scrollcontainer{
	width:972px;
	height:155px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
.nav_row .scrollcontainer ul{
	width:20000px;
	position:absolute;
	left:0px;
	top:0px;
}
.nav_row .scrollcontainer li{
	float:left;
	width:162px;
	height:135px;
	text-align:center;
	position:relative;
	margin-top:25px;
}
.nav_row .scrollcontainer li.last{
	background:none;
}
.nav_row .scrollcontainer li div{
	height:127px;
	width:162px;
	overflow:hidden;
	text-align:center;
}
.nav_row .scrollcontainer li img{
	position:absolute;width:136px;top:4px;left:10px;overflow:hidden;	
	text-align:center;
}
.nav_row .scrollcontainer li .this_img{width:136px;top:4px;left:10px;}
.nav_row .scrollcontainer a:hover img{
	filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;
}
.nav_row .scrollcontainer li p{
	margin:0 auto;
	line-height:36px;
	width:135px;
	text-align:center;
	position:absolute; top:88px;left:11px; z-index:100; font-size:16px;
	
}
.nav_row .scrollcontainer li a{ color:#a3a3a3; display:block;width:162px; height:127px;background:url(about:blank) \9;}
.this a{ color:#e00812}
.nav_row .scrollcontainer .Current img{width:136px;top:4px;left:10px;}
.nav_row .scrollcontainer .Current a{ color:#1c6fb8}
.nav_row .scrollcontainer .Current p{ border-bottom:3px solid #8ec31f;}

.nav_row .scrollcontainer .this img{width:136px;top:4px;left:10px;}
.nav_row .scrollcontainer .this a{ color:#1c6fb8}
.nav_row .scrollcontainer .this p{ border-bottom:3px solid #8ec31f;}