@charset "utf-8";
/*CSS Document
 *author:
 *url:
 *tips:非专业勿动，编码格式为utf-8*/
/*重置*/
*{padding:0;margin:0;}
html{font:normal 14px/1.5 "microsoft yahei",tahoma,arial,sans-serif;}
img{border:0;}
li{list-style-type:none;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:link{color:#333;}
a:visited{color:#333;}
a:hover{color:#f00;}
a:active{color:#f00;}
a:focus{outline:none;}
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
input,
input:focus{outline:none;text-indent:5px;}
/*盒模型测试*/
.tb{background-color:grey;}/*灰色*/
.boxmodletest{width:100px;height:100px;padding:5px 10px 15px 20px;margin:5px 10px 15px 20px;background:red;border:10px solid #000;}
/*通用-调用*/
.w1200{width:1200px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content:"";display:block;clear:both;}
.vt{display:inline-block;vertical-align:top;}/*垂直对齐：顶部*/
.vm{display:inline-block;vertical-align:middle;}/*垂直对齐：中间*/
/*通用-文档*/
body{font-size:14px;color:#333;background:#f4f4f4;}
a:hover{color:#627ea9;}
a:active{color:#627ea9;}
/* 首页_top */
.heades{background: #fff; height: 210px; background: url(../images/hr.png) no-repeat center center; position: relative; z-index: 99;}
.headess{background: #fff;}
.heades .heade{height: 48px;}
.heades .headl{ width: 940px;height: 48px; font-size: 14px; color: #666; line-height: 48px;}
.heades .headr{ width: 250px; height: 48px; line-height: 48px;}
.heades .headr_l{width: 180px; height: 48px; font-size: 14px; color: #e83690; font-weight: bold; 
	              background: url(../images/hrl.jpg) no-repeat left center; text-indent: 20px;}
.heades .headr_r{width: 70px; height: 48px; font-size: 14px; color: #666;cursor: pointer;
	              background: url(../images/hrr.jpg) no-repeat left center; text-indent: 20px;}

.heades .headr_r_code{width: 120px; height: 120px; position: absolute; top: 50px; right:auto; display: none;cursor: pointer; z-index: 6;
	                  background: url(../images/erweima.jpg) no-repeat center center; background-size: 120px 120px; }	                  

.heades .nav{ height: 70px; padding-top:30px; }
.heades ul li{width: 140px; float: left; height: 54px; line-height: 54px; text-align: center; cursor: pointer;}
/*.heades ul li.nav_li:nth-child(4){margin-left: 360px;}*/
.heades ul li:first-child+li+li+li{margin-left: 360px;}
.heades  ul li a,.heades .navr ul li a{ display: block; font-size: 16px; color: #333;}
.heades  ul li:hover,.heades ul li.on{ background: url(../images/nav.png) no-repeat center center;}
.heades  ul li:hover a,.heades  ul li.on a{color: #fff;}
.nav_li .trigger{display:none; width:140px; overflow: hidden;}
.nav_li .trigger  li{zoom:1; width:140px; height: 54px; background: url(../images/nav4.png) no-repeat center center;}
.nav_li .trigger  li a{color: #fff;}
.nav_li .trigger  li:hover{background: url(../images/nav.png) no-repeat center center;}
.nav_li .trigger  li:first-child+li+li+li{margin-left:0;}
/* 首页_banner */

.banner{position:relative; z-index: 50; margin-top: -57px;}
.banner .hd{position:absolute;z-index:1;left:50%;bottom:20px;margin-left:-120px;}
.banner .hd ul li{display:inline-block;width:60px;height:4px;margin:0 10px;background:#fff;cursor:pointer;}
.banner .hd ul li.on{background:#bc9349;}
.banner .bd li{position:relative;height:468px;}
.banner .bd .pic1{background:url(../images/banner1.jpg) no-repeat center center;}
.banner .bd .pic2{background:url(../images/banner1.jpg) no-repeat center center;}
.banner .bd .pic3{background:url(../images/banner3.jpg) no-repeat center center;}
.banner .bd .pic3 a{position:absolute;z-index:1;left:46%;top:55%;display:inline-block;width:140px;height:65px;}
.banner .bd .pic3 a:hover{filter:alpha(opacity=80);opacity:0.8;}

.banner_arrow{position:absolute;left:50%;height:468px;margin-top:-468px;margin-left:-600px;}
.banner_arrow .prev,.banner_arrow .next{position:absolute;display:block;top:50%;width:44px;height:70px;margin-top:-35px;
	                                    background:url(../images/banner_arrow.png) no-repeat;filter:alpha(opacity=50);opacity:0.5;}
.banner_arrow .next{left:auto;right:0;background-position:-44px 0px;}
.banner_arrow .prev:hover,.banner_arrow .next:hover{filter:alpha(opacity=100);opacity:1;}
/* 首页_hot */
.nav_bottom{height: 134px; background: url(../images/hr2.png) no-repeat center center; margin-top: -20px; position: relative; z-index: 99;
	        -moz-box-shadow:0px 10px 20px #c4e4ec; -webkit-box-shadow:0px 10px 20px #c4e4ec; box-shadow:0px 10px 20px #c4e4ec;}
.nav_b{height: 134px;}
.hot{ width: 700px; height: 134px; margin-left: 250px;}
.hot ul li{width: 100px; height: 134px; font-size: 14px; line-height: 134px; float: left; color: #9b9b9b; text-align:center;}
.hot ul li a{color: #9b9b9b;}
.hot ul li a:hover{color: #eb9202;}
.hot ul li:nth-child(1){width:70px; color: #666;}
.hot ul li:first-child{width:70px; color: #666;}
.search{width: 244px; height: 44px; border: 1px solid #eb9202;border-radius:50px;overflow: hidden; margin-top: 44px; }
.frame{border: 0; width:174px; padding-left: 10px; color: #999;}
.press{ width: 60px; height: 44px; border: 0;background:#eb9202 url(../images/suo.png) no-repeat center;cursor: pointer;}
/*****/
.dynamic{ height: 796px; background: url(../images/dyn0.png) no-repeat center center; background-size: 100% 100%; 
          position:relative; z-index: 48; }
.dyn{height: 796px; padding-top: 60px;}
.dyn .dyn_top{width:540px; height: 80px; margin:0 auto; text-align: center;font-size:30px; font-weight: bold;
              background:url(../images/py.jpg);background-position: 0 0px;}
.dyn_top span{font-size:30px; color: #eb9202;}

.dyn_top .pp{font-size: 14px; color: #999;}

.dyn .dyn_bottom{height: 500px; margin-top: 30px;}
.dyn_bottom .dyn_l{width: 790px; height: 430px; background: url(../images/dyn2.png) no-repeat center center; margin-top: 13px;}
.dyn_bottom .dyn_l .dynl_l{width: 178px; height: 340px; font-size: 30px; text-align: center; color: #fff; line-height: 30px; padding-top: 90px;}
.dyn_bottom .dyn_l .tabBar{width: 612px; height: 430px;}
.tabBar{position:relative;}
.tabBar .hd{width: 542px; height: 60px;  float:left; }
.tabBar .hd ul{ z-index:5; position:relative;  zoom:1;}
.tabBar .hd ul li{width: 103px; height: 60px; float: left; margin-right: 10px;  font-size: 18px; font-weight:bold; text-align: center; line-height: 60px;}
.tabBar .jump{ float:left; width: 60px; height: 60px; text-align: center;line-height: 60px; background: #ff8c00;font-size: 30px;
              }
.tabBar .jump a{color: #fff; display: block; width: 60px; height: 60px;-webkit-transition:all 1s ease; }
.tabBar .jump a:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)scale;}

.tabBar .hd .on{ background: #ff8c00; color: #fff;}
.tabBar .hd ul li:hover{ background:#ff8c00; color: #fff; cursor: pointer;  transition:.3s ease 0s;}

.tabBar .con{ width: 582px; height:300px; padding: 35px 30px 35px 0;}
.tabBar .con .dynlrb_l{ width: 270px; height: 300px; }
.tabBar .con .dynlrb_r{ width: 284px; height: 300px; background: #fff;}
.tabBar .con .dynlrb_l .dynlrb_lp{ width: 250px; height: 110px; background: #f5f5f5; border-radius:  0 0 25px 25px; 
	                          font-size: 12px; color: #999; padding: 10px;overflow: hidden; line-height: 24px;padding-bottom: 0;}
.tabBar .con .dynlrb_l .dynlrb_lp a{font-size: 16px;display: block; color: #666; margin-bottom: 10px; }
.tabBar .con .dynlrb_l .dynlrb_lp a:hover{color: #eb9202;}
.tabBar .con .dynlrb_r ul li{width:284px; height: 22px; padding-bottom: 20px; margin-top: 15px; border-bottom-style:dashed; border-width: 1px; border-bottom-color: #e8e7e7; 
                          font-size: 14px; text-indent: 20px;white-space:nowrap; overflow: hidden;transition:all ease 0.5s; 
                        background: url(../images/dyn.jpg) no-repeat left 4px;}
.tabBar .con .dynlrb_r ul li a{color: #666;}
.tabBar .con .dynlrb_r ul li:hover{ text-indent: 25px; }
.tabBar .con .dynlrb_r ul li:hover a{color: #eb9202;}

.dyn_bottom .dyn_r{width:337px;height: 435px; background: url(../images/dyn3.png) no-repeat center center; padding: 35px 25px 30px 20px;}
.dyn_r .video{width: 337px; height: 224px;}

.dyn_r .dynr_b{width: 337px; height: 211px;}
.dyn_r .dynrb_wenben{width: 337px; height: 146px; font-size: 14px; color: #666;text-align: center; line-height: 30px; overflow: hidden;}
.dyn_r .dynrb_wenben span{display: block; font-size: 16px; font-weight: bold; color: #333;margin-top: 20px;}
.dyn_r .button{display: block;width: 153px; height: 56px; text-align: center; line-height: 56px; margin:0 auto; 
	           background: url(../images/dyn1.jpg)no-repeat center center;background-size:153px 56px;
               color: #fff; font-size: 14px;}
.dyn_r .button:hover{ background: #d77b0a;}           
/*******/
.strength{ height:auto; position:relative; z-index: 47; margin-top: -200px;
	      background: url(../images/index1.png) no-repeat center center; background-size:100% 100%;}
.str{height:auto; overflow: hidden; padding-top: 150px; padding-bottom: 170px;}
.str .str_t{width:540px; height:80px; margin: 0 auto; text-align: center; margin-top: 20px;color: #fff;
            background-image:url(../images/py.jpg);background-position: 0 160px;}
		
.str .str_t span{font-size:30px;  line-height: 50px; font-weight: bold; }
.str .str_t .pp{font-size: 14px;}
.str .str_b{height: auto; overflow: hidden; margin-top: 30px;}
.str_bl{width: 600px; height: 375px; float: left; margin: 20px 0px;}
.s1{background: url(../images/str1.png) no-repeat center center;}
.s2{background: url(../images/str2.png) no-repeat center center;}
.s3{background: url(../images/str4.png) no-repeat center center;}
.s4{background: url(../images/str3.png) no-repeat center center;}


.str .details{ width: 415px; height: 354px;}
.str .details_one{width: 392px; height: 225px; padding-top: 36px;}
.str .details_two{width: 392px; height: 225px; padding-top: 36px;}
.str .details_two .item_title{ font-size: 30px; font-weight: bold; color: #fff; display: block; margin-bottom: 15px;}
.str .details_two ul li{line-height: 28px; font-size: 16px; float: left; margin-right:20px; text-indent: 10px;margin-bottom: 20px}
.str .details_two ul li span{display:block; width:28px;color: #fff; height:28px; text-align: center; line-height: 28px; float: left; font-size: 15px; 
	        font-weight: normal;background: url(../images/dyn13.png) no-repeat center center; background-size: 28px 28px; text-indent: 0;}
.str .details_one span{ font-size: 30px; font-weight: bold; color: #fff; display: block; }
.str .details_one ul li{line-height: 28px;  font-size: 16px; float: left;margin-right:10px; text-indent: 10px;margin-bottom: 20px}
.str .details_one .item_title{margin-bottom: 15px;}
.str .details_one ul li span{display:block; width:28px; height:28px; text-align: center; line-height: 28px; float: left; font-size: 15px; 
	        font-weight: normal;background: url(../images/dyn12.png) no-repeat center center; background-size: 28px 28px; text-indent: 0;}
.str .details_one p{font-size: 16px; display: inline-block;}
.str .details_one p.intro_text{line-height: 30px;font-size: 14px}
.str .details_one b{font-size: 16px; font-weight: bold;display: inline-block; margin-bottom: 10px; padding-right: 10px;}

.str .deta{width: 150px; height: 63px;background: url(../images/nav1.png) no-repeat center center; margin-right: 76px;
            font-size: 14px; text-align: center; line-height: 63px; color: #fff; cursor: pointer;transition:all ease 0.5s;}
.str .detas{width: 150px; height: 63px;background: url(../images/nav.png) no-repeat center center; margin-right: 76px;
            font-size: 14px; text-align: center; line-height: 63px; color: #fff; cursor: pointer;transition:all ease 0.5s;}
.str .detas:hover{background: url(../images/nav2.png) no-repeat center center; color: #333; }
.str .deta:hover{background: url(../images/nav2.png) no-repeat center center; color: #333;}
/*******/
.project{ height: auto; position:relative; z-index: 46; margin-top: -150px;
	     background: url(../images/index3.png) no-repeat center center; background-size:100% 100%;}
.project .projects{height: 998px; padding-top: 140px; padding-bottom: 100px;
           background: url(../images/index.jpg) no-repeat center center;}
.projects .projects_t{height: 190px; line-height: 65px; padding-top: 90px;}
.projects .projects_t span{display: block; text-align: center; font-size: 30px; font-weight: bold; color: #fff;}
.projects .projects_t p{text-align: center; font-size: 14px; color: #fff;}
.projects .projects_t a{color: #fff;}
.projects .projects_t a:hover{color: #333;}

.project .project_b{height: 600px; padding: 40px 60px 60px 60px;}

.project .project_b_l{width: 306px; float: left; margin-right: 16px;}
.project .project_b_r{width: 758px; float: left; }
.project_b_l ul li{border-radius:15px; position:relative; text-align: center; overflow: hidden;}
.project_b_r ul li{float: left; margin-right: 16px; margin-bottom: 8px; border-radius:15px; position:relative; text-align: center; overflow: hidden;}

.project_b_l .upper{display: block; background: #fff; width: 160px; height: 105px; border-radius: 50%; padding-top: 55px; color: #333;
	                line-height: 20px; opacity:0.8; filter:Alpha(opacity=80%);transition:all ease .5s;}
.project_b_r .upper{display: block; background: #fff;width: 160px; height: 105px; border-radius: 50%;padding-top: 55px; color: #333;
	                line-height: 20px; opacity:0.8; filter:Alpha(opacity=80%);transition:all ease .5s;}

.project_b_l ul li:hover .upper{background: #333;margin-right: 16px; color: #fff; opacity:0.6; filter:Alpha(opacity=60%); -webkit-transform:scale(1.3);-moz-transform:scale(1.3);transition:all ease .5s; }
.project_b_r ul li:hover .upper{background: #333; margin-right: 16px;color: #fff; opacity:0.6; filter:Alpha(opacity=60%);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);transition:all ease .5s; }

.project_b_l ul li:first-child{width: 160px; height: 160px; margin-bottom: 8px; background: url(../images/index1.jpg) no-repeat; padding:100px 73px;}
.project_b_l ul li:first-child+li{width: 160px; height: 160px; background: url(../images/index22.jpg) no-repeat;  padding:38px 73px;}

.project_b_r ul li:first-child{width: 160px; height: 160px; background: url(../images/index3.jpg) no-repeat; background-size: 434px 276px; padding:58px 137px;}
.project_b_r ul li:first-child+li{width: 160px; height: 160px; margin-right: 0;background: url(../images/index4.jpg) no-repeat; background-size: 308px 276px; padding:58px 74px;}
.project_b_r ul li:first-child+li+li{width: 160px; height: 160px; margin-bottom: 0;background: url(../images/index5.jpg) no-repeat; background-size: 274px 320px; padding:80px 57px;}
.project_b_r ul li:first-child+li+li+li{width: 160px; height: 160px; margin: 0;background: url(../images/index6.jpg) no-repeat; background-size: 468px 320px; padding:80px 154px;}
/*****/
.newproduct{position:relative; z-index: 45; margin-top: -150px;
	        background: url(../images/index5.png) no-repeat center center; background-size:100% 100%;}
.newproduct .roll{height: 780px; padding-top: 170px; }
.newproduct .roll_top{width: 540px; height: 80px; margin:0 auto; text-align: center; font-size:30px; font-weight: bold; 
	                  background-image:url(../images/py.jpg);background-position: 0 240px;}
.newproduct .roll_top span{font-size:30px; color: #fff; line-height: 50px;}
.newproduct .roll_top .pp{font-size: 14px; color: #999;}

.roll_middle{ overflow:hidden; position:relative; margin-top: 50px;}

.roll_middle .hd{ width: 60px; height: 400px;}
.roll_middle .hdr{ width: 60px; height: 400px;}
.roll_middle .hd .next{display:block; width:50px; height:50px; margin-top: 120px; float:left; margin-right: 10px; overflow:hidden;
	                       background-image:url(../images/pn.jpg); background-position:0 50px;}
.roll_middle .hd .next:hover{ background-position:50px 50px;}
.roll_middle .hdr .prev:hover{background-position:50px 0;}

.roll_middle .hdr .prev{display:block; width:50px; height:50px; margin-top: 120px; float:right; overflow:hidden; 
	                    cursor:pointer; background-image:url(../images/pn.jpg); background-position:0 0;}   

.roll_middle .bd{width: 1080px; float: left;}
.roll_middle .bd ul{ overflow:hidden; zoom:1;}
.roll_middle .bd ul li{ margin:0 25px; float:left; display:inline;text-align:center; width:310px; height:400px;}
.roll_middle .bd ul li .pic{ text-align:center;width:310px; height:270px;}
.roll_middle .bd ul li .pic img{ width:310px; height:270px; display:block;}
.roll_middle .bd ul li .pic a:hover img{ border-color:#999;  }

.roll_middle .bd ul li .title{width:310px; height:100px;no-repeat center center;}
.roll_middle .bd ul li .title span{display: block; font-size: 16px; font-weight: bold; padding: 15px 0;}
.roll_middle .bd ul li .title a{display: block; width: 122px; height: 38px; border: 1px solid #ffecc2; 
	                            border-radius: 10px; text-align: center; line-height: 38px; margin: 0 auto;}
.roll_middle .bd ul li .title a:hover{background: #d77b0a; color: #fff; border: 0;}


.newproduct .roll_bottom{display: block; width: 150px; height: 60px; margin: 0 auto; background:url(../images/nav20.png) no-repeat center center; 
                         background-size: 150px 60px; border: 0; color: #fff; cursor: pointer;}
.newproduct .roll_bottom:hover{background:url(../images/nav3.png) no-repeat center center; background-size: 150px 60px; transition:all .3s ease 0s;}

/*****/
.cooperation{  position:relative; z-index: 44; margin-top: -190px;
	        background: url(../images/index2.jpg) no-repeat center center; background-size:100% 100%; } 
.cooperation .brands {padding-top: 150px;height: 560px; }
.cooperation .brand{ width: 540px; height: 80px; margin: 0 auto; text-align: center; 
                     background-image:url(../images/py.jpg);background-position: 0 400px; }
.cooperation .brand span{font-size:30px;  line-height: 50px; font-weight: bold;color: #eb9202; }
.cooperation .brand .pp{font-size: 14px;color: #999;}
.brand_business{ height: 350px; text-align: center; padding-top:50px; }

.linea{width: 122px; top:57px;position: absolute; visibility: hidden;}
.lineb{position: absolute;visibility: hidden; left: 98px;}
.linec{position: absolute;visibility: hidden; top:57px;left: 198px;}
.lined{position: absolute;visibility: hidden; left: 296px;}
.linee{position: absolute;visibility: hidden; top:57px;left: 394px;}
.linef{position: absolute;visibility: hidden; left: 492px;}
.lineg{position: absolute;visibility: hidden; top:57px;left: 592px;}
.lineh{position: absolute;visibility: hidden; left: 692px;}
.box{width: 820px;height: 350px;  margin-left: 190px; position: relative;}
.boxF, .boxS, .boxT, .overlay
{
	width: 122px;
    height: 106px;
    overflow: hidden;
}
.boxF, .boxS
{
	border: 1px solid #eb9202;
    visibility: hidden;
}
.boxF
{
	margin-bottom: 10px;
    transform: rotate(-60deg);    
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}
.boxS
{
    transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}
.boxT
{
    transform: rotate(120deg);
    background: no-repeat 50% center;
    background-size: 125% auto;
    -ms-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    visibility: visible;
}

/* 新添 */
@-webkit-keyframes turn {
  to {
    -webkit-transform: rotateY(360deg);
  }
}

@keyframes turn {
  to {
    transform: rotateY(360deg);
  }
}

/*-产品中心-*/
.product{background: url(../images/p.jpg) center center; background-size: 100% 100%; z-index: 42; margin-top: -58px;}
.product .package{overflow: hidden; padding-top:75px; padding-bottom: 65px;}
.product .productl{width: 288px; overflow: hidden; }
 .productl .productl_top{width: 288px; height: 288px; background: url(../images/p2.png) no-repeat center center; background-size: 288px 288px; }
 .productl .productl_top img{padding: 208px 53px 40px 53px;}
 .productl .productl_middle{width: 288px; overflow: hidden;background: #359bd5;}
 .productl .productl_middle ul li{width: 288px; height:75px;background-image:url(../images/p3.png); background-size:288px 75px; vertical-align: middle;
                                  font-size: 16px;  line-height: 85px; transition:all .3s ease 0s;}
 .productl .productl_middle ul li a{color: #fff; display: block;width: 288px; height:75px;}
 .productl .productl_middle ul li span{display: inline-block; width: 16px; height: 16px; float: left; margin:35px 5px 0 30px; 
 	                                   background:url(../images/p4.png)no-repeat;}
 .productl .productl_middle ul li:hover,.productl .productl_middle ul li.on{background-image:url(../images/p6.png); width: 268px;height:75px; margin-left: 20px;transition:all .3s ease 0s;}
 .productl .productl_middle ul li:hover a,.productl .productl_middle ul li.on a{color: #333;}
 .productl .productl_middle ul li:hover span, .productl .productl_middle ul li.on span{background:url(../images/p5.png)no-repeat;}

 .productl .productl_bottom{width: 288px; height: 360px; border-radius:0 0 0 20px; background: #359bd5; 
                             background:url(../images/p8.jpg) no-repeat; background-size: 288px 360px; }
 .productl .productl_bottom ul{ width: 288px; overflow: hidden; padding-top: 140px; }
 .productl .productl_bottom ul li{width: 100px; float: left; font-size: 14px; margin:0 0 10px 35px; }
 .productl .productl_bottom ul li a{display: block; width: 90px; float: left;color: #0d67b4;}
 .productl .productl_bottom ul li a:hover{color: #eb9202;}
 .productl .productl_bottom ul li span{float: left;color: #0d67b4;}
 .productl .productl_bottom ul li:nth-child(even) span{ display:none;}
 .productl .productl_bottom ul li:first-child+li span{ display:none;}
.product .productr{width: 912px;  overflow: hidden; background: #eb9202; border-radius: 20px;}
.product .productr .level{width: 852px;  overflow: hidden; background: #fff; border-radius: 20px; margin-bottom:5px; padding: 30px;}
 .level .level_top{width: 852px; height: 50px;}
 .level .level_top .level_t{width: 852px; height: 30px;}
 .level .level_top .level_t .side{height: 30px; background: url(../images/p9.jpg) no-repeat left; text-indent: 55px;
                                  line-height: 30px; font-size: 20px;  color: #0d67b4;}
 .level .level_top .level_t .side span{font-size: 14px; color:#eb9202; margin-left: 5px;}
 .level .level_top .level_t .dexter {color: #999;}
 .level .level_top .level_t .dexter a{color: #999;}
 .level .level_top .level_t .dexter a:hover{color: #eb9202;}
 .level .level_top .level_b{width: 852px; height: 20px;background: url(../images/p10.jpg) no-repeat center center; }

.level .level_bottom{ width: 852px; overflow: hidden; margin-top: 40px;}
.level .level_bottom ul{width: 882px; overflow: hidden;}

.level .level_bottom ul li{width: 264px; height: 226px; margin-right: 30px; border-radius: 30px; background: #4bb0ea; float: left; margin-bottom: 30px;transition:all .3s ease 0s;}
.level .level_bottom .img{width: 264px; height: 176px;border-radius: 30px 30px 0 0;}
.level .level_bottom .img img{border-radius: 32px 32px 0 0;}
.level .level_bottom ul li:hover{background: #eb9202;transition:all .3s ease 0s; }
.level .level_bottom ul li:hover img{width: 252px; height: 170px; padding: 6px 6px 0 6px; }
.level .level_bottom .plus{width: 264px; height: 50px; line-height: 50px; color: #fff;}

.level .level_bottom ul li span:nth-child(1){float: left; margin-left: 24px;}
.level .level_bottom ul li span:nth-child(2){float: right; margin-right: 24px;}
.level .level_bottom ul li span:first-child{float: left; margin-left: 24px;}
.level .level_bottom ul li span:first-child+li{float: right; margin-right: 24px;}
.level .paging{margin: 40px auto;height: 42px; line-height: 40px;left:50%;position: relative;float: left}
.level .paging .page_wrap{position: relative;left:-50%;}
.level .paging a{display: inline-block; float: left; width: 40px; height: 40px; border-radius: 50%; 
	              text-align: center; line-height: 40px; border: 1px solid #eb9202; margin-right: 6px; color: #eb9202;}
.level .paging .on{background: #eb9202; color: #fff;
                   float: left;  width: 40px; height: 40px; border-radius: 50%;
	              text-align: center; line-height: 40px; border: 1px solid #eb9202; margin-right: 6px;}
.level .paging a:hover{background: #eb9202; color: #fff;}
.level .paging .n{color: #f5c77d; margin-left: 10px;}
.level .paging .s{float: left;  width: 40px; height: 40px; border-radius: 50%;
	              text-align: center; line-height: 40px; border: 1px solid #eb9202; margin-right: 6px; color: #eb9202;}

/*-产品详情-*/
.level .content{width: 852px; height: 364px; margin-top: 30px;}
.content .content_l{width: 430px; height: 364px;}

/*preview-->css STAR*/
#preview{text-align:center;width:430px;}

.jqzoom{ width:430px;position: relative;}
.zoomdiv{ left:859px; height:400px; width:430px;}

#spec-n5{width:430px; height:58px; padding-top: 20px; overflow:hidden; }

#spec-left,#spec-right{ background:url(../images/btns.png) no-repeat;background-position:0 0; width:13px; height:56px; float:left; cursor:pointer; margin-top: 1px; }
#spec-right{background-position:right bottom;}
#spec-left:hover{background-position:left bottom;}
#spec-right:hover{background-position:right 0;}

#spec-list{ width:400px; height: 58px; float:left; overflow:hidden; display:inline; margin: 0 2px;}

#spec-list ul{float:left; overflow:hidden;}
#spec-list ul li{ float:left;  display:inline; width: 100px;height: 58px}
#spec-list ul li img{width:88px; height:54px;border: 2px solid rgba(235,146,2,0)}
/*jqzoom*/
.jqzoom{padding:0;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:400px;
	      display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px; left:0px; width:88px;height:68px;border:1px solid #aaa;
	        background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
/*preview-->css END*/


.content .content_r{width: 394px; height: 364px;}
.content .content_r h1{color: #eb9202; height: 44px; border-bottom-style: dashed;border-bottom-color: #dadada; border-width: 1px;}
.content .content_r .name{line-height: 30px;height: 224px; padding-top: 15px; color: #999;}
.content .content_r .name span{color: #333;}
.level .wenben{width: 852px; overflow: hidden; margin: 35px 0; font-size: 16px; line-height: 30px; padding: 30px 0 30px 0;
               border-bottom-style: solid;border-bottom-color: #dadada; border-width: 1px;
               border-top-style: solid;border-top-color: #dadada; border-width: 1px;}
.level .wenben p{margin-bottom: 30px; color: #999;}
.level .links{width: 852px; height: 30px; line-height: 30px; color: #666;}
.level .links ul li{float: left; height: 30px;}
.level .links ul li a{color: #666;}
.level .links ul li a:hover{color: #eb9202;}
.level .links ul li span{color: #999;}
.level .links ul li:nth-child(2){float: right;}
.level .links ul li:first-child+li{float: right;}

.level .push{width: 852px; height: 32px; text-indent: 20px; font-size: 20px; color: #0d67b4; font-weight: bold; 
	       background: url(../images/dyn.jpg)no-repeat left center; margin-top: 30px;}
.level .recommend{ width: 852px; overflow: hidden; margin-top: 40px;}
.level .recommend ul{width: 882px; overflow: hidden;}

.level .recommend ul li{width: 264px; height: 226px; margin-right: 30px; border-radius: 30px; background: #4bb0ea; float: left; margin-bottom: 30px;}
.level .recommend .img{width: 264px; height: 176px;border-radius: 30px 30px 0 0;}
.level .recommend .img img{border-radius: 32px 32px 0 0;}
.level .recommend ul li:hover{background: #eb9202; }
.level .recommend ul li:hover img{width: 252px; height: 170px; padding: 6px 6px 0 6px;}
.level .recommend .plus{width: 264px; height: 50px; line-height: 50px; color: #fff;}

.level .recommend ul li span:nth-child(1){float: left; margin-left: 24px;}
.level .recommend ul li span:nth-child(2){float: right; margin-right: 24px;}
.level .recommend ul li span:first-child{float: left; margin-left: 24px;}
.level .recommend ul li span:first-child+li{float: right; margin-right: 24px;}
/*-新闻中心-*/

.listl_bottom{width: 288px; height: 340px;background:url(../images/p13.jpg) no-repeat; background-size: 288px 360px; }
.listl_bottom ul{ width: 288px; overflow: hidden; padding-top: 140px; }
.listl_bottom ul li{width: 100px; float: left; font-size: 14px; margin:0 0 10px 35px; }
.listl_bottom ul li a{display: block; width: 90px; float: left;color: #0d67b4;}
.listl_bottom ul li a:hover{color: #eb9202;}
.listl_bottom ul li span{float: left;color: #0d67b4;}
.listl_bottom ul li:nth-child(even) span{display:none;}
.listl_bottom ul li:first-child+li span{display:none;}


.vice{width: 288px; height: 195px; border-radius: 0 0 0 20px; background: #3395cc;}
.vice .new{display: block; width: 252px; height: 68px; margin: 0 auto;margin-bottom:15px;background:url(../images/p14.jpg) no-repeat;}
.vice .news{display: block; width: 252px; height: 68px; margin: 0 auto; background:url(../images/p15.jpg) no-repeat;}
.vice .new a,.vice .news a{display: block;width:142px;height: 53px;padding:15px 0 0 110px;color:#0d67b4;}
.vice .new a:hover,.vice .news a:hover{color:#eb9202;}
.list{width: 852px; overflow: hidden; margin-top: 30px;}
.list ul li{width: 852px; height: 136px; border-bottom-style: solid;border-bottom-color: #dadada; border-width: 1px; margin-bottom: 28px; }
.list .left{width: 106px; height: 106px; border-radius: 50%; border:1px solid #ddb994; overflow: hidden;}
.list .left .left_t{width:106px; height: 53px; text-align: center; color: #eb9202; font-size: 20px; line-height: 53px; }
.list .left .left_b{width: 106px; height: 53px; background: #eb9202; text-align: center; color: #fff; float: 16px; line-height: 53px;}

.list .right{width: 730px; height: 86px;padding: 10px 0; line-height: 25px; overflow: hidden; color: #999;}
.list .m{font-size: 20px; font-weight: bold; color: #666;display: block; margin-bottom: 10px;}
.list ul li a{color: #38adf0;}
.list ul li:hover a{color: #eb9202;}

/*-新闻详情-*/
.chapter{width: 852px; height: 64px; line-height: 35px; text-align: center; padding-bottom: 20px; margin-top: 30px;}
.chapter p{display: inline-block; margin-right: 10px; color: #999;}

.article{width: 852px;overflow: hidden;min-height: 750px;border-bottom-style: solid;border-bottom-color: #dadada; border-width: 1px;
          border-top-style: solid;border-top-color: #dadada; border-width: 1px; padding: 30px 0; line-height: 35px; font-size: 16px; color: #666;}

.linktwo{width: 852px; height: 30px; line-height: 30px; color: #666; margin-top: 30px;}
.linktwo ul li{float: left; height: 30px;}
.linktwo ul li a{color: #666;}
.linktwo ul li a:hover{color: #eb9202;}
.linktwo ul li:nth-child(2){float: right;}
.linktwo ul li:first-child+li{float: right;}
.column{width: 852px; overflow: hidden; margin: 30px 0 20px 0; }
.column ul{width:852px; overflow: hidden;}
.column ul li{width: 234px; height: 26px;border-bottom-style: dashed;border-bottom-color: #dadada; border-width: 1px;  
              float: left; margin-right:50px; overflow: hidden; white-space:nowrap; margin-bottom: 10px;}
.column ul li a{color: #666;}
.column ul li:hover{color:#eb9202; text-indent: 10px;transition:all ease 1s;}
.column ul li:hover a{color:#eb9202;}
/*-底部-*/
.webbottom{height: 330px;  position:relative; z-index: 45; margin-top: -20px;
	        background: url(../images/index4.png) no-repeat center center; }     
.bottoms{height: 206px; padding-top: 70px;}
.bottoms .bottoms_l{width: 240px; height: 206px; background: url(../images/logo.png) no-repeat center center;}
.bottoms .bottoms_c{width: 810px; height: 206px;}
.bottoms .bottoms_c .bottomsc_t{width: 810px; height: 52px; margin-bottom:60px;}
.bottoms .bottoms_c .bottomsc_t ul li{width: 106px; height: 52px; float: left; background: url(../images/nav4.png) no-repeat center center;
                             margin: 0px 0px 0 27px; text-align: center; line-height: 52px; cursor: pointer;}
.bottoms .bottoms_c .bottomsc_t ul li a{color: #fff; font-size: 14px;}
.bottoms .bottoms_c .bottomsc_t ul li:hover,.bottoms .bottoms_c .bottomsc_t ul li.on{background: url(../images/nav3.png) no-repeat center center;transition:all ease 1s;}
.bottoms .bottoms_c .bottomsc_l{width: 293px; height: 80px; font-size: 12px; color: #fff; padding-left: 27px; line-height: 25px;}
.bottoms .bottoms_c .bottomsc_r{width: 445px; height: 80px; font-size: 12px;color: #fff;padding-left: 45px; line-height: 25px;}
.bottoms .bottoms_c .bottomsc_r a{color: #fff;}
.bottoms .bottoms_c .bottomsc_r a:hover{color: #fff770;}
.bottoms .bottoms_b{width: 120px; height: 206px; padding: 30px 0 0 30px;}
.bottoms .bottoms_b span{display: block; width: 120px; height: 34px; background:#4a92df; font-size: 14px; text-align: center; line-height: 34px; color: #fff;}

.link{height:55px; color: #fff;}
.link span{font-size: 14px; float: left;padding: 10px 0 0 0; } 
.link ul{ float: left;font-size: 14px;}
.link ul li{ float: left; padding: 10px 5px 3px 0; font-size: 14px;}
.link ul li a{color: #fff;}
.link ul li a:hover{color: #fff770;}

.webbottoms{height: 275px;  position:relative; z-index: 45; margin-top: -20px;
	        background: url(../images/index17.png) no-repeat center center; }     
.webbottoms .bottoms{height: 206px; padding-top: 70px;}
.webbottoms .bottoms .bottoms_l{width: 240px; height: 206px; background: url(../images/logo.png) no-repeat center center;}
.webbottoms .bottoms .bottoms_c{width: 810px; height: 206px;}
.webbottoms .bottoms .bottoms_c .bottomsc_t{width: 810px; height: 52px; margin-bottom:60px;}
.webbottoms .bottoms .bottoms_c .bottomsc_t ul li{width: 106px; height: 52px; float: left; background: url(../images/nav4.png) no-repeat center center;
                             margin: 0px 0px 0 27px; text-align: center; line-height: 52px; cursor: pointer;}
.webbottoms .bottoms .bottoms_c .bottomsc_t ul li a{color: #fff; font-size: 14px;}
.webbottoms .bottoms .bottoms_c .bottomsc_t ul li:hover{background: url(../images/nav3.png) no-repeat center center;transition:all ease 1s;}
.webbottoms .bottoms .bottoms_c .bottomsc_l{width: 293px; height: 80px; font-size: 12px; color: #fff; padding-left: 27px; line-height: 25px;}
.webbottoms .bottoms .bottoms_c .bottomsc_r{width: 445px; height: 80px; font-size: 12px;color: #fff;padding-left: 45px; line-height: 25px;}
.webbottoms .bottoms .bottoms_c .bottomsc_r a{color: #fff;}
.webbottoms .bottoms .bottoms_c .bottomsc_r a:hover{color: #fff770;}
.webbottoms .bottoms .bottoms_b{width: 120px; height: 176px; padding: 30px 0 0 0px;}
.webbottoms .bottoms .bottoms_b span{display: block; width: 120px; height: 34px; background:#4a92df; font-size: 14px; text-align: center; line-height: 34px; color: #fff;}