@charset "utf-8";
/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; margin-top:0.6rem}
.slideBox .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0;top:70px;  text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background:#fff;  }
.slideBox .prev{ position:absolute; left:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*滚动数字*/
.i_top_bj{ height:auto;}
.i_top_bj h1{width:95%; height:auto; margin:0 auto; color:#fff; font-size:0.18rem; font-weight:bold; text-align:center; line-height:0.43rem}
.i_top_bj h2{width:95%; height:auto; margin:0 auto; color:#fff; font-size:0.12rem; font-weight:100; text-align:center; line-height:0.2rem}

.gundong_num{width:95%; height:auto; margin:0 auto;  margin-top:20px; z-index:10}
.num{ width:100%; height:auto; overflow:hidden;}
.num li{ float:left; width:50%; height:auto; padding:10px 0; transition-duration:500ms; cursor:pointer}
.num li .n_box{ width:100%; height:auto; margin:0 auto; border-right:1px solid #E7E7E7; overflow:hidden}
.num li .n_box .n_l{width:100%; height:auto; line-height:0.38rem; text-align:center; font-size:0.14rem;}
.num li .n_box .n_l span{ font-size:0.22rem;  margin-right:8px}
.num li .n_box .n_l p{ line-height:0.2rem;}
.num li .n_box .n_r{width:100%; height:64px; background: url(../images/fz.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r2{width:100%; height:64px; background: url(../images/cp.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r3{width:100%; height:64px; background: url(../images/ws.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r4{width:100%; height:64px; background: url(../images/q.png) no-repeat top center;  transition-duration:600ms;}

.num li:hover{background: #fafafa; color:#333}

/*滚动数字_end*/
.sybj{ height:auto;}
.gundong_nw{width:95%; height:auto; margin:0 auto;  margin-top:20px; z-index:10}
.nw{ width:100%; height:auto; overflow:hidden; background-color:rgba(255, 255, 255, 1); height:220px; box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);  z-index:10}
.nw li{ float:left; width:50%; height:auto; padding:20px 0; transition-duration:500ms; cursor:pointer}
.nw li .n_box{ width:100%; height:auto; margin:0 auto; border-right:1px solid #E7E7E7; overflow:hidden}
.nw li .n_box .n_l{width:100%; height:auto; line-height:0.38rem; text-align:center;color:#666; font-size:0.16rem;}
.nw li .n_box .n_l span{ font-size:0.30rem; color:#333; margin-right:8px}
.nw li .n_box .n_l p{ line-height:0.2rem;}



/*关于我们*/
.about_box{overflow:hidden; margin-top:40px; width:95%; height:auto; margin:0 auto;}
.about_box_left{width:100%; height:auto; text-align:center}
.about_box_left h6{ font-weight:100; font-size:40px; line-height:50px; }
.about_box_left h2{ font-weight:100; font-size:20px; line-height:30px;}
.about_box_left p{ width:90%; height:auto; margin:0 auto; margin-top:10px; color:#666; margin-bottom:15px;}
.about_box_right{width:95%; height:auto; margin:0 auto; text-align:center; margin-top:30px;}
.about_box_right img{max-width:100%;}
/*关于我们_end*/

/*site-title*/
.sybt{width:95%; margin:0px auto;}
.sybt .e{text-align:center;  }
.sybt .r{text-align:center;  }
.site-title {padding:20px 0 20px;text-align:center;}
.site-title h2{margin-top:15px;color:#333;font-size:0.2rem;font-weight: normal;}
.site-title h2 span{font-family:Arial, Helvetica, sans-serif}
.site-title p{margin-top:10px;color:#999;font-size:0.16rem;line-height:30px;}
.site-title .line{position:relative;text-align:center;margin:10px auto 0;width:80px;height:1px; background-color: #333;}
.site-title .line:before{position: absolute;left:0;top:0;width:80px;height:1px; background-color: #333;}
.site-title .line:after{position: absolute;right:0;top:0;width:80px;height:1px; background-color: #333;}

.site-title22 {padding:20px 0 20px;text-align:center; }
.site-title22 h2{color:#333;font-size:0.2rem;font-weight: normal;margin-bottom:-5px;}
.site-title22 h2 span{font-family:Arial, Helvetica, sans-serif}
.site-title22 p{margin-top:10px;color:#999;font-size:0.16rem;line-height:30px;}
.site-title22 .line{position:relative;text-align:center; margin:15px auto 0;width:80px;height:5px; background-color: #388eef;}
.site-title22 .line:before{position: absolute;left:0;top:0;width:80px;height:2px; background-color: #388eef;}
.site-title22 .line:after{position: absolute;right:0;top:0;width:80px;height:2px; background-color: #388eef;}


/*优势*/
.index_youshi{ background:url(../images/youshi.jpg);  margin-bottom:10px; }
.index_youshi h2{ font-size:30px; color:#FFFFFF; text-align:center; padding-top:50px;}
.index_youshi h3{ font-size:20px; color:#FFFFFF; text-align:center; font-weight:100; padding-top:10px}

.indexone{width:95%;margin:0 auto; overflow:hidden; margin-top:30px;}
.indexone li{float:left; width:95%;margin-right:35px;margin-left:10px;height:auto;text-align: center; margin-bottom:15px;overflow:hidden;border:4px solid #ddd;background-color:#FFFFFF;}
.indexone li h1{font-weight:300; font-size:20px;line-height:45px; text-align:center; color:#333; background-color:#FFFFFF; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.indexone li dl{width:100%; height:100%; overflow:hidden;}
.indexone li img{ width:100%; height:100%;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; }
.indexone li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); }
.indexone li dt{background:url(../images/time1.png) no-repeat left center; padding-left:20px; line-height:18px; font-size:12px; color:#999999}
.indexone li dd{float:left; margin-right:5px;margin-left:10px;line-height:25px; font-size:14px; color:#999999;}
.indexone li:nth-of-type(3n+0){margin-right:0px;}
.indexone li:first-child+li+li{margin-right:0px;}
.indexone li a{ text-decoration:none}
.indexone li:hover h1{ color:#cc0606;}

/* 多图滚动 */
.scrollBox{ width:95%; height:auto; margin:20px auto; text-align:center;}
.scrollBox .bd li{float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px;}
.scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.scrollBox .bd li p{font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.scrollBox .bd li img{display: block; width:100%; height:100%;   }
.scrollBox .bd li:nth-of-type(2n+0){margin-right:0px;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:15px;}
.scrollBox .hd ul{ display:inline-block; padding-top:5px; }	
.scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.scrollBox .hd .on{ background:#BA2636;  }
.scrollBox .prev,.scrollBox .next{ display:inline-block; width:25px; height:20px; background:url(../images/wyIcons.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
.scrollBox .next{ background-position:-105px 0;}

/*标题*/
.index_title{ width:1.4rem; height:auto; padding:30px 0; text-align:center; font-size:0.16rem; color:#999; position:relative}
.index_title span{display:block; color:#333; font-size:0.2rem; line-height:0.5rem; font-weight:bold; letter-spacing:1px;}
.index_title:after{content:""; position:absolute; left:-100px; top:75px; width:100px; height:1px; background-color:#999999;}
.index_title:before{content:""; position:absolute; right:-100px; top:75px; width:100px; height:1px; background-color:#999999;}

.index_title2{ width:1.4rem; height:auto; padding:30px 0; text-align:center; font-size:0.16rem; color:#fff; position:relative}
.index_title2 span{display:block; color:#fff; font-size:0.2rem; line-height:0.5rem; font-weight:bold; letter-spacing:1px;}
.index_title2:after{content:""; position:absolute; left:-100px; top:75px; width:100px; height:1px; background-color:#fff;}
.index_title2:before{content:""; position:absolute; right:-100px; top:75px; width:100px; height:1px; background-color:#fff;}
/*标题_end*/

/*图片1*/
.index_pic_one{width:95%; height:auto; margin:0 auto; overflow:hidden;}
.index_pic_one dl{float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px; overflow:hidden; background-color:#fff}
.index_pic_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.index_pic_one dl dt img{display:block; width:100%; height:100%; max-width:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:0.35rem; line-height:0.35rem; text-align:center; background-color:#333; opacity: 0.7; color:#FFFFFF; text-shadow:3px 2px 2px #000; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_one dt:hover div{opacity:1; transform:scale(0.9,0.85)}
.index_pic_one dl:nth-of-type(2n+0){margin-right:0px;}
.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/

/*css过度按钮<div class="index_more"><a href="p/">+ 产品中心</a><span></span></div>*/
.index_more{width:40%; height:0.3rem; margin:0 auto; margin-top:50px; overflow:hidden; border:1px solid #fff; text-align:center; position:relative;}
.index_more a{color:#fff; text-align:center; line-height:0.3rem; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}
.index_more a:hover{ color:#fff;  text-decoration:none}
.index_more span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#e01c2e; transition: 0.4s all ease}
.index_more:hover span{ right:0}

/***********新闻资讯***********/
.index_c_n{ width: 95%; margin:0 auto; overflow:hidden; margin-bottom:-10px;}
.index_c_n .in_left{ float:left; width:100%; height:403px; margin-top:20px;position:relative}
.index_c_n .in_left img{width:100%; height:403px;}
.index_c_n .in_left .itext_box {position: absolute; left: 0; width: 100%; bottom: 0;height:90px; background-color:#222; opacity: 0.6;}
.index_c_n .in_left .itext_box .pdpd{ padding:15px}
.index_c_n .in_left .itext_box .pdpd .time {font-size: 14px; color: #fff; opacity: 0.8; line-height: 1; margin-bottom:10px;}
.index_c_n .in_left .itext_box .pdpd .t {font-size: 16px;color: #fff;margin-bottom: 8px;line-height:1; opacity: 1;}
.index_c_n .in_left .itext_box .pdpd .info {font-size: 14px;color: #fff;line-height: 21px;}

.index_c_n .in_right{ float:right; width:100%; height:auto; margin-top:20px; overflow:hidden;}
.index_c_n .rightNews{ height:auto}
.index_c_n .rightNews li{ width:100%; height:140px; background:#fff; cursor:pointer;border-bottom:1px solid #f3f3f3}
.index_c_n .rightNews li .pd{padding:5px 15px; }
.index_c_n .rightNews li:hover{background:#eeeeee;}
.index_c_n .rightNews li a { display:block }

.index_c_n .rightNews li .pd .time_box{float:left; margin-top:25px; width:12%; margin-right:3%; position:relative; padding-right:3%; text-align:right;}
.index_c_n .rightNews li .pd .time_box:after{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#999;}
.index_c_n .rightNews li .pd .time_box .y{font-size:16px; color:#666;line-height:1;margin-bottom:15px; margin-top:20px;}
.index_c_n .rightNews li .pd .time_box .date{font-size:16px;color:#666; line-height:1;}

.index_c_n .rightNews li .pd .news_box{float:right; width:80%; margin-top:25px;}
.index_c_n .rightNews li .pd .news_box .t{font-size:18px; line-height:1; margin-top:10px;margin-bottom:10px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_c_n .rightNews li .pd .news_box .d{font-size:14px;color:#666; line-height:20px; height:40px; overflow:hidden;}
.index_c_n .rightNews li:hover a{ color:#000!important}
/***********新闻资讯_end***********/

/*首页产品块*/
.pro_index_bj{background: #fff; width:95%;height:160px;box-shadow: darkgrey 0px 0px 10px 0px ; margin-top:20px; }
.pro_index_bj22{background: #fff; width:95%;height:40px;box-shadow: darkgrey 0px 0px 10px 0px ; margin-top:20px; }

/*产品tab*/
.pro_tab{ overflow:hidden; margin-top:20px; width:95%; height:auto; margin:0 auto}
.pro_tab li{ width:24%;display:inline-block; padding:10px 0; text-align:center; font-size:14px}
.pro_tab li:nth-of-type(5n+0){margin-right:0px;}
.pro_tab li a{ display:block; color:#333}
.pro_tab li.on{ color:#333}
.pro_tab li a:hover {color:#388eef}
.pro_tab li:nth-child(4) a{ color:#CC0000; font-weight:bold}

.pro_tab2{ overflow:hidden;  text-align:center}
.pro_tab2 li{ width:15%;display:inline-block; padding:10px 0; text-align:center; font-size:12px}
.pro_tab2 li a{ display:block; color:#333}
.pro_tab2 li:nth-of-type(5n+0){margin-right:0px;}
.pro_tab2 li.on{ color:#333}
.pro_tab2 li a:hover {color:#388eef}

.pro_box{ width:100%; height:auto; overflow:hidden}
.pro_box>div{ display:none}
.pro_box>div.on{ display:block}

.pro_list22{ overflow:hidden;  }
.pro_list22 li {float:left; width:50%; height:auto; text-align: center; }
.pro_list22 li .img{overflow:hidden}
.pro_list22 li a img{display: block; width:100%; height:100%;  -webkit-transition: all 2.5s; -o-transition: all 2.5s; -moz-transition: all 2.5s; transition: all 2.5s}
.pro_list22 li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }

.pro_list22 li a {display:block; margin:10px; background: #fff; padding:10px; box-shadow:0 0 6px 1px rgba(0,0,0,0.2);}
.pro_list22 li a:hover {box-shadow: 0 1px 26px rgba(0,0,0,0.1)}

.pro_list22 li h3 {font-size:16px; color: #000; font-weight: normal; line-height:35px;margin-top:10px}
.pro_list22 li p { height:8px;}
.pro_list22 li a:hover p {background: url(../images/icon2.png) no-repeat bottom center;}

.photo{ overflow:hidden;margin-bottom:-30px; width:95%; }

.photo li {float:left; width:48%;height:auto; text-align: center; }
.photo li .img{overflow:hidden;width:100%; height:100%; text-align: center;}
.photo li a img{display: block; width:100%; height:100%;  -webkit-transition: all 1.5s; -o-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s}
.photo li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }

.photo li a {display:block; margin:10px; }
.photo li a:hover {}

.photo li h3 {font-size:16px; color: #000; font-weight: normal; line-height:35px}
.photo li p { height:8px;}
.photo li a:hover p {background: url(../images/icon2.png) no-repeat bottom center;}
/*首页产品块*/
.pro_list.gray {padding:0px 0}
.pro_list li{width:95%;float:left;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);margin-left:2.5%;margin-bottom:20px}
.pro_list ul li .li_box{position:relative; overflow:hidden;}
.pro_list ul li .li_box{min-height:6px;}
.pro_list li .li_line{width:0; height:5px; background:#388eef; position:absolute; left:0; bottom:0; transition:all 0.5s ease;}
.pro_list li:hover .li_line{width:100%;}
.pro_list li:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.5)}

.pro_list li .name{text-align:right;padding-bottom:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin: 18px 20px 0 20px;}
.pro_list li .name strong{font-size:0.18rem;display:block}
.pro_list li .name span{font-size:14px;color:#666}
.pro_list li .photo{height:258px;text-align:center;display:flex;align-items:center;justify-content:center;margin: 0px 20px 0 0px;}
.pro_list li .photo img{max-width:336px;text-align:center}
.pro_list li:hover .photo img{transform:scale(1.05,1.05);transition:transform .5s ease}
.pro_list li:nth-of-type(3n+0){margin-right:0px;}
.clearFix i{position: absolute;z-index:9999999;}

.pro_list li .button{padding-top:12px;margin: 0px 20px 18px 20px; }
.pro_list li .button span,
.pro_list li .button a{display:inline-block;background:#e8e8e8;text-align:center;width:47%;padding:6px 0;color:#777;cursor:pointer}
.pro_list li .button span:hover,
.pro_list li .button a:hover{background:#388eef;color:#fff}
.pro_list li .button a{float:right}
.pro_list li .button span:before{font-family:iconfont;margin-right:5px}
.pro_list li .button a:before{font-family:iconfont;margin-right:5px}

/*小幻灯包围*/
.three_box{overflow:hidden;  }
.three_box_left{width:100%; height:auto;background-color:#fff;}
.three_box_right{width:100%; height:auto; padding-bottom:20px;}

.three_box_right .n_box{ width:90%; height:auto; margin:0 auto; margin-top:30px;color:#fff; text-align:center;line-height:0.26rem}
.three_box_right .n_box h3 {font-size:0.3rem; font-weight:normal; color:#fff; line-height: 0.58rem; text-align:center}
.three_box_right .n_box h2 {font-size: 0.2rem; font-weight: normal; color:#fff; line-height: 0.38rem; margin-bottom: 10px; text-align:center}

.three_box22{overflow:hidden; background-color:#f6f7fb;  margin-top:20px; margin-bottom:-18px }
.three_box22_left{  width:95%; height:auto; }
.three_box22_left img{ width:100%; height:100%;}
.three_box22_right{  width:100%;margin-top:10px;height:210px; }
.three_box22_right .n_box{ width:95%; height:auto;  margin-bottom:50px; color:#999; line-height:30px;}
.three_box22_right .n_box h3 {font-size:0.22rem; font-weight:bold; color:#000; line-height:50px;text-align:center}
.three_box22_right .n_box h2 {font-size: 30px; font-weight:bold; color:#333333; line-height: 30px; margin-bottom: 10px; margin-top: -10px;text-align:center}
.three_box22_right .n_box p {font-size: 0.16rem; width:85%;font-weight: normal; color:#999; line-height: 25px; margin-bottom: 30px;}

.three_box33{overflow:hidden;margin-bottom:-40px }
.three_box33_left{width:95%;height:auto; }
.three_box33_left img{ width:100%; height:100%;}
.three_box33_right{  width:100%;margin-top:10px;height:210px ; }
.three_box33_right .n_box{ width:95%; height:auto; margin-left:10px; color:#666666; line-height:30px;}
.three_box33_right .n_box h3 {font-size:0.22rem; font-weight:bold; color:#000; line-height: 50px;text-align:center}
.three_box33_right .n_box h2 {font-size: 0.24rem; font-weight:bold; color:#333333; line-height: 30px; margin-bottom: 10px; margin-top: -10px;text-align:center}
.three_box33_right .n_box p {font-size: 0.16rem; width:85%;font-weight: normal; color:#999; line-height: 25px; margin-bottom: 30px;}

.three_box44{overflow:hidden;width:95%; }
.three_box44_left{  width:100%; height:auto;}
.three_box44_left img{ width:100%; height:100%;}
.three_box44_right{   width:95%;margin-top:10px;height:210px ;}
.three_box44_right .n_box{ width:100%; height:auto;margin-bottom:10px; font-size:0.16rem; ; color:#666666; line-height:30px;}
.three_box44_right .n_box h3 {font-size:0.22rem; color:#333; line-height: 50px;text-align:center}
.three_box44_right .n_box h2 {font-size:0.16rem; ; font-weight: normal; color:#999; line-height: 30px; margin-top: 10px; margin-bottom: 10px; text-align:center}

.btn2 a {color: #fff; display: block; line-height: 44px; width: 140px; text-align: center; margin-left: 20px; background: #0953c0;}
.btn2 a span {display: inline-block; padding-right: 17px; background: url(../images/icon3.png) no-repeat right center; transition-duration:500ms;}
.btn2 a:hover span {padding-right: 27px;}
/*小幻灯包围_end*/

/*单页*/
.dy{ width:95%; height:auto; margin:0 auto; overflow:hidden; margin-top:30px; margin-bottom:30px;}
.dy li{ float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px; position:relative; overflow:hidden}
.dy li .img img{display: block; width:100%; height:100%; }
.dy li a{ display:block}
.dy li .box{ position:absolute; left:0; top:0; width:100%; height:auto; z-index:11; text-align:center; padding-top:40px; transition: 0.5s all ease}
.dy li .box img {width: 40px; max-width: 50%; vertical-align: bottom; display:inline}
.dy li .box h3{ color:#FFFFFF; font-size:0.18rem; font-weight:100; line-height:0.4rem;}
.dy li i{ display:none}
.dy li:nth-of-type(2n+0){margin-right:0px;}

/*小幻灯片*/
.index_hdp{width:100%; height:auto; position:relative; overflow:hidden;}
.index_hdp .hd{ position:absolute; width:100%; height:60px; bottom:30px; left:0; z-index:1; text-align:center}
.index_hdp .hd img{ width:60px; height:60px;  }
.index_hdp .prev{cursor:pointer}
.index_hdp .next{cursor:pointer}

.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.index_hdp .bd li img{display:block; width:100%; height:auto;}
.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/*支持政策*/
.hzbz{ background-color:#fff; padding-top:30px; padding-bottom:40px}
.box_three{margin-top:40px; overflow:hidden}
.box_three dl{width:288px; height:150px; padding:69px 0; text-align: center; background:#fff; border-radius:50%; overflow:hidden; cursor:pointer; margin:0 auto}
.box_three dl+dl{ margin-top:15px;}
.box_three dl i{display:block; width:120px; height:120px; margin:auto; background:url(../images/ico_02.png) no-repeat; transition: all 1.2s}
.box_three dl .ico_01{background-position:0 0}
.box_three dl .ico_02{background-position:-120px 0}
.box_three dl .ico_03{background-position:-240px 0}
.box_three dl .ico_04{background-position:-360px 0}
.box_three dl p{font-size:16px;margin-top:20px}
.box_three dl:hover i{
transform: rotate(360deg);
ms-transform: rotate(360deg); /* IE 9 */
moz-transform: rotate(360deg); /* Firefox */
webkit-transform: rotate(360deg); /* Safari and Chrome */
o-transform: rotate(360deg); /* Opera */
}
/***********新闻资讯***********/
.ii_nn{ overflow:hidden; margin-top:20px;}
.ii_nn_left{width:95%; height:auto}
.ii_nn_right{width:95%; height:auto}
.ii_nn_right h3{line-height:0.43rem; color:#1479d7; font-size:0.18rem; font-weight:bold; border-bottom:1px solid #CCCCCC}
.ii_nn_right h3 span{ font-weight:100; font-size:0.14rem}
.ii_nn_right .fl_list{margin-top:0.08rem; padding-top:0; background:none;}
.ii_nn_right .fl_list li{ height:0.35rem; line-height:0.35rem;}

.i_n_box{ width:100%; height:auto}

/*首页新闻tab*/
.tocnc_tab_ul{overflow:hidden; height:auto; border-bottom:1px solid #CCCCCC}
.tocnc_tab_ul li{ float:left; line-height:0.40rem; text-align:center; color:#666666; font-size:0.18rem; font-weight:bold; margin-right:0.20rem}
.tocnc_tab_ul li.on{color:#1479d7; border-bottom:3px solid #1479d7}
.tocnc_tab_ul li:nth-of-type(4n+0){margin-right:0}

.tocnc_tab_box{ width:100%; height:auto; overflow:hidden; margin-top:5px}
.tocnc_tab_box>div{ display:none}
.tocnc_tab_box>div.on{ display:block}
.tocnc_tab_box .fl_list{margin-top:10px; padding-top:0; background:none;}
.tocnc_tab_box .fl_list li{ height:0.32rem; line-height:0.32rem; }
/***********新闻资讯_end***********/

/*新闻视频*/
.news_avi{ width:95%; height:auto; margin-top:-20px;}
.news_avi .l{width:100%; height:auto;margin-bottom:20px;}
.news_avi .r{width:100%; height:auto;margin-top:-38px;}
.news_title{height:56px; line-height:56px; color:#333;background:#FFFFFF url(../images/newstitle.jpg) no-repeat 15px center; box-shadow:0 1px 8px 0 rgba(0,0,0,0.10); border-radius:4px; overflow:hidden; font-size:20px; padding-left:20px; }
.news_title a{color:#333;}
.news_title:hover a{color:#d60606;}
.news_title span{ float:right; font-size:14px; font-weight:100; padding-right:12px;}
.news_box{ width:100%; height:auto; background: #FFFFFF;  border-radius: 4px; margin-top:8px;}
.news_box_ul{ width:95%; height:auto; margin:0 auto; padding:10px 0}
.news_box_ul li{ overflow:hidden; height:0.4rem; line-height:0.4rem;border-bottom:1px solid #f0f0f0;}
.news_box_ul li p{ float:left; width:60%; height:auto; color:#333;overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news_box_ul li span{ float:right; height:auto; text-align:right; color:#999;}
.news_box_ul li a:hover p{color:#d60606;}

.gbook_index{ background:linear-gradient(to right,#4099f7,#56c1f7); padding:30px 0}
.title-3{ width:80%; height:auto; margin:0 auto; position:relative; text-align:center}
.title-3 strong{font-size:30px; line-height:50px; font-weight:400;color:#fff}
.title-3 p{padding:3px 0;color:#fff;font-size:12px}
.title-3:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-23px;width:46px;height:8px;background:#fff}
.gb{ font-size:0.3rem; line-height:0.5rem; color:#FFFFFF; margin-top:20px; text-align:center; padding-top:30px}
.gbbox{width:90%; height:auto; margin:0 auto; margin-top:20px}

.gbook_index2{ background-color:#f0f0f0; padding:50px 0; margin-top:30px}
.title-2{width:80%; height:auto; margin:0 auto; position:relative; text-align:center}
.title-2 strong{font-size:30px; line-height:50px; font-weight:400;}
.title-2 p{padding:3px 0; font-size:12px}
.title-2:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-23px;width:46px;height:8px; background:#388eef}
.gb2{ font-size:0.3rem; line-height:0.3rem; margin-top:20px; text-align:center; padding-top:30px}
.gbbox2{width:80%; height:auto; margin:0 auto; margin-top:20px}

}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:30px; line-height:30px; left:0; bottom:25px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:20px; height:20px; border-radius:50%; background: rgba(255, 103, 0, 0.6); text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background: rgba(27, 160, 94, 0.6); }

.slideBox .prev{ position:absolute; left:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*滚动数字*/
.i_top_bj{height:auto;}
.i_top_bj h1{color:#fff; font-size:30px; font-weight:bold; text-align:center; line-height:80px}
.i_top_bj h2{color:#fff; font-size:16px; font-weight:100; text-align:center; line-height:23px}

.gundong_num{ margin-top:10px; z-index:10}
.num{ width:100%; height:auto; overflow:hidden; }
.num li{ float:left; width:25%; height:auto; padding:16px 0; transition-duration:500ms; cursor:pointer}
.num li .n_box{ width:100%; height:auto; margin:0 auto; overflow:hidden}
.num li .n_box .n_l{  width:80%; height:auto; line-height:38px;  font-size:16px;text-align:center; }
.num li .n_box .n_l span{ font-size:22px; text-align:center; margin-right:8px}
.num li .n_box .n_l p{ line-height:25px;text-align:center; }
.num li .n_box .n_r{  width:30%; height:64px; background: url(../images/fz.png) no-repeat top center;  transition-duration:600ms;margin-top:20px;}
.num li .n_box .n_r2{ width:30%; height:64px; background: url(../images/cp.png) no-repeat top center;  transition-duration:600ms;margin-top:20px;}
.num li .n_box .n_r3{width:30%; height:64px; background: url(../images/ws.png) no-repeat top center;  transition-duration:600ms;margin-top:20px;}
.num li .n_box .n_r4{  width:30%; height:64px; background: url(../images/q.png) no-repeat top center;  transition-duration:600ms;margin-top:20px;}
.num li:nth-of-type(4n+0){border-right:none}
.num li:hover{background: #fafafa; color:#222;height:220px;}

/*滚动数字_end*/

.sybj{margin-bottom:20px; }
.shuzi_nw{ margin-top:-120px; z-index:10}
.nw{ width:100%; height:auto; overflow:hidden; background-color:rgba(255, 255, 255, 1); height:220px; box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);  z-index:10}
.nw li{ float:left; width:25%; height:auto; padding:30px 0; transition-duration:500ms; cursor:pointer}
.nw li .n_box{ width:100%; height:auto; margin:0 auto; overflow:hidden}
.nw li .n_box .n_l{  width:80%; height:auto; line-height:38px; color:#666; margin-top:40px;font-size:20px;text-align:center; }
.nw li .n_box .n_l span{ font-size:45px;color:#333; text-align:center; margin-right:8px}
.nw li .n_box .n_l p{ line-height:25px;text-align:center; }
.nw li:nth-of-type(4n+0){border-right:none}


/*优势*/
.index_youshi{ background:url(../images/youshi.jpg); height:470px;margin-bottom:210px;}
.index_youshi h2{ font-size:30px; color:#FFFFFF; text-align:center; padding-top:50px;}
.index_youshi h3{ font-size:20px; color:#FFFFFF; text-align:center; font-weight:100; padding-top:10px}

.ul_youshi{ overflow:hidden; padding:40px 0}
.ul_youshi li{ float:left; width:302px; height:459px; background-color:#FFFFFF; margin-right:20px; position:relative; overflow:hidden; cursor:pointer}
.ul_youshi li img{display: block; width:100%; height:227px;}
.ul_youshi li .box{height:auto; padding:50px 20px; text-align:center; }
.ul_youshi li .box h5{ font-size:19px; height:35px; position:relative}
.ul_youshi li .box h5:after{content:""; position:absolute; left:50%; bottom:-3px; width:100px; height:1px; margin-left:-50px; background-color:#1479d7;}
.ul_youshi li .box div{ padding-top:20px; text-align:center; line-height:26px}

.ul_youshi li .yuan{ position:absolute; width:60px; height:60px; background-color:#ea5514; left:121px; top:196px; border-radius:50%; color:#FFFFFF; text-align:center; line-height:53px; font-size:45px; font-weight:bold}

.ul_youshi li p{ position:absolute; left:0; top:459px; width:100%; height:100%; background-color:#ea5514; transition: 0.5s all ease}
.ul_youshi li:hover p{top:0; }

.ul_youshi li .yuan2{position:absolute; left:121px; top:459px; border-radius:50%; background-color:#FFFFFF; color:#ea5514; width:60px; height:60px; z-index:1; text-align:center; transition: 0.5s all ease; line-height:53px; font-size:45px; font-weight:bold}
.ul_youshi li:hover .yuan2{top:120px; }

.ul_youshi li .text{position:absolute; left:0; top:459px; width:100%; height:auto; text-align:center; color:#FFFFFF;  transition: 0.5s all ease; line-height:27px;}
.ul_youshi li:hover .text{top:220px; }

.ul_youshi li:nth-of-type(4n+0){margin-right:0px;}

/*标题*/
.index_title{ width:200px; height:auto; padding:50px 0; text-align:center; font-size:16px; color:#999; position:relative}
.index_title span{display:block; color:#333; font-size:32px; line-height:50px;  letter-spacing:2px;}
.index_title:after{content:""; position:absolute; left:-100px; top:110px; width:100px; height:1px; background-color:#999999;}
.index_title:before{content:""; position:absolute; right:-100px; top:110px; width:100px; height:1px; background-color:#999999;}

.index_title2{ width:200px; height:auto; padding:50px 0; text-align:center; font-size:16px; color:#fff; position:relative}
.index_title2 span{display:block; color:#fff; font-size:32px; line-height:50px;  letter-spacing:2px;}
.index_title2:after{content:""; position:absolute; left:-100px; top:110px; width:100px; height:1px; background-color:#fff;}
.index_title2:before{content:""; position:absolute; right:-100px; top:110px; width:100px; height:1px; background-color:#fff;}
/*标题_end*/

/*图片1*/
.index_pic_one{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:60px;}
.index_pic_one dl{float:left; width:390px; height:293px; margin-right:33px; margin-bottom:20px; background-color:#fff}
.index_pic_one dl dt{width:100%; height:100%; position: relative; border:#ddd solid 5px; overflow:hidden}
.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.index_pic_one dl dt img{width:100%; height:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:35px; line-height:35px; text-align:center; color:#FFFFFF; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_one dt:hover div{transform:scale(0.9,0.87); background-color:#FFF; opacity:0.9;}
.index_pic_one dt:hover p{position:absolute; left:0; top:45%; width:100%; height:35px; line-height:35px; text-align:center; color:#333; z-index:9999; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pic_one dl:nth-of-type(4n+0){margin-right:0px;}
.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/

/*css过度按钮<div class="index_more"><a href="p/">+ 产品中心</a><span></span></div>*/
.index_more{width:160px; height:40px; margin:0 auto; margin-top:80px; overflow:hidden; text-align:center;border:1px solid #fff; position:relative; }
.index_more a{color:#fff; text-align:center; line-height:40px; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}
.index_more a:hover{ color:#fff;  text-decoration:none}
.index_more span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#e01c2e; transition: 0.4s all ease}
.index_more:hover span{ right:0}

/*首页产品块*/
.pro_index_bj{background: #fff; height:120px;box-shadow: darkgrey 0px 0px 10px 0px ; margin-top:40px; }
.pro_index_bj22{background: #fff; height:60px;box-shadow: darkgrey 0px 0px 10px 0px ; margin-top:40px; }
/*产品tab*/
.pro_tab{ overflow:hidden;  text-align:center}
.pro_tab li{ width:175px;display:inline-block; padding:18px 0; text-align:center; font-size:20px}
.pro_tab li+li{ background:url(../images/ifl.jpg) no-repeat left center}
.pro_tab li a{ display:block; color:#333}
.pro_tab li a:hover {color:#e70505}
.pro_tab li:nth-child(8){ background:none}
.pro_tab li:nth-child(4) a{ color:#CC0000; font-weight:bold}

.pro_tab2{ overflow:hidden;  text-align:center}
.pro_tab2 li{ width:200px;display:inline-block; padding:18px 0; text-align:center; font-size:20px}
.pro_tab2 li+li{ background:url(../images/ifl.jpg) no-repeat left center}
.pro_tab2 li a{ display:block; color:#333}
.pro_tab2 li.on{ color:#333}
.pro_tab2 li a:hover {color:#388eef}


.pro_box{ width:100%; height:auto; overflow:hidden}
.pro_box>div{ display:none}
.pro_box>div.on{ display:block}
.pro_list22{ overflow:hidden;  }
.pro_list22 li {float:left; width:33.333%; height:auto; text-align: center; }
.pro_list22 li .img{overflow:hidden}
.pro_list22 li a img{display: block; width:100%; height:100%;  -webkit-transition: all 2.5s; -o-transition: all 2.5s; -moz-transition: all 2.5s; transition: all 2.5s}
.pro_list22 li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }

.pro_list22 li a {display:block; margin:10px; background: #fff; padding:10px; box-shadow:0 0 6px 1px rgba(0,0,0,0.2);}
.pro_list22 li a:hover {box-shadow: 0 1px 26px rgba(0,0,0,0.1)}

.pro_list22 li h3 {font-size:16px; color: #000; font-weight: normal; line-height:35px;margin-top:10px}
.pro_list22 li p { height:8px;}
.pro_list22 li a:hover p {background: url(../images/icon2.png) no-repeat bottom center;}

.photo{ overflow:hidden;margin-bottom:-80px;  }

.photo li {float:left; height:auto; text-align: center;margin-bottom:80px; }
.photo li .img{overflow:hidden;width:200px; height:80px; text-align: center;}
.photo li a img{display: block; width:100%; height:100%;  -webkit-transition: all 1.5s; -o-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s}
.photo li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }
.photo li a {display:block;  }
.photo li a:hover {}

.photo li h3 {font-size:16px; color: #000; font-weight: normal; line-height:35px}
.photo li p { height:8px;}
.photo li a:hover p {background: url(../images/icon2.png) no-repeat bottom center;}
/*首页产品块*/
.pro_list.gray {padding:0px 0}
.pro_list li{width:31%;float:left;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);margin-left:2%;margin-bottom:30px}
.pro_list ul li .li_box{position:relative; overflow:hidden;}
.pro_list ul li .li_box{min-height:6px;}
.pro_list li .li_line{width:0; height:5px; background:#388eef; position:absolute; left:0; bottom:0; transition:all 0.5s ease;}
.pro_list li:hover .li_line{width:100%;}
.pro_list li:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.5)}

.pro_list li .name{text-align:right;padding-bottom:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin: 18px 20px 0 20px;}
.pro_list li .name strong{font-size:20px;display:block}
.pro_list li .name span{font-size:14px;color:#666}
.pro_list li .photo{height:258px;text-align:center;display:flex;align-items:center;justify-content:center;margin: 0px 20px 0 0px;}
.pro_list li .photo img{max-width:336px;text-align:center}
.pro_list li:hover .photo img{transform:scale(1.05,1.05);transition:transform .5s ease}
.pro_list li:nth-of-type(3n+0){margin-right:0px;}
.clearFix i{position: absolute;z-index:9999999;}

.pro_list li .button{padding-top:12px;margin: 0px 20px 18px 20px; }
.pro_list li .button span,
.pro_list li .button a{display:inline-block;background:#e8e8e8;text-align:center;width:47%;padding:6px 0;color:#777;cursor:pointer}
.pro_list li .button span:hover,
.pro_list li .button a:hover{background:#388eef;color:#fff}
.pro_list li .button a{float:right}
.pro_list li .button span:before{font-family:iconfont;margin-right:5px}
.pro_list li .button a:before{font-family:iconfont;margin-right:5px}
/*关于我们*/
.about_index{padding-bottom:20px; margin-top:100px; }
.about_box{overflow:hidden; margin-top:40px;}
.about_box_left{ float:left; width:50%; height:auto; text-align:center}
.about_box_left h6{ font-weight:100; font-size:50px; line-height:70px; }
.about_box_left h2{ font-weight:100; font-size:30px; line-height:50px;}
.about_box_left p{ width:70%; height:auto; margin:0 auto; margin-top:30px; color:#666}
.about_box_right{ float:right; width:50%; height:auto; }
/*关于我们_end*/

/*单页*/
.dy{ overflow:hidden; margin-top:30px; margin-bottom:30px;}
.dy li{ float:left; width:302px; height:227px; position:relative; margin-right:20px;}
.dy li .img img{display: block; width:100%; height:100%; }
.dy li a{ display:block}
.dy li .box{ position:absolute; left:0; top:0; width:100%; height:auto; z-index:11; text-align:center; padding-top:70px; transition: 0.5s all ease}
.dy li .box img {width: 48px; max-width: 50%; vertical-align: bottom; display:inline}
.dy li .box h3{ color:#FFFFFF; font-size:20px; font-weight:100; line-height:40px;}
.dy li:hover .box{padding-top:40px}
.dy li p{ position:absolute; left:0; top:227px; width:100%; height:100%; background:rgba(1,71,157,0.4); transition: 0.5s all ease}
.dy li:hover p{top:0; }
.dy li i{position:absolute; left:0; top:227px; display:block; width:100%; height:auto; text-align:center; transition: 0.5s all ease; z-index:16}
.dy li:hover i{top:150px; }
.dy li:nth-of-type(4n+0){margin-right:0px;}

/*小幻灯包围*/
.three_box{overflow:hidden; }
.three_box_left{ float:right; width:575px; height:auto; padding:10px;margin-top:80px;margin-bottom:80px;}
.three_box_right{ text-align: center;  width:1200px; height:auto; margin-top:80px;margin-bottom:80px;}
.three_box_right .n_box{ text-align: center;width:1200px; height:auto;  margin-top:10px;font-size:16px; color:#fff; line-height:35px;}
.three_box_right .n_box h3 {font-size:48px; font-weight:normal; color:#fff; line-height: 58px; text-align:center;}
.three_box_right .n_box h2 {font-size: 24px; font-weight: normal; color:#fff; line-height: 50px; margin-bottom: 30px; text-align:center}

.three_box22{overflow:hidden;  margin-top:50px; margin-bottom:-10px }
.three_box22_left{ float:right; width:635px; height:auto; }
.three_box22_right{ float:left; width:635px;margin-top:10px; height:264px; }
.three_box22_right .n_box{ width:550px; height:auto; margin-left:30px; margin-top:10px; color:#666666; line-height:30px;}
.three_box22_right .n_box h3 {font-size:24px; font-weight:bold; color:#000; line-height: 80px;}
.three_box22_right .n_box h2 {font-size: 30px; font-weight: normal; color:#333333; line-height: 30px; margin-bottom: 10px; margin-top: -10px;text-align:center}
.three_box22_right .n_box p {font-size: 16px; font-weight: normal; color:#999; line-height: 25px; margin-bottom: 30px;}

.three_box33{overflow:hidden; }
.three_box33_left{ float:left; width:635px; height:auto; }
.three_box33_right{ float:right; width:635px;margin-top:20px; height:264px; }
.three_box33_right .n_box{float:right; width:550px; height:auto; margin-left:50px;  color:#666666; line-height:30px;}
.three_box33_right .n_box h3 {font-size:24px; font-weight:bold; color:#000; line-height: 80px;}
.three_box33_right .n_box h2 {font-size: 30px; font-weight: normal; color:#333333; line-height: 30px; margin-bottom: 10px; margin-top: -10px;text-align:center}
.three_box33_right .n_box p {font-size: 16px; font-weight: normal; color:#999; line-height: 25px; margin-bottom: 30px;}

.three_box44{overflow:hidden; }
.three_box44_left{ float:right; width:635px; height:auto; }
.three_box44_right{ float:left; width:635px;margin-top:10px; height:264px; }
.three_box44_right .n_box{ width:550px; height:auto; margin-left:30px; margin-top:10px; color:#666666; line-height:30px;}
.three_box44_right .n_box h3 {font-size:24px; font-weight:bold; color:#000; line-height: 80px;}
.three_box44_right .n_box h2 {font-size: 30px; font-weight: normal; color:#333333; line-height: 30px; margin-bottom: 10px; margin-top: -10px;text-align:center}
.three_box44_right .n_box p {font-size: 16px; font-weight: normal; color:#999; line-height: 25px; margin-bottom: 30px;}

.btn2 a {color: #fff; display: block; line-height: 44px; width: 140px; text-align: center; margin-left: 0; background: #0953c0;margin-left: 50px;}
.btn2 a span {display: inline-block; padding-right: 17px; background: url(../images/icon3.png) no-repeat right center; transition-duration:500ms;}
.btn2 a:hover span {padding-right: 27px;}
/*小幻灯包围_end*/

/*小幻灯片*/
.index_hdp{width:100%; height:495px; position:relative; overflow:hidden;}
.index_hdp .hd{ position:absolute; width:100%; height:60px; bottom:30px; left:0; z-index:1; text-align:center}
.index_hdp .hd img{ width:60px; height:60px;  }
.index_hdp .prev{cursor:pointer}
.index_hdp .next{cursor:pointer}

.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.index_hdp .bd li img{display:block; width:100%; height:100%; -webkit-transition: all 1.8s; -o-transition: all 1.8s; -moz-transition: all 1.8s; transition: all 1.8s}
.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.index_hdp .bd li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }


.hzbz{padding-bottom:40px;margin-top:100px; }
.box_three{margin-top:40px; overflow:hidden}
.box_three dl{float:left; width:288px; height:150px; padding:69px 0; text-align: center; background:#fff; border-radius:50%; overflow:hidden; margin-right:39px; cursor:pointer}
.box_three dl i{display:block; width:120px; height:120px; margin:auto; background:url(../images/ico_02.png) no-repeat; transition: all 1.2s}
.box_three dl .ico_01{background-position:0 0}
.box_three dl .ico_02{background-position:-120px 0}
.box_three dl .ico_03{background-position:-240px 0}
.box_three dl .ico_04{background-position:-360px 0}
.box_three dl p{font-size:16px;margin-top:20px}
.box_three dl:nth-of-type(4n+0){margin-right:0px;}
.box_three dl:hover i{
transform: rotate(360deg);
ms-transform: rotate(360deg); /* IE 9 */
moz-transform: rotate(360deg); /* Firefox */
webkit-transform: rotate(360deg); /* Safari and Chrome */
o-transform: rotate(360deg); /* Opera */
}

/*新闻*/
.ii_nn{ overflow:hidden; margin-top:20px;}
.ii_nn_left{ float:left; width:700px; height:auto}
.ii_nn_right{ float:right; width:530px; height:auto}
.ii_nn_right h3{line-height:43px; color:#1479d7; font-size:18px; font-weight:bold; border-bottom:1px solid #CCCCCC}
.ii_nn_right h3 span{ font-weight:100; font-size:14px}

.i_n_box{ width:100%; height:auto}

/*首页新闻tab*/
.tocnc_tab_ul{overflow:hidden; height:auto; border-bottom:1px solid #CCCCCC}
.tocnc_tab_ul li{ float:left; line-height:40px; text-align:center; color:#666666; font-size:18px; font-weight:bold; margin-right:20px}
.tocnc_tab_ul li.on{color:#1479d7; border-bottom:3px solid #1479d7}
.tocnc_tab_ul li:nth-of-type(4n+0){margin-right:0}

/*box*/
.tocnc_tab_box{ width:100%; height:auto; overflow:hidden;}
.tocnc_tab_box>div{ display:none}
.tocnc_tab_box>div.on{ display:block}
.tocnc_tab_box .fl_list{margin-top:8px; padding-top:0; background:none;}
.tocnc_tab_box .fl_list li{ height:41px; line-height:41px;}

.indexone{width:1200px; min-width:1200px; margin:0 auto; overflow:hidden; margin-top:30px;}
.indexone li{float:left; width:29%; height:auto; text-align: center;margin-right:35px;margin-left:10px; margin-bottom:15px;background-color:#FFFFFF;overflow:hidden;border:4px solid #ddd}
.indexone li h1{font-weight:300; font-size:20px;line-height:45px;margin-top:10px; text-align:center; color:#333; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.indexone li dl{width:100%; height:100%; overflow:hidden;}
.indexone li img{ width:100%; height:100%;  -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; }
.indexone li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); }
.indexone li dt{background:url(../images/time1.png) no-repeat left center; padding-left:20px; line-height:18px; font-size:12px; color:#999999}
.indexone li dd{float:left; margin-right:15px;margin-left:10px;margin-bottom:15px;line-height:25px; font-size:14px; color:#999999;}
.indexone li:nth-of-type(3n+0){margin-right:0px;}
.indexone li:first-child+li+li{margin-right:0px;}
.indexone li a{ text-decoration:none}
.indexone li:hover h1{ color:#cc0606;}

/*site-title*/
.sybt{width:1200px;min-width:1200px; margin:0px auto;}
.sybt .e{float:left; width:300px; height:auto; }
.sybt .r{float:right; width:900px; height:auto;margin-top:70px; }
.site-title {padding:50px 0 20px;float:left;}
.site-title h2{margin-top:15px;color:#333;font-size:30px;font-weight: normal;}
.site-title h2 span{font-family:Arial, Helvetica, sans-serif}
.site-title p{margin-top:25px;color:#999;font-size:16px;line-height:30px;}
.site-title .line{position:relative;float:left;margin:15px auto 0;width:80px;height:1px; background-color: #333;}
.site-title .line:before{position: absolute;left:0;top:0;width:80px;height:1px; background-color: #333;}
.site-title .line:after{position: absolute;right:0;top:0;width:80px;height:1px; background-color: #333;}

.site-title22 {padding:40px 0 40px;text-align:center; }
.site-title22 h2{color:#000;font-size:30px;font-weight: normal;}
.site-title22 h2 span{font-family:Arial, Helvetica, sans-serif}
.site-title22 p{margin-top:10px;color:#999;font-size:16px;line-height:30px;}
.site-title22 .line{position:relative;text-align:center; margin:15px auto 0;width:80px;height:5px; background-color: #388eef;}
.site-title22 .line:before{position: absolute;left:0;top:0;width:80px;height:2px; background-color: #388eef;}
.site-title22 .line:after{position: absolute;right:0;top:0;width:80px;height:2px; background-color: #388eef;}

/***********新闻资讯***********/
.index_c_n{ margin:0 auto; overflow:hidden; margin-bottom:-10px;}
.index_c_n .in_left{ float:left; width:540px; height:403px; margin-top:20px;position:relative}
.index_c_n .in_left img{width:540px; height:403px;}
.index_c_n .in_left .itext_box {position: absolute; left: 0; width: 100%; bottom: 0;height:90px; background-color:#222; opacity: 0.6;}
.index_c_n .in_left .itext_box .pdpd{ padding:15px}
.index_c_n .in_left .itext_box .pdpd .time {font-size: 14px; color: #fff; opacity: 0.8; line-height: 1; margin-bottom:10px;}
.index_c_n .in_left .itext_box .pdpd .t {font-size: 16px;color: #fff;margin-bottom: 8px;line-height:1; opacity: 1;}
.index_c_n .in_left .itext_box .pdpd .info {font-size: 14px;color: #fff;line-height: 21px;}

.index_c_n .in_right{ float:right; width:630px; height:auto; margin-top:20px; overflow:hidden;}
.index_c_n .rightNews{ height:auto}
.index_c_n .rightNews li{ width:100%; height:140px; background:#fff; cursor:pointer;border-bottom:1px solid #f3f3f3}
.index_c_n .rightNews li .pd{padding:5px 15px; }
.index_c_n .rightNews li:hover{background:#eeeeee;}
.index_c_n .rightNews li a { display:block }

.index_c_n .rightNews li .pd .time_box{float:left; margin-top:25px; width:12%; margin-right:3%; position:relative; padding-right:3%; text-align:right;}
.index_c_n .rightNews li .pd .time_box:after{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#999;}
.index_c_n .rightNews li .pd .time_box .y{font-size:16px; color:#666;line-height:1;margin-bottom:15px; margin-top:20px;}
.index_c_n .rightNews li .pd .time_box .date{font-size:26px;color:#666; line-height:1;}

.index_c_n .rightNews li .pd .news_box{float:right; width:80%; margin-top:25px;}
.index_c_n .rightNews li .pd .news_box .t{font-size:18px; line-height:1; margin-top:10px;margin-bottom:10px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_c_n .rightNews li .pd .news_box .d{font-size:14px;color:#666; line-height:20px; height:40px; overflow:hidden;}
.index_c_n .rightNews li:hover a{ color:#000!important}
/***********新闻资讯_end***********/
/* 本例子css */
.ladyScroll{width:1200px; min-width:1200px;height:250px; margin:0 auto;position:relative;margin-top:170px;}
.ladyScroll .prev,.ladyScroll .next{width:51px;height:45px;position:absolute;top:120px;margin-left:-520px;z-index:100; cursor:pointer; background:url(../images/btns.png) no-repeat;}
.ladyScroll .next{ margin-left:670px; background-position:0 -90px;}
.ladyScroll .prev:hover{ background-position:0 -45px; }
.ladyScroll .next:hover{ background-position:0 -135px; }

.ladyScroll .scrollWrap{width:1160px; min-width:1160px; margin-left:22px;padding-top:30px;overflow:hidden;position:absolute; }
.ladyScroll dl{float:left;width:280px;text-align:center;position:relative; margin-right:10px; border:1px solid #eee}
.ladyScroll  span{display:block;width:100%;height:40px;position:absolute;left:0px;bottom:0;background:#5f626b;filter:alpha(opacity=80);opacity:0.80;}
.ladyScroll  dt{margin:0 auto;width:100%; overflow:hidden;}
.ladyScroll  img{display:block; width:100%; height:230px;}
.ladyScroll  dd{width:100%;height:35px;line-height:28px;font-size:16px;color:#fff;text-align:center;overflow:hidden;position:absolute;left:0px;bottom:0;}
.ladyScroll  dd a{ color:#fff;  }
.ladyScroll  dd a:hover{ text-decoration:none;  }
.ladyScroll dl:hover span{ background:#0c4da2;  }

/* 多图滚动 */
.scrollBox{ width:1271px; height:auto;  text-align:center;margin-top:50px;margin-bottom:10px;}
.scrollBox .bd li{float:left; width:307px; height:auto; margin-right:14px;}
.scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.scrollBox .bd li p{font-size:16px;margin-top:10px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.scrollBox .bd li img{width:307px; height:231px; background:url(../images/loading.gif) #fff center center no-repeat;  }
.scrollBox .bd li:nth-of-type(4n+0){margin-right:0px;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:20px;}
.scrollBox .hd ul{ display:inline-block; padding-top:5px; }	
.scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.scrollBox .hd .on{ background:#BA2636;  }
.scrollBox .prev,.scrollBox .next{ display:inline-block; width:25px; height:20px; background:url(../images/wyIcons.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
.scrollBox .next{ background-position:-105px 0;}

/*新闻视频*/
.news_avi{margin-top:20px;}
.news_avi .l{ float:left; width:620px; margin-bottom:30px;}
.news_avi .r{ float:right; width:620px;margin-bottom:30px;}
.news_title{height:56px; line-height:56px; color:#333;background:#FFFFFF url(../images/newstitle.jpg) no-repeat 15px center; box-shadow:0 1px 8px 0 rgba(0,0,0,0.10); border-radius:4px; overflow:hidden; font-size:20px; padding-left:20px; font-weight:normal;}
.news_title a{color:#333;}
.news_title:hover a{color:#d60606;}
.news_title span{ float:right; font-size:14px; font-weight:100; padding-right:12px;}
.news_box{ width:100%; height:auto; background: #FFFFFF;  margin-top:8px;}
.news_box_ul{ width:580px; height:auto; margin:0 auto; padding:10px 0}
.news_box_ul li{ overflow:hidden; height:50px; line-height:50px;border-bottom:1px solid #f0f0f0;}
.news_box_ul li p{ float:left; width:430px; height:auto;color:#000; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news_box_ul li span{ float:right; height:auto; text-align:right; color:#999;}

.news_box_ul li a:hover p{color:#d60606;}

.gbook_index{ background:linear-gradient(to right,#4099f7,#56c1f7); padding:50px 0}
.title-3{ width:700px; height:auto; margin:0 auto; position:relative; text-align:center}
.title-3 strong{font-size:30px; line-height:50px; font-weight:400;color:#fff}
.title-3 p{padding:3px 0;color:#fff;font-size:12px}
.title-3:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-23px;width:46px;height:8px;background:#fff}
.gb{ font-size:40px; line-height:50px; color:#FFFFFF; margin-top:20px; text-align:center; padding-top:30px}
.gbbox{width:700px; height:auto; margin:0 auto; margin-top:20px}

.gbook_index2{ background-color:#f0f0f0; padding:50px 0; margin-top:30px}
.title-2{width:700px; height:auto; margin:0 auto; position:relative; text-align:center}
.title-2 strong{font-size:30px; line-height:50px; font-weight:400;}
.title-2 p{padding:3px 0; font-size:12px}
.title-2:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-23px;width:46px;height:8px; background:#388eef}
.gb2{ font-size:40px; line-height:50px; margin-top:20px; text-align:center; padding-top:30px}
.gbbox2{width:700px; height:auto; margin:0 auto; margin-top:20px}


}