@charset "utf-8";
/* CSS Document */
/*index*/
.indexone{ height:230px; background:url(../images/bj01.jpg) no-repeat center center;}
.indextwo{ margin-bottom:10px;}
.indextwo ul{ margin-top:-180px; overflow:hidden;}
.indextwo ul li{ float:left; width:340px; margin-right:40px; margin-bottom:30px;
border-radius:4px; overflow:hidden; background:#f3f7f9;}
.indextwo ul li img{ display:block; width:353px; height:180px;}
.indextwo ul li p{text-align:center; font-size:14px; color:#31383e; line-height:60px; }
.indexthree .content_box{ overflow:hidden;}
.ithreel{ float:left; margin-right:40px; width:747px; height:320px; border-radius:6px; overflow:hidden;}
.ithreel ul li{ float:left; width:249px; height:160px; position:relative;}
.ithreel .imgblur{	
    filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
    -webkit-filter: blur(3px); /* Chrome, Opera */
       -moz-filter: blur(3px);
        -ms-filter: blur(3px);    
            filter: blur(3px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false); /* IE6~IE9 */
}
.ithreel .hoverbox{ opacity:1; filter:Alpha(opacity=100);
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;}
.ithreel .icon{ position:absolute; top:20px; left:80px;}
.ithreel p{ position:absolute; bottom:20px; width:249px; text-align:center; font-size:14px;
color:#fff;}
.ithreel ul li:hover .hoverbox{ opacity:0;}
.ithreel ul li:hover p{ color:#087aca;}
.ithreel ul li:hover .imgblur{ filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
    -webkit-filter: blur(0px); /* Chrome, Opera */
       -moz-filter: blur(0px);
        -ms-filter: blur(0px);    
            filter: blur(0px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false); /* IE6~IE9 */}

.ithreer{ float:right;width:353px; height:320px; border-radius:6px; overflow:hidden; background:#f3f7f9;}
.ithreer ul{ padding:10px 25px;}
.ithreer ul li{ overflow:hidden; padding:15px 0; border-bottom:1px solid #e0e4e5;height:71px;}
.ithreer img{ float:left; margin-right:20px;}
.ithreer .indextxt1{ float:left;}
.ithreer .indextxt-bj1{ color:#0088d6; margin-left: 78px;margin-top: -87px;}
.ithreer .indextxt-bj2{ color:#ed5935; margin-left: 78px;margin-top: -72px;}
.ithreer .indextxt-bj3{ color:#63a42e; margin-left: 78px;margin-top: -72px;}
.ithreer h3{ font-size:16px; margin-top:5px;}
.ithreer h4{ font-size:12px;}
.ithreer p{ margin-top:-5px; margin-bottom:5px;}
.ithreer p span{ display:inline-block; width:20px; height:1px;}
.ithreer .indextxt-bj1 span{ background:#00a6e2;}
.ithreer .indextxt-bj2 span{ background:#ed5935;}
.ithreer .indextxt-bj3 span{ background:#63a42e;}
.indexfour{ height:440px; background:url(../images/bj03.jpg); margin-top:50px;}
.indexfour .content_box{ overflow:hidden; padding-top:55px;}
.ifourl{ float:left;width:747px; height:330px; border-radius:6px; overflow:hidden;
background:url(../images/bj02.png);}
.ifourlcont{ padding:18px 40px 40px 30px;}
.indextit{ padding-left:18px; background:url(../images/picindex01.jpg) no-repeat left center;
font-size:18px; color:#087aca; margin-bottom:15px;}
.ifourldel{ overflow:hidden;}
.ifourl img{ float:left; margin-right:30px; width:200px; height:230px; border-radius:3px;}
.ifourl .indextxt2{ float:left; height:230px; overflow:hidden; width:446px; position:relative;}
.ifourl p{ margin-bottom:20px; font-size:14px; color:#535353; line-height:24px;}
.moreview1{ position:absolute; bottom:0px; left:0px;}
.moreview1 a{ display:inline-block; width:120px; height:35px; background:#087aca; border-radius:3px; text-align:center;
font-size:12px; color:#fff; line-height:35px;} 
.ifourr{ float:right;width:353px; height:330px; position:relative; border-radius:6px; overflow:hidden;}
.playic1{ position:absolute; top:110px; left:140px; cursor:pointer;}
.indexfive{ height:320px;margin-top:50px; margin-bottom:50px;}
.indexfive .content_box{ overflow:hidden; }
.ifivel{ float:left;width:747px; height:330px; border-radius:6px; overflow:hidden;
background:url(../images/bj03.png);}
.ifivelcont{ padding:18px 25px 20px 30px; position:relative;}
.ifivelcont .indexnews li{ overflow:hidden;border-top:1px solid #e6e8e8;}
.ifivelcont .indexnews a,.ifivelcont .indexnews span{ display:inline-block; line-height:45px; }
.ifivelcont .indexnews a{ float:left; color:#5f5f5f; font-size:14px; width:600px;}
.ifivelcont .indexnews span{ float:right; color:#b2b2b2;font-size:12px;}
.ifivelcont .indexnews a:hover i{ color:#0f87db; text-decoration:underline; font-weight:bold;}
.ifivelcont .indexnews a:hover b{color:#0f87db; font-weight:bold;}
.moreview2{ position:absolute; top:25px; right:25px;}
.moreview2 a{ font-size:12px; color:#b2cfed;} 
.ifiver{ float:right;width:353px; height:330px; border-radius:6px; overflow:hidden; position:relative;}
.ifiver .indextxt3{ background:#087aca; height:110px; position:absolute; bottom:0px; left:0px;}
.ifiver .indextxt3-cont{ padding:20px;}
.ifiver h3{ padding-left:20px; background:url(../images/picindex02.jpg) no-repeat left center;
font-size:18px; color:#fff; margin-bottom:5px;}
.ifiver p{font-size:12px; color:#fff; line-height:20px;}
.indexbrand{ text-align:center; margin-bottom:50px;}
/*product*/
.product1{ margin-bottom:10px;}
.product1 ul{ overflow:hidden;}
.product1 ul li{ float:left; width:340px; margin-right:40px; margin-bottom:30px;
border-radius:4px; overflow:hidden; background:#fff;}
.product1 ul li img{ display:block; width:353px; height:180px;}
.product1 ul li p{text-align:center; font-size:14px; color:#31383e; line-height:60px; }
.promod{ margin-top:25px;}
.promod1{ background:#f5f7f9; overflow:hidden;}
.promod1 .img1,.promod1 .img2{ display:block; border:1px solid #ededed; width:423px; height:258px;}
.promod1 .img2{ height:228px; width:438px;}
.promod1 p{ width:355px;}
.protxt{ padding:20px 0px 20px 30px; overflow:hidden;}
.protxt h3{ font-size:18px; color:#0d72ce;}
.promod2 h3{ margin-bottom:15px; font-size:18px; color:#0d72ce;}
.promod2 ul{ overflow:hidden;}
.promod2 ul li{ float:left; margin-right:10px; border:1px solid #edf0f2; width:210px; height:280px;}
.promod2 ul li img{ margin:10px 8px; display:block; width:193px; height:136px;}
.promod2 ul li p{ padding:15px 20px 0 20px;border-top:1px solid #edf0f2;}
.bjp1,.bjp2,.bjp3,.bjp4{ background:url(../images/bjp01.jpg) no-repeat bottom left; width:210px; height:124px;}
.bjp2{ background-image:url(../images/bjp02.jpg);}
.bjp3{ background-image:url(../images/bjp03.jpg);}
.bjp4{ background-image:url(../images/bjp04.jpg);}
.img-about1{ width:430px; height:230px;}
.img-about2{ width:380px; height:250px; float:right; margin-left:24px;}
.newslist{ margin:20px 0 20px -20px;float:left}
.newslist ul{ overflow:hidden;}
.newslist ul li{ float:left; margin-right:20px; margin-bottom:20px; padding:10px 15px;
width:250px; height:350px; background:#f5f7f9;
-webkit-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
transition:all 0.4s linear;}
.newslist h2{ height:44px; font-size:18px; color:#025daf; line-height:22px; overflow:hidden;}
.newslist h3{ color:#a2a2a2; font-size:14px; margin-bottom:6px;}
.newslist img{ display:block; width:250px; height:130px; margin-bottom:15px;}
.newslist p{height:72px; overflow:hidden; margin-bottom:15px; font-size:12px; color:#5d5d5d; line-height:24px;}
.newslist .moretxt a{ font-size:12px; color:#282828;}
.newslist ul li:hover{ background:#0d72ce;}
.newslist ul li:hover h2{ color:#fff;}
.newslist ul li:hover h3{ color:#78a4dd;}
.newslist ul li:hover p{ color:#b6d5f1;}
.newslist ul li:hover .moretxt a{ color:#fff;}
.newsdel,.vediodel{ margin-bottom:110px;}
.newsdel h3,.vediodel h3{ font-size:30px; color:#404040;}
.newsdel h4,.vediodel h4{ font-size:14px; color:#a2a2a2; padding-bottom:15px; border-bottom:1px solid #e1e1e1;
margin-bottom:40px;}
.newsguide{ margin-top:65px;}
.newsguide a{ color:inherit;}
.mainr2cont{ background:#f5f7f9; padding:10px 28px 50px 28px;}
.titrm1{ height:50px; background:#0d72ce;}
.titrm1 span{ display:inline-block; font-size:18px; color:#fff; line-height:50px; margin-left:28px;}
.mainr2cont ul li{ padding:15px 0; border-bottom:1px solid #dcdee0;}
.mainr2cont ul li h3{ font-size:14px; color:#5d5d5d; line-height:24px;}
.mainr2cont ul li h4{ font-size:14px; color:#9f9f9f; line-height:24px;}
.aboutbj1{ background:#f5f7f9; height:320px;}
.aboutbj1 ul{ padding:20px 35px 0 35px;}
.aboutbj1 ul li{ overflow:hidden; padding-bottom:15px; border-bottom:1px solid #dcdee0;}
.aboutbj1 ul li span{ display:inline-block; font-size:14px; color:#5d5d5d; width:220px;}
.partnerbox ul{ overflow:hidden;}
.partnerbox ul li{ margin-bottom:-92px; margin-right:20px; float:left; width:199px;}
.partnerbox ul li p{ height:115px; /*overflow:hidden;*/ font-size:14px; color:#5d5d5d; line-height:20px; margin-top:10px;}
.partnerbox ul li img{ border:1px solid #e2e5e7; display:block; width:203px; height:98px; opacity:0.5;}
.partnerbox ul li img:hover{ border-color:#0d72ce; opacity:1;}
.imgfl1{ float:left; width:320px; height:200px; margin-right:20px; margin-bottom:20px;}
.imgfr1{ float:right; width:350px; height:200px; margin-left:20px;}
.quesbox{ margin-bottom:30px;}
.quesbox ul li{ margin-bottom:10px;}
.titques{ background:#f4f7f9; height:60px; position:relative;}
.titques span{ margin-left:20px; padding-left:48px; display:inline-block; cursor:pointer;
background:url(../images/pic10.png) no-repeat left center; font-size:14px; color:#494949; line-height:60px;}
.titques i{ position:absolute; right:20px; top:20px; display:inline-block;
width:21px; height:12px; background:url(../images/picarrb01.png) no-repeat;
-webkit-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-o-transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);}
.titques span:hover{color:#0d72ce;}
.quesbox ul .curques .titques span{ color:#0d72ce;}
.quesbox ul .curques .titques i{background:url(../images/picarrt01.png) no-repeat;
-webkit-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-o-transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
}
.quesdel{ background:#f4f7f9; padding:5px 20px 35px 20px; display:none;}
.quesdel p{ padding-left:48px;background:url(../images/pic11.png) no-repeat left 0px;}
.quesbox ul .curques .quesdel{ display:block;}

/*forms*/
.contactbox{ margin-top:20px;}
.mainform-box1{ width:100%;background:#f4f7f9;}
.listform{ display:inline-block; padding:40px 0;}
.listform li{ margin-bottom:18px; float:left;}
.listform li .tit1{ float:left; margin-right:10px; width:140px; text-align:right;
font-size:14px; color:#5d5d5d; line-height:42px;}
.listform li .tit1 i{ color:#d00a0a; margin-right:3px;}
.listform li .inpbox1{ float:left; position:relative;}
.listform li .inp1{ width:240px; height:40px; text-indent:10px; background:#fff; border:1px solid #eee;
font-size:14px; color:#5d5d5d; border-radius:2px;}
.listform li .inpbox1-s1{ float:left; margin-right:10px; width:140px; position:relative;}
.listform li .ic-inp1{ position:absolute; top:4px; right:0px; width:10px; height:10px; background:#666; display:inline-block; }
.listform li .btnbox1{ float:left; text-align:center;}
.listform li .btn1{ width:134px; height:42px; background:#0d72ce; border:none; font-size:14px; color:#fff;
border-radius:2px; cursor:pointer;}
.listform li .tarea1{ width:610px; height:138px; padding:10px; background:#fff; border:1px solid #eee;
font-size:14px; color:#5d5d5d; border-radius:2px;}
.listform .yzmbox{ float:left; margin-left:16px; margin-right:30px;}
/*jobs*/
.box_job{ margin-top:20px;}
.box_job h2{margin-bottom:15px;font-size:14px; color:#0d72ce; font-weight:bold;}
.box_job h2 span{ display:inline-block; width:250px;margin-right: -72px;}
.box_job h2 .firsts{ padding-left:30px; width:375px;}
.item_job{margin-bottom:10px;}
.box_jobtit{background:#f5f7f9;overflow:hidden;cursor:pointer; position:relative;}
.box_jobtit span{float:left;display:inline-block;width:140px;}
.font_jobtit{font-size:16px;line-height:60px;color:#636363;}
.cur_itemjob .font_jobtit{color:#0d72ce;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.box_jobtit .first_jobtit{ padding-left:30px; width:375px;}
.box_jobtit .last_jobtit{width:190px;}
.box_jobdel{border-top:1px solid #e7e9eb;
padding:20px 30px 40px 30px;background:#f5f7f9;display:none;}
.font_jobtxt{font-size:14px;color:#4a4a4a;line-height:24px;}
.box_job .font_tita{ font-size:14px; color:#4a4a4a; font-weight:bold;}
.icjob1{ position:absolute; right:20px; top:20px; display:inline-block;
width:21px; height:12px; background:url(../images/picarrb01.png) no-repeat;
-webkit-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-o-transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);}
.cur_itemjob .icjob1{background:url(../images/picarrt01.png) no-repeat;
-webkit-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-o-transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
}
.mapbox1{ margin-bottom:20px; text-align:center;}
.vediomod{ position:relative; width:800px; height:400px;}
.btnplayvedio{ position:absolute; top:30%; left:50%; z-index:10; cursor:pointer; margin-left:-35px;
display:inline-block; width:70px; height:70px; background:url(../images/picplay01.png) no-repeat;}
.vediobox{ margin-top:20px;}
.vediolist{ overflow:hidden;}
.vediolist li{ margin-right:20px; margin-bottom:20px; width:273px; float:left;}
.vediolist li .imgvedio1{ position:relative;width:273px; height:200px; }
.vediolist li .imgvedio1 img{ display:block;width:280px; height:200px; }
.vediolist li p{ height:60px; text-align:center; background:#f4f7f9;
 width:103%; font-size:16px; color:#585858; line-height:60px;}
.invbox{ margin-top:20px;}
.invbox .imglist1,.invbox .imglist2{ overflow:hidden;}
.invbox .imglist1 li{ width:270px; float:left;}
.invbox .imglist1 img{ display:block; width:270px; height:140px;}
.invbox .imglist1 p{ margin-top:15px; font-size:14px; color:#5d5d5d; line-height:24px;}
.invbox .imglist1 .limr1{ margin:0 25px;}
.invbox .imglist2 li{ overflow:hidden; height:150px; background:#f4f7f9; margin-bottom:20px;}
.invbox .imglist2 img{ float:left; width:250px; height:150px; margin-right:20px;}
.invbox .imglist2 .txtbox{ float:left; width:592px;margin-left:266px;margin-top:-143px;}
.invbox .imglist2 h3{ font-size:18px; color:#000; font-weight:bold; padding-top:15px; margin-bottom:8px;}
.invbox .imglist2 p{ font-size:14px; color:#5d5d5d; line-height:24px; height:154px; overflow:hidden;}
/*concact adr*/
.adrbox{ overflow:hidden; height:300px; background:#f5f7f9;}
.adrbox img{ float:right; width:440px; height:300px;}
.adrcont{ float:left; padding:20px 30px;}
.adrcont p{ font-size:14px; color:#5d5d5d; line-height:24px; width:380px;overflow:hidden;}
.adrcont p i{ color:#0d72ce;}