/*-----------------------------------------------------------------------------------------------------------------------*/
/* 走进*/
.g_zj{height:40.4rem;padding-top:0.5rem; background:url(../images/abbg.jpg) repeat-x;background-size: 100%;}
.g_zj h2{height:7.2rem;padding-top: 2.2rem; text-align: center;background-size: 100%;font-size: 2.2rem;color: #333333;font-weight: normal;margin: 0 3%;}
.g_zj h2 a{ display:block;}
.g_zj h2 a em{display:block;margin:0 auto;width: 20%;}
.g_zj h2 a em img{ width: 100%;}
.g_zj h2 a b{display:block;color: #666;font-size:1.5rem; line-height:4rem; font-weight:normal;background:url(../images/ht.jpg) no-repeat 0 0.4rem;background-size: 100%;}
.g_zj dl{background:#f2f2f2 url(../images/abbg2.gif) no-repeat;background-size: 100%; height:30.5rem;}
.g_zj dt{margin: 0 6%;}
.g_zj dt img{display: block;width: 100%;}
.g_zj dd p{color: #666;font-size: 1.1rem;line-height: 1.8rem;overflow: hidden; font-weight:normal; margin: 1rem 0;}
.g_zj dd p a{color: #666;}
.g_zj dd{margin: 0 3%;}

.g_zjul{ background:#0172ff;margin: 0 6%; }
.g_zjul li{float: left;width: 25%;text-transform: uppercase;border-right: 1px  solid #348eff;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.g_zjul li em{display: block;width:20%;padding-top: 0.5rem; margin: 0 auto;}
.g_zjul li img{width: 100%;display: block;}
.g_zjul a{ color:#fff;line-height:2rem;display:block;text-align:center;font-size: 1rem;position: relative;}




/* 产品*/
.g_cp{height: 46.2rem;}
.g_cp h2{background-size: 100%;padding-top: 2.2rem;text-align: center;height: 7.2rem;font-size: 2.2rem;color: #252a30;font-weight: normal; margin:0 1rem;}
.g_cp h2 a{color: #252a30;display: block;font-size: 2.2rem;}
.g_cp h2 a b{font-size: 1.2rem;display: block;line-height:4rem; font-weight:normal;background:url(../images/ht.jpg) no-repeat 0 0.4rem;background-size: 100%;}
.g_cp ul{margin:0 1rem;}
.g_cp li{float: left;width: 47%;margin-right: 4%;background:#f7f7f7;border: 1px solid #eeeeee;}
.g_cp li img{width: 100%;display: block;}
.g_cp li em{display: block;width: 100%;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.2rem;color: #666; background:#f7f7f7;}
.g_cp li:nth-child(2),.g_cp li:nth-child(4){margin-right:0;}
.g_cp li:nth-child(3),.g_cp li:nth-child(4){margin-top:1.3rem;}
.g_cp .gduo{ text-align:center; background:url(../images/cpmo.gif) no-repeat 0 0.4rem;background-size: 100%; margin:2.5rem 26%; height:4rem;  line-height:4rem;}
.g_cp .gduo a{ color:#fff;font-size: 1.2rem;text-align:center;display:block;}



/**/
.g-dz{height: 36rem; background:url(../images/dbg.jpg) no-repeat center top;padding-top: 4.35rem;
 -webkit-background-size: 100% 28.75rem;  
 -moz-background-size: 100% 28.75rem;  
 -o-background-size: 100% 28.75rem;  
 background-size:  100% 28.75rem; }

.dz_con{width: 93.75%;margin: auto;overflow:hidden;}
.dz_con h2{color: #fff;font-size:2.1rem;text-align: center;display: block;margin-bottom: 1.8rem;}
.dz_con h2 em{display: block;color: #fff;font-size:1rem;font-weight: normal;padding-top: 0.88rem; }

.dz_con dl{margin-bottom: 0.5rem;height: 11rem;float: left;width: 100%;}
.dz_con dt{float: left;width: 43.33%;height: 11rem;display: block;}
.dz_con dt img{width: 100%;display: block;}

.dz_con dd{width: 56.67%;float: right;background: #f7f7f7;height: 11rem;display: block;}
.dz_con dd h3{color: #222;font-size:1.2rem;margin-left:5.8%;padding-bottom: 0.8rem;padding-top: 1.35rem;
 background:url(../images/dline.jpg) no-repeat center bottom;
 -webkit-background-size: 100% 0.1rem;  
 -moz-background-size: 100% 0.1rem;  
 -o-background-size: 100% 0.1rem;  
 background-size:  100% 0.1rem; }
.dz_con dd p{color: #666;font-size:0.9rem;line-height: 2rem;padding-top: 1.5rem;margin-left:5.8%;}

.dz_con2{width:100%;margin:0 auto;overflow:hidden;}
.dz_con2 .xx{width:100%;margin:0 auto;overflow:hidden;}


.g-dz .m-cnt{padding-top: 1.5rem;padding-left: 38.75%;}
.g-dz .m-cnt li{width: 2.4rem;height: 2.4rem;float: left;margin:0 0.775rem;}
.g-dz .m-cnt li a{width: 2.4rem;height: 2.4rem;border-radius: 2.4rem;font-family:arial;
    background:#d3d3d3;color: #fff;text-align: center;line-height: 2.4rem;
    font-weight: bold;font-size: 1.2rem;display: block;}
.g-dz .m-cnt li.z-on a{background: #0172ff;}
.g-dz .m-cnt li:nth-child(1){margin-left: 0;}


/**/
.case{width: 93.75%;}
.case h2{color: #333;font-size:2.3rem;text-align: center;display: block;margin-bottom: 1.8rem;
 background:url(../images/nline.jpg) no-repeat center 3.63rem;
 -webkit-background-size: 100% 0.1rem;  
 -moz-background-size: 100% 0.1rem;  
 -o-background-size: 100% 0.1rem;  
 background-size:  100% 0.1rem; }
.case h2 em{display: block;color: #252a30;font-size:1.2rem;font-weight: normal;padding-top: 1.5rem; }

.g-case ul{border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-bottom: 1.5rem;height:7rem;}
.g-case ul li{width: 25%;float: left;}
.g-case ul li.z-on{background: #ff7800;}
.g-case ul li.cur{background: #e6e6e6;}
.g-case ul li.z-on a{color: #fff;}
.g-case ul li a{height:3.5rem; display: block;line-height: 3.5rem;text-align: center;color: #222;font-size: 1.2rem;}

.case_con,.case_con2{width: 93.75%;margin:0 auto 0.3rem;}
.case_con .case1{display: block;}
.case_con .case1 img,.case_con2 .case3 img,.case_con2 .case2 img{display: block;width: 100%;}
.case_con .case1 span,.case_con2 .case3 span,.case_con2 .case2 span{height:3rem;line-height: 3rem;
	display: block;text-align: center;color: #666;font-size: 1.1rem;}

.case_con2 .case2{width:48.33%;display: block;float: left;}
.case_con2 .case3{width:48.33%;display: block;float: right;}

.g-case em a{display: block;font-size:1.1rem; color: #fff;width: 50%;height: 3rem;display: block;;margin: 1.6rem auto 2rem;
 background: #ff7800;text-align: center;line-height: 3rem;border-radius: 2rem;}


/**/
.ys{margin-top: 3.7rem;position: relative;}
.g-ys1{height: 77.65rem; background:url(../images/ys_bg.jpg) no-repeat center center;
 -webkit-background-size: 100% 100%; 
 -moz-background-size: 100% 100%; 
 -o-background-size: 100% 100%; 
 background-size:  100% 100%; }
 .g-ys2{height: 77.65rem; background:url(../images/ys_bg2.jpg) no-repeat center center;
 -webkit-background-size: 100% 100%; 
 -moz-background-size: 100% 100%; 
 -o-background-size: 100% 100%; 
 background-size:  100% 100%; }


.ys_con{width: 93.75%;margin: 0 auto;}

.ys_con dl.dl01,.ys_con dl.dl03{padding-top: 29.85rem;}
.ys_con dl.dl02,.ys_con dl.dl04{padding-top: 22.3rem;}
.ys_con dl.dl02 dt,.ys_con dl.dl04 dt{border-bottom: 1px solid #48a2f8;color: #fff;}
.ys_con dl.dl02 dd,.ys_con dl.dl04 dd{color: #fff;}
.ys_con dl.dl02 dd::before,.ys_con dl.dl04 dd::before{background: #fff none repeat scroll 0 0;}


.ys_con dt{font-size:1.3rem; color: #0172ff;padding-bottom: 0.7rem;font-weight: bold;padding-left:11.33%;margin-bottom: 1rem;}
.ys_con dt em{font-family: arial;display: block;font-size:0.6rem; color: #d6d6d6;font-weight: normal;padding-top: 0.2rem;
	text-transform: uppercase;}
.ys_con dd{font-size:1.1rem; color: #666;line-height: 2.1rem;padding-left:7%;position: relative;}
.ys_con dd::before {
    background: #999 none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    height: 7px;
    left: 3.5%;
    position: absolute;
    top: 1rem;
    width: 7px;
}



.ys_con dl.dl01 dt{background:url(../images/01.png) no-repeat left top;
 -webkit-background-size: 9.66% 2.5rem;
 -moz-background-size: 9.66% 2.5rem; 
 -o-background-size: 9.66% 2.5rem;
 background-size:  9.66% 2.5rem;}

.ys_con dl.dl02 dt{background:url(../images/02.png) no-repeat left top;
 -webkit-background-size: 9.66% 2.5rem;
 -moz-background-size: 9.66% 2.5rem; 
 -o-background-size: 9.66% 2.5rem;
 background-size:  9.66% 2.5rem;}

.ys_con dl.dl03 dt{background:url(../images/03.png) no-repeat left top;
 -webkit-background-size: 9.66% 2.5rem;
 -moz-background-size: 9.66% 2.5rem; 
 -o-background-size: 9.66% 2.5rem;
 background-size:  9.66% 2.5rem;}

.ys_con dl.dl04 dt{background:url(../images/04.png) no-repeat left top;
 -webkit-background-size: 9.66% 2.5rem;
 -moz-background-size: 9.66% 2.5rem; 
 -o-background-size: 9.66% 2.5rem;
 background-size:  9.66% 2.5rem;}


.ys .m-cnt{padding-top: 1.5rem;padding-left: 38.75%;position: absolute;bottom: 3.5rem;}
.ys .m-cnt li{width: 2.4rem;height: 2.4rem;float: left;margin:0 0.775rem;}
.ys .m-cnt li a{width: 2.4rem;height: 2.4rem;border-radius: 2.4rem;font-family:arial;
    background:#fff;color: #0279ff;text-align: center;line-height: 2.4rem;
    font-weight: bold;font-size: 1.2rem;display: block;}
.ys .m-cnt li.z-on a{background: #ff7800;color: #fff;}
.ys .m-cnt li:nth-child(1){margin-left: 0;}



/**/
.g-news{padding-top: 2.8rem;width: 93.75%;margin:0 auto;}
.g-news h2{color: #333;font-size:2.3rem;text-align: center;display: block;margin-bottom: 1.8rem;
 background:url(../images/nline.jpg) no-repeat center 3.63rem;
 -webkit-background-size: 100% 0.1rem;  
 -moz-background-size: 100% 0.1rem;  
 -o-background-size: 100% 0.1rem;  
 background-size:  100% 0.1rem; }
.g-news h2 em{display: block;color: #252a30;font-size:1.2rem;font-weight: normal;padding-top: 1.5rem; }

.tab03{ width:100%; margin:1.2rem auto 1rem; box-sizing:border-box; height:3.5rem;}
.tab03 a{ display:block; width:33.333%; height:3.5rem; border:1px solid #d8d8d8; box-sizing:border-box; float:left; text-align:center; font-size:1.2rem; color:#111; line-height:3.5rem;}
.tab03 .active{ color:#fff; background:#ed7020;border:1px solid #ed7020; }

.new2{width:100%; margin:0 auto;}
.new2 li{ height:3.2rem; border-bottom:1px dotted #bababa; font-size:1.2rem; line-height:3.2rem; color:#666; overflow:hidden;}
.new2 a:last-child li{ border:0;}
.new2 li span{float: right; color: #b6b6b6;}
.new em a{display: block;font-size:1.1rem; color: #fff;width: 50%;height: 3rem;display: block;;margin: 1.6rem auto 2rem;
 background: #ff7800;text-align: center;line-height: 3rem;border-radius: 2rem;}
.new{overflow: hidden;}
   


/**/
.g-about{height: 31.2rem; background:url(../images/video.jpg) no-repeat center top;position: relative;
 -webkit-background-size: 100% 18rem;  
 -moz-background-size: 100% 18rem; 
 -o-background-size: 100% 18rem;
 background-size:  100% 18rem; }
.about{width:93.75%;margin:0 auto;} 
.about h2 a{display: block;width: 20%;height:6rem;position: absolute; top: 15rem;left: 40%;}
.about h2  img{width: 100%;display: block;}
.about p{color: #666;font-size:1.1rem;line-height: 1.8rem;padding-top: 22rem;}
.about p a{color: #ff7800;}


html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}