@charset "utf-8";
html{overflow-x:hidden}
body{font-size:16px;font-family:"微软雅黑";}
html,body{height:100%;width:100%;}
p,h1,h2,h3,h4,h5,h6,dd,dt,dl,li,ol,body,html,form,textarea,input,select,table,ul{margin:0;padding:0;}
ul,li,ol{list-style:none;}
a,u,button{text-decoration:none;color:inherit;}
section,article,aside,nav,header,footer,main{display:block;}
input,button{background:#fff;border:0;outline:0;}
img{border:0;}
.clear::after{content:'';display:block;visibility:hidden;opacity:0;clear:both;height:0;overflow:hidden;}
@font-face { 
  font-family:'cuya'; 
  src: url('img/cuya.ttf'); 
}
.pr { position: relative; }
.cuya{font-family: "cuya";}
.w1300{width: 1300px;margin:0 auto;clear: both;position: relative;}
.w1200{width: 1200px;margin:0 auto;clear: both;position: relative;}
/*webkit scroll*/
::-webkit-scrollbar-track-piece {background-color:#f5f5f5;border-left:1px solid #d2d2d2;}
::-webkit-scrollbar {width:8px;height:13px;}
::-webkit-scrollbar-thumb {background-color:#c6c6c6;background-clip:padding-box;min-height:28px;border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background-color:#1170ee;}
/*ie scroll*/
@-ms-viewport {width:device-width;}

/* 上边不要动 */
.navg{width:100%;height:60px;background:#fff;border-bottom: 1px solid #ccc;}
.nav_cnt{width: 100%;padding: 19px 2% 0 2%;position:relative;}
.crumbs{color:#8f8f8f;}
.crumbs img{margin-right:14px;margin-top:0px}
.crumbs a{font-size:14px;color:#8f8f8f;}
.crumbs span{float:right;display:block;color:#ff0000;font-size:20px;}

/*主导航多级菜单*/
.hbg{width: 100%;height: 104px;position: relative;top: 0px;z-index: 9999;background: none;text-align: center}
#logo{margin: 1% 0 0 2%;position: absolute;}
.ttel{position: absolute;right: 1%;top:18px;}
#nav{width: 50%;height: 100%;display: inline-block}
#nav>ul{width:100%;position: relative;}
#nav>ul::after{content:'';clear:both;display:block;visibility:hidden;}
#nav>ul>li{width:12.5%;text-align:center;float:left;}
#nav>ul>li a{display:block;position:relative;z-index:1;line-height:104px;padding: 0 2%;}
#nav>ul>li a.act, #nav>ul>li a:hover{color: #fff;}
#nav>ul>li>a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:30px;z-index:-1;background:#1c71ea;opacity:0;transition:all .3s;top: 38px;    border-radius: 25px;}
#nav>ul>li>a:hover::after{content:'';opacity:1;width:100%;}
#nav>ul>li>a.act:after{width:100%;opacity:1;}
#nav ul ul{display:none;width:100%;top:104px;position:absolute;left:0;background:rgba(0,0,0,.8);color:#fff;z-index: 9999;}
#nav ul ul li{float:left;width:20%;margin:0}
#nav>ul>li ul li a{padding:2%!important;transition: .5s}
#nav>ul>li ul li a span{display:block;overflow: hidden;}
#nav>ul>li ul li a img{width:100%;display:block;transform: translateZ(0) scale(1.55);}
#nav>ul>li ul li a p{line-height:30px;font-size: 14px;margin: 0;}
#nav>ul>li ul li a:hover{background: #1170ee;}
@media all and (max-width:1700px){
	.ttel {display: none;}
	#nav{display: block;float: right;margin-right: 5%;}
	#nav>ul>li>a>img{width: 100%}
}


/* ------------------------ */
#banner{position:relative;overflow:hidden;width:100%}
#banner ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner ul li{width:33.333%;float:left}
#banner ul li img{width:100%;display:block;}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner:hover aside span{opacity:1;}
#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner>div{width:110px;position:absolute;right:0;left:0;bottom:7%;margin:auto}
#banner>div em{display:block;float:left;width:18px;height:18px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner>div em.act{background:#1c71ea}
.sl{width: 100%;margin: 40px auto 0 auto;}
.sl,.st,.st div,.sl div{overflow:hidden;}
.nextinfo{width:100%;overflow:hidden;}
.nextinfo span{background:#eee;margin:20px 1%;width:48%;float:left;text-align:center;border-radius:20px;font-size: 14px;}
.nextinfo span a{color: #000}

/*简介*/
.webox{background:url(images/webg.jpg) no-repeat center -100px;padding: 170px 0 0;height:1017px;font-family:"Microsoft Yahei";line-height: 25px;color: #fafafa;clear: both;border-bottom: solid 4px #efefef;}
.weye1{width: 202px;height:183px;background: url(images/we_yz1.png) 0 0 no-repeat;
	            position: absolute;top:405px;right: 0;z-index: 2000;opacity: 0;
                    transform: rotateX(26deg);
                     animation: weye1 3s infinite forwards;
	                  -moz-animation: weye1 3s infinite forwards;
	                  -webkit-animation: weye1 3s infinite forwards;
	                  -o-animation: weye1 3s infinite forwards;  }
.weye2{width:136px;height:143px;background: url(images/we_yz2.png) 0 0 no-repeat;
	            position: absolute;top:194px;right:292px;z-index: 2000;opacity: 0;
                    transform: rotateY(26deg);
                     animation: weye2 3s infinite forwards;
	                  -moz-animation: weye2 3s infinite forwards;
	                  -webkit-animation: weye2 3s infinite forwards;
	                  -o-animation: weye2 3s infinite forwards;  }
.weye3{width: 127px;height:72px;background: url(images/we_yz3.png) 0 0 no-repeat;
	            position: absolute;top:439px;right:600px;z-index: 2000;opacity: 0;
                    transform: rotateX(26deg);
                     animation: weye3 5s infinite forwards;
	                  -moz-animation: weye3 5s infinite forwards;
	                  -webkit-animation: weye3 5s infinite forwards;
	                  -o-animation: weye3 5s infinite forwards;  }
.weye4{width:235px;height:217px;background: url(images/we_yz4.png) 0 0 no-repeat;
	            position: absolute;top:708px;left:37px;z-index: 2000;opacity: 0;
                    transform: rotateX(26deg);
                     animation: weye4 8s infinite forwards;
	                  -moz-animation: weye4 8s infinite forwards;
	                  -webkit-animation: weye4 8s infinite forwards;
	                  -o-animation: weye4 8s 1s forwards;  }
.webox_w{width: 596px;height: 705px;}
.webox_w h2{height: 122px;display: block;margin: 0;}
.webox_c{    margin-top: 140px;}
.webox_c .ab_t{position: absolute;left: 0px;top: 0px}
.webox_c .atxt{padding: 110px 0 0 95px;position: relative;z-index: 9999999;}
.webox_c .atxt span a{margin-top: 20px;display: inline-block;border-radius: 25px;background: url(img/jt.png) 85px center no-repeat;color: #fff;width: 150px;line-height: 40px;transition:all .3s;font-size: 14px;box-shadow: 0 0 10px #ffffffb0;padding:  0 0px 0 20px;border:1px solid #fff;float: right;margin-right: 1%}
.webox_c .atxt span a:hover{background-color:#fcbe17;background-position-x: 90px; border:1px solid #fcbe17;box-shadow: 0 0 10px #fcbe17;}

.webox_z{clear: both;text-align: center;font-size: 22px;color: #666;line-height: 34px;height: 176px;letter-spacing:16px;}
.webox_z em{display: block;font-size: 10px;text-transform: uppercase;line-height: 12px;font-style: normal;letter-spacing: 6px;}

/*产品*/
.tx_index_pro{ overflow:hidden;
	width:100%; padding:0px; clear:both;  position:relative;}
	.tx_index_pro .pbt{text-align: center;}
.tx_index_pro .pbt a{display: inline-block;}
.tx_index_pro .pbt h3{font-size: 31px;color: #121212;font-weight: bold;}
.tx_index_pro .pbt span{color: #acb0af;text-transform: uppercase;}
	.cssimg img{-webkit-transition-duration:.5s;transition-duration:.5s;}
	.cssimg:hover img{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}
.tx_index_pro ul{margin: 50px auto 0 auto;width: 85%;}
.tx_index_pro ul li{width: 19%;float: left;margin-right: 1%;margin-bottom: 1%;}
.tx_index_pro ul li a{font-size: 18px;color: #fff;background: #1a72dd;display: block;text-align: center;line-height: 35px;border-radius: 10px;}
.tx_index_pro ul li a:hover{background: #e97b23;transition: .3s;}
	.rtCont{position:relative;}
.rtCont ul{margin:0 auto;width:208px;overflow:hidden;}
.rtCont li{float:left;text-align:center;margin-right: 10px;    margin-left: 10px;}
.rtCont li a{display:block;position: relative;transition:all .2s ease;padding-top: 20px;}
.rtCont li a img{display:block;font-size:0px;width:203px;height:203px;transition:all .2s ease;border:8px solid #fff;border-radius: 50%;-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.3);
    box-shadow: 0 0px 15px rgba(0,0,0,0.3);}
.rtCont .btnLeft,.rtCont .btnRight{position:absolute;top:150px;margin-top:-15px;width:46px;height:46px;background: #1c71ea;font-size: 33px;color: #fff;font-family: "宋体";text-align: center;line-height: 46px;    box-shadow: 0 0 10px #599effb0;}
.rtCont li a p{margin-top: 15px;font-size: 18px;color: #666;}
.rtCont li a:hover img{-webkit-box-shadow: 0 0px 15px rgba(28,113,234,1);
	box-shadow: 0 0px 15px rgba(28,113,234,1);border-color: #1c71ea;}
.rtCont li a:hover p{color: #1c71ea}
.rtCont .btnLeft{left:-50px;}
.rtCont .btnRight{right:-50px;}
.rtCont>a{transition: .5s;}
.rtCont>a:hover{background: #fff;color: #999;box-shadow: 0 0px 10px rgba(0,0,0,0.3);}
.pro {padding: 70px 0 40px 0;position: relative;/*background: url(img/pbg.gif) no-repeat top center;*/}
.pbt{text-align: center;color: #e8b16b;font-size: 16px;}
.pbt h3{color: #f49a12;font-size: 36px;font-weight: bold;}
.pbt p{margin-top: 10px;font-size: 22px;color: #111;}
.pro .prolist{width: 100%;margin:40px 0 0;background:#fff;}
.pro .prolist ul{margin: 0 auto;}
.pro .prolist ul li{position: relative;transition:.5s;float: left;width:13.8%;margin:0 0.2%;}
.pro .prolist ul li img{width: 100%;}
.pro .prolist ul img{width: 14.2%;margin: 0;}
.pro .prolist ul li a{color:#111;font-size:18px;display:block;transition:.2s;line-height:2.5;overflow: hidden;background: #e2e2e2;text-align: center;border-radius: 25px;margin-top: 20px;}
.pro .prolist ul li.cur a{background: #fb8233;color: #fff;}
.pro .f_cb{width: 100%;background: #fff;padding: 1%}
.pro .f_cb li{width: 24%;margin: 0 1% 1% 0;}
.pro .f_cb li a{color:#fff;display: block;overflow: hidden;position: relative;}
.pro .f_cb li a h5{line-height: 45px;text-align: left;position: absolute;bottom: 0px;background: rgba(0,0,0,0.6);color: #fff;z-index: 9999;width: 100%;font-size: 16px;transition: .5s;text-indent: 16px;margin: 0px; transition: .5s;}
.pro .f_cb li a:hover h5{background: rgba(253,132,36,0.75);height: 100%;font-size: 26px;padding: 20% 10% 0 10%;text-align: center;line-height: 30px;}
.pro .f_cb li a p{position: absolute;top: 50%;color: #fff;font-size: 30px;z-index: 9999;width: 100%;text-align: center;opacity: 0;transition: .5s;}
.pro .f_cb li a:hover p{opacity: 1;}
.pro .f_cb li{float: left;zoom:1; }
.pro .f_cb li img{width:100%;display: block; position: relative;z-index: 52; transition: .5s;}
.pro .f_cb li:hover img{filter: brightness(120%);}
.pro .f_cb li a:after{content:">";position: absolute;right: 2%;bottom: 2%;z-index: 99999;transition: .5s;font-family: "SimSun";font-style: normal;font-size: 18px;background: #fff;border-radius: 50%;overflow: hidden;width: 30px;height: 30px;color: #db0014;text-align: center;line-height: 30px;font-weight: bold;}
.pro .f_cb li:hover a:after{content:"+";width: 50px;height: 50px;line-height: 50px;left: 0;right: 0;margin: 0 auto;font-size: 42px;bottom: 6%;}
@media all and (max-width:1600px){
	.pro .prolist ul li a{font-size: 14px;}
}

@media all and (max-width:1470px){
	.pro .f_cb li a h5{line-height: 70px;font-size: 20px;}
	.pro .prolist ul li a:after{width: 30px;height: 30px;line-height: 30px;text-indent: 9px;}
	
}
@media all and (max-width:1366px){
	.pro .f_cb li a h5{line-height: 60px;font-size: 18px;}
	.pro .prolist ul li a:after{width: 25px;height: 25px;line-height: 25px;text-indent: 7px;}
}
.pmore{width: 200px;height: 40px;line-height: 40px;margin: 30px auto;background: #1972de;color: #fff;text-align: center;border-radius: 25px;transition: .3s;}
.pmore a{display: block;}
.pmore:hover{background: #e97b23;}

/*案例*/
.al{width: 100%;padding: 90px 0 0 0;background: url(img/albg.jpg);height: 878px;}
.al h2{margin: 0;text-align: center;}
/* focus_Box */
#focus_Box{position:relative;width:1180px;height:490px;margin:50px auto 0 auto;}
#focus_Box li{ z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px; overflow: hidden;border:10px solid #fff;}
#focus_Box li img{width:100%;height:100%;vertical-align:top;transition: .5s;}
#focus_Box li:hover img{transform: scale(1.05,1.05);}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:54px;height:101px;top:131px;transition: 0.5s;opacity: 0.6;}
#focus_Box .prev{background:url(img/banner_btn_l.png) no-repeat; left:-90px; top:190px;}
#focus_Box .next{background:url(img/banner_btn_r.png) no-repeat;right:-90px; top:190px;} 
#focus_Box .prev:hover{left: -110px;opacity: 1;}
#focus_Box .next:hover{right:-110px;opacity: 1;}
.albom{text-align: center;position: relative;}
.albom a{display: inline-block;line-height: 40px;color: #fff;width: 200px;position: relative;border-radius: 25px;margin: 0 10px;transition: all .5s;}
.albom a.more {background: #0e71e0;font-size: 18px;top: -4px;border:1px solid #0e71e0;transition: all .5s;font-weight: 100;box-shadow: 0 0 10px rgba(255,255,255,.8);}
.albom a.tel {background: #0e71e0 url(img/altel.png) no-repeat 30px 10px;font-size: 30px;padding-left: 40px;border:1px solid #0e71e0;}
.albom a.more:hover{color: #0e71e0;background: #fff;border-color: #0e71e0}
.albom a.tel:hover{background-color: #0e5cb6;border-color: #0e5cb6}

/* ---------------新闻----------- */
h2.tit a{text-align: center;font-size: 38px;display: inline-block;margin-bottom: 50px;font-weight: bold;color: #fff;}
.news {padding-top: 108px;background:url(img/42.jpg) no-repeat top center;height: 887px;margin-bottom: -60px;}
.news h2{text-align: center;margin: 0;}
.news .newsbt{text-align: center;}
.zb_index_fn_list{overflow:visible;}
.zb_index_fn_list ul li{-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);}
.zb_index_fn{height:883px;}
.zb_index_fn_list_mask{opacity:0;
	position:absolute; left:0; top:0; z-index:100; width:100%; height:50%; background-image:url(img/43.png); background-position:center; background-repeat:no-repeat;}
	.hi{overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
	.zb_index_fn_list ul li{ height:530px;background-color:#fff; overflow:hidden;float:left; width:433px; position:relative;}
.zb_index_fn_list_1{ 
position:absolute; left:0; top:0; width:100%; height:50%; overflow:hidden;}
.zb_index_fn_list_1 img{
float:left; width:100%; height:100%;}
.zb_index_fn_list_2{ padding-left:24px; padding-right:24px;
position:absolute; left:0; bottom:0; width:433px;; height:50%;}
.zb_index_fn_list ul li:nth-child(2n) .zb_index_fn_list_2{
bottom:auto; top:0;}
.zb_index_fn_list ul li:nth-child(2n) .zb_index_fn_list_1,.zb_index_fn_list ul li:nth-child(2n) .zb_index_fn_list_mask{
top:auto; bottom:0;}
.zb_index_fn_list_2_1{
font-size:20px; color:#333; padding-top:40px; padding-bottom:5px;}
.zb_index_fn_list_2_2{
line-height:18px; color:#b3b3b3; font-size:16px;}
.zb_index_fn_list_2_3{
color:#999; line-height:24px; margin-top:18px;font-size: 14px;}
.cssimg:hover, .cssimgp:hover .zb_index_fn_list_2_1, .cssimg:hover, .cssimgp:hover .zb_index_fn_list_2_2,.cssimg:hover, .cssimgp:hover .zb_index_fn_list_2_3{color: #0e71e0}
.zb_index_fn_list_mask{opacity:0;
position:absolute; left:0; top:0; z-index:100; width:100%; height:50%; background-image:url(img/43.png); background-position:center; background-repeat:no-repeat;}
.zb_index_fn_list ul li:hover .zb_index_fn_list_mask{
opacity:1;}
.cssimg,.cssimgp img,.mlbody_4 .vimg,.ywlypic img{-webkit-transition-duration:.5s;transition-duration:.5s;}
.cssimg:hover,.cssimgp:hover img,.mlbody_4:hover .vimg,.indexywly:hover .ywlypic img{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}


/*底*/
.footWrap{background:url(img/f_bj.png) no-repeat center 0 ;height:390px;overflow:hidden; position: relative; z-index: 4;}
.footer{position: relative; height:372px; overflow: hidden;width: 1200px;
    margin: 0 auto;}
.fnav{margin-top: 60px;overflow: hidden; line-height: 72px;font-weight: bold;}
.fnav a{display: inline-block;font-size: 16px; color:#fff; margin-right:140px;transition: .5s;}
.fnav a:nth-child(3){ margin-right: 220px;}
.fnav a:last-child{margin-right: 0;}
.fnav a:hover{color: #fbfa15;}

.fwz{margin-top: 43px; height:95px; overflow: hidden; position: relative; }
.fwz::before {position: absolute; top: 14px; left:33px; width:1134px; height:1px; border-top: 1px dashed #4c4c4c;
    content: '';}
.fwz p{ width:270px; float: left; overflow: hidden; font-size: 24px; text-align: center; color:#fff; font-family: Arial; line-height: 28px;position: relative;z-index: 3;}
.fwz img{display: block;margin: 0 auto 10px;}
.fwz p:last-child{width:363px; font-size: 14px; line-height: 30px;font-family:"Microsoft Yahei"; }
.fwz1 {text-align: center;font-size: 14px; line-height: 24px; color:#818181;}
.fwz1 p{margin: 0;}
.fwz1 a{color:#818181;}

.flogo{ width:97px; position: absolute; top: 0; left:553px;overflow: hidden; z-index: 9;transition: .4s;}
.flogo img{ width:97px; height: 97px; margin: 0 auto;display: block;}
.flogo:hover{transform: scale(1) rotate(360deg);}


/*产品竖向滚动*/
.cppichz{float: right;width: 81%;}
.cppichz>div{ padding-bottom: 50px;}
.cppichz a{float: left; width: 280px; margin-right: 10px;text-align: center; position: relative; }
.cppichz a span{overflow: hidden; }
.cppichz a span img{width: 100%;display: block;}
.cppichz a em{background: #f5f5f5; line-height: 2; font-size: 16px; display: block; font-style: normal;}
.cppichz a div{position: absolute;width: 100%; height: 100%; background: rgba(28,113,234,0.7); color: #fff; left: 0; top: 20px; opacity: 0; transition: all .3s;}
.cppichz a div::before{content: ''; background: url(img/356.png) center/cover; width: 60px;height: 60px; margin: auto; margin-top: 60px;display: block;}
.cppichz a:hover div{top: 0; opacity: 1;}
.cppichz a div p{position: absolute; left: 0; right: 0; bottom: 0; top: 30px; margin: auto;  line-height: 30px;font-size: 14px;text-align: center; border: 1px solid #fff;  height: 30px; width: 80px; }

.cppicsz{width:85%;height:800px;margin:30px auto 20px auto;}
.cppicsz a{float:left;width:24.25%;margin-right:1%;text-align:center;position:relative;margin-bottom:2%;border-bottom: 1px solid #e1dfe0;}
.cppicsz a:nth-child(4n){margin-right: 0;}
.cppicsz a span{overflow:hidden;}
.cppicsz a span img{width:100%;display:block;}
.cppicsz a em{background:#fff;line-height:4;font-size:18px;display:block;font-style:normal;}
.cppicsz a div{position:absolute;width:100%;height:100%;background:rgba(28,113,234,0.7);color:#fff;left:0;top:20px;opacity:0;transition:all .3s;}
.cppicsz a div::before{content:'';background:url(img/356.png) center/cover;width:60px;height:60px;margin:auto;margin-top:60px;display:block;}
.cppicsz a:hover div{top:0;opacity:1;}
.cppicsz a div p{position:absolute;left:0;right:0;bottom:0;top:30px;margin:auto;line-height:30px;font-size:14px;text-align:center;border:1px solid #fff;height:30px;width:80px;}
.fl{float:left;}
.fr{float:right;}
.tac{text-align:center;}
.page22{width:900px;height:40px;margin:0 auto;line-height:40px;}
.page22 li{width:400px;height:40px;float:left;text-align:center;}
.page11{line-height:40px;font-weight:bold;color:#333;text-align:center;}
.page11 i{color:#999;font-size:14px;font-weight:normal;}
.content h1{text-align:center;font-size:20px;line-height:80px;}

.pnav{width: 100%;padding-top: 150px;}
.pnav ul{margin-top: 10px;text-align: center;}
.pnav ul li {display: block;display: inline-block;}
.pnav ul li a{display: block;transition: all .3s;}
.pnav ul li a .pnimg{border-radius: 50%;overflow: hidden;border:2px solid #fff;transition:  1s;}
.pnav ul li a img{border-radius: 50%;width: 124px;height: 124px;display: block;transform: translateZ(0) scale(1.40);}
.pnav ul li a p{text-align: center;font-size: 16px;color: #000;margin-top: 5px;color: #fff;background: #1c71ea;border-radius: 25px;line-height: 30px;}
.pnav ul li:first-child a p{font-size: 14px;}
.pnav ul li a:hover{transform: translateY(-14px);}
.pnav ul li a:hover .pnimg{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg);border: 2px solid #1c71ea}

/* 优势 */
.ys_bj{ position:relative; margin-top:33px;}
.ys_10{ background: url(img/ys10.jpg) no-repeat center top; height:207px;}
.ys_1{ background:url(img/ys1.jpg) no-repeat center top; height:1009px;}

.ys a{ text-decoration:none;}
.ys{ width:1300px; margin:0 auto;  left:50%; margin-left:-650px; position:absolute; top:0px;}
.ys dl{ padding-top:114px; height:188px;}
.ys dt{ font-size:34px; font-family:Arial, Helvetica, sans-serif; color:#dedede; font-weight:bold; width:375px; text-align:right; line-height:30px;}
.ys dt span{ font-size:22px; display: block; color:#afafaf; font-weight:normal; text-align:left; line-height:22px; }
.ys dt span i{ color:#000; font-style:normal;}
.ys dd{ padding-left:205px;font-size:50px; font-family: "Microsoft Yahei"; color:#1c71ea; cursor:auto; font-weight: 100}

.ys1{ width:630px; height:612px; overflow:hidden; padding:98px 0 0;margin-left:  650px;}
.ys1 h3{ background:url(img/ys1_h.gif) no-repeat center top; width:630px; height:64px; line-height:64px; color:#fff; font-size:26px; font-family:"Microsoft Yahei";}
.ys1 h3 span{ font-family:Impact; font-size:42px; display:block; font-weight: normal; float:left; padding:0 15px 0 11px;}
.ys1 h3 a{color:#fff; }
.ys1 p{ font-size:16px; color:#656565; font-family:"Microsoft Yahei"; line-height:30px; padding-top:15px; height:100px; overflow:hidden;}

.ys2{ width:555px; overflow:hidden;margin-left: 80px;}
.ys2 h3{margin:0;}
.ys2 h3 a{ display:block; float:left; color:#fffeff; height:52px;}
.ys2 h3 a b{ display:block; font-size:30px; font-family:"Microsoft Yahei"; color:#fffeff; height:32px; padding-top:3px;}
.ys2 h3 a i{ font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#8aaeda; font-size:12px; display:block; font-weight:normal; height:16px; line-height:16px;}
.ys2 h3 span{ display:block; float:left; background:url(img/ys_hbj.png) no-repeat center top; width:66px; height:66px; text-align:center; line-height:66px; color:#fff; margin-right:14px; font-size:40px; font-family:"cuya";}
.ys2 ul{ padding:6px 0 0 80px ; *padding-left:56px; }
.ys2 li{ font-size:16px; line-height:42px;  color:#f4f9ff; font-family:"Microsoft Yahei";}
.ys2 li i{ font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:1px;}
.ys2 .nones{border-bottom:none;}

.tit1 a{ display:block; float:left; color:#336bb5;  padding-top:3px;}
.tit1 a b{ display:block; font-size:24px; *font-size:23px; font-family:"Microsoft Yahei"; color:#336bb5; padding-top:3px;}
.tit1 a i{ font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#d6d6d6; font-size:12px; display:block; font-weight:normal; height:16px; line-height:16px; text-transform:uppercase;}
.tit1 span{ display:block; float:left; background:url(img/ys_hbj.png) no-repeat center top; width:52px; height:52px; text-align:center; line-height:52px; color:#fff; margin-right:14px; font-size:26px; font-family:Arial, Helvetica, sans-serif;}
.ysul{ padding:6px 0 0 56px ; *padding-left:56px; }
.ysul li{ background:url(img/ys_libj.png) no-repeat left 10px; font-size:14px; line-height:30px; border-bottom:1px dashed #c9c9c9; color:#656565; padding-left:12px; font-family:"Microsoft Yahei"; width:553px;}
.ysul li i{ font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:1px;}
.ysul .nones{border-bottom:none;}

/*优势结束*/


@-webkit-keyframes weye1{
    0%{right: 0; top: 0;opacity: 0;-webkit-transform:rotateX(0deg);}
    25%{-webkit-transform:rotateX(70deg);}
    75%{-webkit-transform:rotateX(0deg);}
  75%{right: 0px;top: 405px;opacity: 1; -webkit-transform:rotateX(50deg);}
  100%{right: 0px;top: 405px;opacity: 0; -webkit-transform:rotateX(50deg);}
}
@-moz-keyframes weye1{
    0%{right: 0;top: 0; opacity: 0;-moz-transform:rotateX(0deg);}
    25%{-webkit-transform:rotateX(70deg);}
    75%{-webkit-transform:rotateX(0deg);}
  75%{right: 0px;top: 405px;opacity: 1;  -moz-transform:rotateX(50deg);}
  100%{right: 0px;top: 405px;opacity: 0;  -moz-transform:rotateX(50deg);}
}
@-ms-keyframes weye1{
    0%{right: 0;top: 0;opacity: 0; -ms-transform:rotateX(0deg);}
    25%{-webkit-transform:rotateX(70deg);}
    75%{-webkit-transform:rotateX(0deg);}
  75%{right: 0px;top: 405px; opacity: 1;-ms-transform:rotateX(50deg);}
  100%{right: 0px;top: 405px; opacity: 0;-ms-transform:rotateX(50deg);}
}
@-o-keyframes weye1{
     0%{right: 0;top: 0;opacity: 0; -o-transform:rotateX(0deg);}
     25%{-webkit-transform:rotateX(70deg);}
    75%{-webkit-transform:rotateX(0deg);}
  75%{right: 0px;top: 405px;opacity: 1; -o-transform:rotateX(50deg);}
  100%{right: 0px;top: 405px;opacity: 0; -o-transform:rotateX(50deg);}
}


@-webkit-keyframes weye2{
    0%{right: 0; top: 0;opacity: 0;-webkit-transform:rotateX(0deg);}
    25%{-webkit-transform:rotateY(70deg);}
    75%{-webkit-transform:rotateY(0deg);}
  75%{right:292px;top: 194px;opacity: 1; -webkit-transform:rotateX(50deg);}
  100%{right:292px;top: 194px;opacity: 0; -webkit-transform:rotateX(50deg);}
}
@-moz-keyframes weye2{
    0%{right: 0;top: 0; opacity: 0;-moz-transform:rotateX(0deg);}
    25%{-webkit-transform:rotateY(70deg);}
    75%{-webkit-transform:rotateY(0deg);}
  75%{right:292px;top: 194px;opacity: 1;  -moz-transform:rotateX(50deg);}
  100%{right:292px;top: 194px;opacity: 0;  -moz-transform:rotateX(50deg);}
}
@-ms-keyframes weye2{
    0%{right: 0;top: 0;opacity: 0; -ms-transform:rotateX(0deg);}
    25%{-webkit-transform:rotateY(70deg);}
    75%{-webkit-transform:rotateY(0deg);}
  75%{right:292px;top: 194px; opacity: 0.8;-ms-transform:rotateX(50deg);}
  100%{right:292px;top: 194px; opacity: 0;-ms-transform:rotateX(50deg);}
}
@-o-keyframes weye2{
     0%{right: 0;top: 0;opacity: 0; -o-transform:rotateX(0deg);}
     25%{-webkit-transform:rotateY(70deg);}
    75%{-webkit-transform:rotateY(0deg);}
  75%{right:292px;top: 194px;opacity: 0.8; -o-transform:rotateX(50deg);}
  100%{right:292px;top: 194px;opacity: 0; -o-transform:rotateX(50deg);}
}

@-webkit-keyframes weye3{
    0%{right: 0; top: 0;opacity: 0;-webkit-transform:rotateX(0deg);}
    25%{-webkit-transform:rotateX(70deg);}
    75%{-webkit-transform:rotateX(0deg);}
  75%{right: 600px;top: 439px;opacity: 0.8; -webkit-transform:rotateX(50deg);}
  100%{right: 600px;top: 439px;opacity: 0; -webkit-transform:rotateX(50deg);}
}
@-moz-keyframes weye3{
    0%{right: 0;top: 0; opacity: 0;-moz-transform:rotateX(0deg);}
    25%{-webkit-transform:rotateX(70deg);}
    75%{-webkit-transform:rotateX(0deg);}
  75%{right: 600px;top: 439px;opacity: 0.8;  -moz-transform:rotateX(50deg);}
  100%{right: 600px;top: 439px;opacity: 0;  -moz-transform:rotateX(50deg);}
}
@-ms-keyframes weye3{
    0%{right: 0;top: 0;opacity: 0; -ms-transform:rotateX(0deg);}
    25%{-webkit-transform:rotateX(70deg);}
    75%{-webkit-transform:rotateX(0deg);}
  75%{right: 600px;top: 439px; opacity: 0.8;-ms-transform:rotateX(50deg);}
  100%{right: 600px;top: 439px; opacity: 0;-ms-transform:rotateX(50deg);}
}
@-o-keyframes weye3{
     0%{right: 0;top: 0;opacity: 0; -o-transform:rotateX(0deg);}
     25%{-webkit-transform:rotateX(70deg);}
    75%{-webkit-transform:rotateX(0deg);}
  75%{right: 600px;top: 439px;opacity: 0.8; -o-transform:rotateX(50deg);}
  100%{right: 600px;top: 439px;opacity: 0; -o-transform:rotateX(50deg);}
}


@-webkit-keyframes weye4{
    0%{left:100%; top: 0;opacity: 0;-webkit-transform:rotateX(0deg);}
    25%{-webkit-transform:rotateX(70deg);}
    75%{-webkit-transform:rotateX(0deg);}
  75%{top:708px;left:37px;opacity: 0.8; -webkit-transform:rotateX(50deg);}
  100%{top:708px;left:37px;opacity: 0; -webkit-transform:rotateX(50deg);}
}
@-moz-keyframes weye4{
    0%{left:100%;top: 0; opacity: 0;-moz-transform:rotateX(0deg);}
    25%{-webkit-transform:rotateY(70deg);}
    75%{-webkit-transform:rotateY(0deg);}
  75%{top:708px;left:37px;opacity: 0.8;  -moz-transform:rotateX(50deg);}
  100%{top:708px;left:37px;opacity: 0;  -moz-transform:rotateX(50deg);}
}
@-ms-keyframes weye4{
    0%{left:100%;top: 0;opacity: 0; -ms-transform:rotateX(0deg);}
    25%{-webkit-transform:rotateY(70deg);}
    75%{-webkit-transform:rotateY(0deg);}
  75%{top:708px;left:37px; opacity: 0.8;-ms-transform:rotateX(50deg);}
  100%{top:708px;left:37px; opacity: 0;-ms-transform:rotateX(50deg);}
}
@-o-keyframes weye4{
     0%{left:100%;top: 0;opacity: 0; -o-transform:rotateX(0deg);}
     25%{-webkit-transform:rotateX(70deg);}
    75%{-webkit-transform:rotateX(0deg);}
  75%{left:37px;top:708px;opacity: 0.8; -o-transform:rotateX(50deg);}
  100%{left:37px;top:708px;opacity: 0; -o-transform:rotateX(50deg);}
}

/*内页*/
#nyba{width:100%;height:450px;background:url(img/nyba.jpg) center -190px no-repeat #333;background-attachment: fixed;}
#main{width:1300px;height:auto;margin:0 auto;font-size:16px;line-height:35px;}
#main::after{content:'';display:block;visibility:hidden;opacity:0;clear:both;height:0;overflow:hidden;}
#main2{width: 96%; margin: auto; padding: 0 2%;}
#main3{width: 100%;}

/*内页简介*/
.sec_mian{overflow:hidden;}
.sec_aa{padding:60px 0 0;}
.sec_aa div.fl{/*width:calc(100% - 680px);*/}
.sec_aa div.fl h4{margin:0 0 24px 0;font-size:52px;color:#333;text-align:center;}
.sec_aa div.fl h5{margin-bottom:35px;font-size:24px;color:#666;text-align:center;line-height:38px;letter-spacing:10px;}
.sec_aa div.fl h5 i{display:inline-block;padding:0 7px 0 15px;margin-right:15px;background:#1170ee;color:#fff;vertical-align:top;border-radius:50px;font-style: normal;}
.sec_aa div.fl p{font-size:14px;color:#666;line-height:30px;}
.sec_aa div.fr{width:640px;height:314px;background:no-repeat center;background-size:cover;}

.bass{height:60px;line-height:60px;font-size:18px;color:#666;width:100%;margin:0 auto 30px;border-bottom:solid 2px #ddd;}
.bass a{color:#2f44c3;text-decoration:none;font-weight:bold;font-size:18px;}
.love-pic-box{width:100%;overflow:hidden;margin:20px auto;}
.love-pic-box li{width:18%;background:#fff;margin:15px 1%;float:left;list-style:none;overflow:hidden;position:relative;z-index:0;box-shadow:0px 0px 15px #cccccc7d;border:solid 10px #ffffff;box-sizing:border-box;}
.love-pic-box li img{width:100%;padding:0;margin:0;}
.love-pic-box li p{position:absolute;width:100%;height:40px;background:#fff;z-index:999;left:0;bottom:0;margin: 0;}
.love-pic-box li p>a{width:100%;line-height:30px;height:30px;text-align:center;font-size:16px;color:#000;display:block;padding-top:5px;}
.h30{height:30px;}
.ny_left{width:320px;height:auto;float:left;}
.ny_right{height:auto;}
.nr20 ul{text-align: center;}
.nr20 ul li{display: inline-block;text-align: center;width: 33.33%;}
.left-lx{width:290px;overflow:hidden;border:solid 1px #ddd;box-sizing:border-box;padding-bottom:20px;box-shadow:0px 0px 10px #ccc;margin-bottom:20px;}
.lx-tt{height:50px;margin-bottom:10px;background:#2f44c3;color:#888;width:100%;margin:0 auto 10px;box-sizing:border-box;}
.lx-tt h2{font-size:20px;color:#fff;line-height:50px;float:left;font-weight:initial;padding-left:15px;}
.lx-tt a{font-size:14px;color:#eee;float:right;padding-top:10px;padding-right:10px;}
.lx-tt a:hover{color:#1170ee;}
.left-lx p{padding:0px 20px;font-size:16px;color:#333;line-height:30px;}
.pc_tt{background:#2f44c3;color:#fff;width:290px;height:90px;box-sizing:border-box;}
.pc_tt h2{font-size:24px;line-height:30px;text-align:center;padding-top:20px;font-weight:initial;}
.pc_tt>p{font-size:14px;line-height:30px;text-align:center;color:#ccc!important;width:250px;margin:0 auto;}
.left_cplei{width:290px;height:auto;padding:5px 0px;color:#fff;}
.left_cplei a{width:230px;height:40px;background:url(img/left1.png) 15px center no-repeat #666;margin:10px auto;text-align:left;line-height:40px;font-size:18px;padding-left:40px;position:relative;z-index:1;display:block;}
.left_cplei a::after{content:'';background:url(img/left1.png) 15px center no-repeat #2f44c3;z-index:-1;position:absolute;width:0px;height:40px;left:0;right:0;opacity:0;transition:all .3s}
.left_cplei a:hover::after{content:'';opacity:1;width:100%;}
.left_cplei a.act::after{content:'';opacity:1;width:100%;}
.ny_news,.ny_news li{width:100%;}
.ny_news li{transition:.3s;}
.ny_news li:nth-child(2n){background-color:#f8f8f8;}
.ny_news .center{width:1100px;margin:0 auto;position:relative;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;left:0;}
.ny_news>li>a{padding:50px 0;display:block;}
.ny_news .num{display:block;width:205px;font-weight:bold;font-style:italic;}
.ny_news .num img{text-indent:-9999px;height:120px;}
.ny_news .font{display:block;width:77.7%;font-size:18px;line-height:30px;}
.ny_news .font .intro{font-size:14px;color:#bbb;}
.ny_news li:hover{background:#1170ee;}
.ny_news li:nth-child(2n):hover{background:#f49a12;}
.ny_news li:hover .num,.ny_news li:hover .font p,.ny_news li:hover .font .intro{color:#fff;}
.ny_news li:hover .center{left:-16px;}
.nynews_list{margin-bottom:30px;width:100%;overflow:hidden;}
.nynews_list h1{margin-bottom:20px;}
.nynews_list li{width:46%;height:45px;margin:5px 2%;float:left;background:url(img/news1.jpg) left center no-repeat #fff;box-sizing:border-box;line-height:45px;color:#666;}
.nynews_list li a{color:#555;padding-left:10px;    display: block;border:solid 1px #ddd;}
.nynews_list li a:hover{color:#fff;background: #1170ee;transition:all .3s;border:solid 1px #1170ee;}

@media all and (max-width:1520px){
	.abg .fr .atxt{line-height: 30px;}
}
@media all and (max-width:1520px){
	.abg .fr .atxt{font-size: 14px;line-height: 22px;}
}




.ystab{text-align: center;margin-top: 50px;}
.ystab a{display: inline-block;width: 300px;height: 60px;line-height: 60px;color: #fff;background: #1170ee;border-radius: 45px;font-size: 26px;margin: 0 10px}
.gtr{
	position:fixed; z-index:999999; right:0; width:70px; height:198px; margin-top:-99px; top:62%;}
	.gtr ul li{border-bottom:1px #ececec solid;
	float:left; position:relative; width:100%; height:65px;}
	.gtr ul li:hover{border-bottom:1px #ececec solid;}
	.gtr ul li:nth-child(3) img,.gtr ul li:nth-child(1) img,.gtr ul li:nth-child(1) p{ display:none;
	position:absolute; top:0; right:70px; max-width:none;}
	.gtr ul li:nth-child(1) p{width: 176px;font-size: 22px;font-family: "cuya";color: #434343;line-height: 50px;}
	.gtr ul li a{background-color:#fff;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1); 
	display:block; width:100%; height:65px;  background-position:center; background-repeat:no-repeat;-webkit-transition-duration: 0.5s;
		-ms-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		-moz-transition-duration: 0.5s;
		transition-duration: 0.5s;}
	.gtr ul li:hover a{
	background-color:#1c71ea;
	}
	.qqchat{ display:none;
	position:absolute; right:75px; width:255px; height:144px; top:-32px; background-image:url(images/qqchat.png); background-position:center; background-repeat:no-repeat;}
	.gtr ul li:nth-child(3):hover img,.gtr ul li:nth-child(1):hover img,.gtr ul li:nth-child(1):hover p{
	display:block;}
	.gtr ul li:nth-child(1) a{
	background-image:url(images/r1.png);}
	.gtr ul li:nth-child(1):hover a{
	background-image:url(images/r1on.png);}
	.gtr ul li:nth-child(2) a{
	background-image:url(images/r2on.png);}
	.gtr ul li:nth-child(2):hover a{
	background-image:url(images/r2.png);}
	.gtr ul li:nth-child(3) a{
	background-image:url(images/qq2.png);}
	.gtr ul li:nth-child(3):hover a{
	background-image:url(images/qq.png);}
	.gtr ul li:nth-child(4) a{
	background-image:url(images/r3.png);}
	.gtr ul li:nth-child(4):hover a{
	background-image:url(images/r3on.png);}
	.gtr ul li .qqchat dl{
	float:left; width:248px;}
	.gtr ul li .qqchat dl dd{
	float:left; width:100%;}
	.gtr ul li .qqchat dl dd a{  
	display:block; width:100%; height:48px; line-height:48px; background-image:url(images/q.png); text-indent:45px; background-position:9px center; background-repeat:no-repeat;}
	.gtr ul li .qqchat dl dd:hover{
	background-color:#ebf3fa;}
	.gtr ul li:hover .qqchat dl dd a{
	background-color:transparent; background-image:url(images/q.png);}
	.gtr ul li:hover .qqchat{
	display:block;}




  
@media (min-width:1366px){
	.pnav ul li{
    width: 8%;
  }
  .pnav ul li a p{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
}