body{ width:100%;font-size:14px; background:#FFF; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:"Microsoft Yahei"; color:#484848;}
div{margin: 0px; padding: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}
a{color:#484848; text-decoration: none;}
a:hover{color: #f06100;text-decoration: none;}
.border_bg{width:auto; height:auto; margin:0 auto;}
.cp img{border:1px solid #ddd;  padding:3px; transition:all 0.6s;}
.cp img:hover{border:1px solid #2b3371; }
input,button,select,textarea{outline:none}
.font_1{font-size:16px; color:#fff;}
#copy{ display:none;}
.totalwidth {width:1200px; margin:0 auto; height:auto;}
.totalwidthpercent {width:100%; margin:0 auto;}	
.fl{ float:left;}
.fr{ float:right;}	 
#classimgshow2{line-height:38px;}
.xwlb_img img{border:1px solid #dddddd;}
.cp2 img{ padding:3px; border:1px solid #ddd; transition:all 0.6s;}
.cp2 img:hover{border:1px solid #2b3371;}
.box { width: 1200px; height:auto; margin: 0 auto; min-width: 1200px;}
/*共同结束*/


/* -- 页面整体布局 -- */
.page{width:1200px; margin:0 auto; overflow:hidden;}
.content{ margin:0 auto;}

#top50,#top10,#top30,#top20,#top40,#top60,#page,#company{width:1200px; margin:0 auto; overflow:hidden;}
#top20{height:20px; overflow:hidden;}
#top30{height:43px; overflow:hidden;}
#top40{height:40px; overflow:hidden;}
#top50{height:50px; overflow:hidden;}
#top60{height:55px; overflow:hidden;}
#top10{height:10px; overflow:hidden;}



/*小导航*/
.mianbxContent { margin-bottom: 15px !important; height: 50px !important; line-height: 50px !important; font-size: 16px !important; text-align: left !important; width: 100% !important; text-indent: 1.5em; transition:0.1s all; border: 1px dashed #ddd; letter-spacing: 1px; position: relative;}
.mianbxContent a{ font-size:16px !important; }
.mianbxContent:hover{ border: 1px dashed #2b3371;}
.strong_title { display: none; }
.centerHeadImage { border: 0; display: none; }
.mianbxContent a:hover{ color:#2b3371;}
.mianbxContent::after { content: ''; position: absolute; display: block; height: 40px; width: 200px; top: 0; right: 0; }

/* head */
#head_bj{ width:100%; height:150px; margin:auto;}
.head_p{ font-size:20px; font-weight:bold; color:#333; line-height:70px; float:left; padding-left: 30px; padding-top: 35px;}
.logo{ padding-right:20px; padding-top:17px; animation:myfirst 2s infinite;}
.title p{font-size:40px;font-weight:bold; color:#333; line-height:35px; padding-bottom:15px; padding-top:40px; cursor:pointer;}
.title span{font-size:18px;line-height:16px;margin-top:6px; color:#666; cursor:pointer;}
.tel {background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190626/20190626154123_1644666061.png) no-repeat left top 43px; height:90px; padding-left:75px; padding-top:43px;}
.tel p{font-size:16px;line-height:16px;color:#484848;margin-bottom:15px;}
.tel span{font-size:38px;font-weight:bold;color:#333; line-height:30px; font-family:"Impact";}

/*主导航*/
.nav {width: 100%;min-width: 1200px; height:70px; background:#2b3371; color: #fff;font-size: 16px; line-height:70px; margin:auto;}
.main{margin: 0 auto;width: 1200px;}
.main > li {position: relative;float: left; width:120px; height:70px; }
.main > li a{text-decoration: none;color: #fff;text-transform: capitalize;display: block;width: 100%;height: 100%;text-align: center; height:70px; line-height: 70px; font-size: 16px;transition: background-color 0.5s ease-in-out;}
.main > li a:hover { background:#f06100;color: #fff;}
.drop{position: absolute;z-index: 10;}
.drop li { opacity: 0;transform-origin: top center;}
.drop li:nth-child(1) a{border: 1px solid #f0f0f0;} 
.drop li a {background: #fff; width:118px; height:40px;text-align:center; line-height: 40px; border: 1px solid #f0f0f0; color:#484848; border-top: none; font-size: 14px;}
.drop li a:hover{background:#f06100;}
.main > li a:hover .drop {background:#2b3371; height:40px;}
.main li:hover .menu1 li:first-of-type {animation: menu1 0.3s ease-in-out forwards;animation-delay: 0.3s;}
.main li:hover .menu1 li:nth-of-type(2) {animation: menu1 0.3s ease-in-out forwards;animation-delay: 0.6s;}
.main li:hover .menu1 li:nth-of-type(3) {animation: menu1 0.3s ease-in-out forwards;animation-delay: 0.9s;}
.main li:hover .menu1 li:nth-of-type(4) {animation: menu1 0.3s ease-in-out forwards;animation-delay: 1.2s;}		
.main li:hover .menu1 li:nth-of-type(5) {animation: menu1 0.3s ease-in-out forwards;animation-delay: 1.5s;}
@keyframes menu1 { 0% { opacity: 0; transform: translateX(50px) rotate(-90deg); } 100% { opacity: 1; transform: translateX(0) rotate(0);}}
.main li:hover .menu2 li:first-of-type {animation: menu2 0.3s ease-in-out forwards;animation-delay: 0.2s;}
.main li:hover .menu2 li:nth-of-type(2) {animation: menu2 0.3s ease-in-out forwards;animation-delay: 0.4s;}
.main li:hover .menu2 li:last-of-type {animation: menu2 0.3s ease-in-out forwards;animation-delay: 0.6s;}
.hover1{ height:40px; background:#f06100;}
.hidden{overflow: hidden;}

/*banner*/
.banner{ overflow: hidden; height: 600px; width: 100%;}
.banner-box{ min-width:1200px; height:600px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:600px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a { display: block; background-size: auto; height: 100%; position: relative; z-index: 1111; }
.banner-btn {width: 100%; position: absolute; top: 0; left: 0px; margin-left: 0; height: 600px; overflow: hidden;}
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:245px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190626/20190626155700_661988862.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190626/20190626155700_661988862.png) no-repeat -49px 0; }
.banner-box .hd { position: absolute; bottom:45px; width: 100%; display: block; }
.banner-box .hd ul { width: 1200px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:20px; height:20px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background: #f06100; width: 32px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

/* search */
.sear_bg{width:100%;height:70px;background:#f5f5f5;}
.sear_le{line-height:70px;color:#484848;;}
.sear_le span{font-size:15px;}
.sear_le a{font-size:15px;color:#484848;}
.sear_le a:hover{ color:#f06100;}
#search_bg{width:360px;height:42px;background:#fff;margin-top:14px;position:relative;}
#infoname{width:336px;height:42px;text-indent:10px;}
#sso{width:52px;height:40px;position:absolute;top:0;right:0;}


/*number*/
.number_bg{ width:100%; background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627154024_1893065459.jpg) center bottom no-repeat; padding-bottom:1px; margin:auto;margin:40px auto;}
.number{background:#f5f5f5;overflow:hidden;}
.number dl{float:left;width:300px; border-left:1px solid #fff;margin-left:-1px;text-align: center; padding: 40px 0;}
.number dt {position:relative;font-size:0;}
.number dt samp{font-size:40px;line-height:36px;font-family:Impact,arial;font-weight:bold;display: inline-block;vertical-align:top;}
.number dt span{font-size:14px;line-height:23px;color:#fff;margin-left:10px;display:inline-block;vertical-align:top; background: #2b3371; border-radius: 50px; width: 23px; height: 23px; text-align: center;}
.number dd{font-size:16px;line-height:16px;margin-top:15px;}

/*产品*/
.chanpin_t{ width:1200px; text-align:center; margin:auto;}
.chanpin_t .t1{ font-size:40px; font-weight:bold;color:#2b3371;}
.chanpin_t .t3{ line-height:35px;margin:auto;font-size:16px; color:#666; letter-spacing: 2px;}
.chanpin_t .t4{ width:27px; height:32px; margin:auto; margin-top:15px; animation: myfirst 2s infinite;}
 @keyframes myfirst {  0% { transform: translate(0px, 0px); }  50% { transform: translate(0px, -10px); }   100% { transform: translate(0px, 0px);}}
 
.prod_z{width:1200px; margin:0 auto; margin-top: 25px;}
.prod_z a{ font-size:18px;}

.prod_c{ width:1200px; margin:auto;}
.prod_c table td{padding-bottom:10px;}
.prod_c table tr:last-child td{padding-bottom:10px;}
.prod_c table td>a{width:284px; padding:2px; border:1px solid #ddd; display:block; height:214px; overflow:hidden; position:relative;}
.prod_c table td:hover>a::after,.prod_c table td:hover>a::before{content:" ";display:block; position:absolute; height:212px; width:282px; padding:2px; top:0; left:0; border:1px solid #2b3371; z-index:10; -webkit-animation:clipAni 2s infinite linear; animation: clipAni 2s infinite linear;}
.prod_c table td:hover>a::before{-webkit-animation-delay:-1s;animation-delay:-1s;-ms-animation-delay:-1s;}

@-webkit-keyframes  clipAni{ 0%,100%{ clip:rect(0px,288px,288px,288px);} 25%{ clip:rect(0px,288px,2px,0px); } 50%{ clip:rect(0px,2px,288px,0px);}75%{ clip:rect(288px,288px,288px,0px); } }
@keyframes  clipAni{ 0%,100%{ clip:rect(0px,288px,288px,288px); } 25%{ clip:rect(0px,288px,3px,0px); } 50%{ clip:rect(0px,2px,288px,0px);} 75%{ clip:rect(288px,288px,288px,0px);}}
@-ms-keyframes  clipAni{ 0%,100%{ clip:rect(0px,288px,288px,288px); } 25%{ clip:rect(0px,288px,2px,0px);} 50%{ clip:rect(0px,2px,288px,0px);} 75%{ clip:rect(214px,288px,288px,0px); }}
.prod_c table td>span{width:290px !important; height:40px; display:block; margin-top:-10px;}
.prod_c table td>span a{width:inherit; height:inherit; display:inherit; color:#333; background:#f2f2f2; font-size:14px; line-height:40px;}
.prod_c table td:hover>span a{background:#2b3371; color:#fff;}
.dis{display:none;}
#tablit {text-align:center; margin:0 auto; height:55px; margin-bottom:30px;}
#tablit dl{}
#tablit dl dt{}
#tablit dl dd{float:left; width:190px; height:55px; line-height:55px; text-align:center; margin:0px 5px; font-size:18px; background:#f5f5f5;}
#tablit dl dd:hover{float:left; width:190px; height:55px; line-height:55px; text-align:center; background-color:#2b3371; font-size:18px;}
#tablit .on{width:190px; height:55px; line-height:55px; background-color:#2b3371; font-size:18px;}
#tablit .on a{color:#fff; font-size:18px;}
.dis{display:none;}
#tablit dl dd:hover a{display:block !important;}



/*优势*/
#case_bz{ width:1200px; height:480px; background:#fff; margin:auto;}
#yx_bz{ width:1200px; margin:auto;}
.yx_wz{ width:470px; height:115px; margin:auto; padding-top:65px; text-align:center;}
.yx_dwz{ font-size:40px; color:#fff; font-weight:bold; line-height:35px;}
.yx_xwz{ font-size:16px; color:#b4b8da; line-height:35px; padding-top:10px; letter-spacing:2px;}
.yx_tp{ width:27px; height:32px; margin:auto; padding-top:15px; animation: myfirst 2s infinite;}


.yx_l{ width:405px; height:350px; float:left; margin-left:30px;}
.yx_t{ width:88px; height:147px; float:left; margin-top:-15px; background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190626/20190626175046_401716753.png) center no-repeat;}
.yx_t1{height:13px; padding-top:22px; font-size:16px; line-height:13px; color:#888; font-family:"Arial"; margin:auto; text-transform: uppercase; text-align:center;}
.yx_t2{ font-size:40px; color:#fff; line-height:30px;  font-family:"Arial"; margin:auto; padding-top:27px; text-align:center; }
.yx_t3{ padding-top:45px; margin-left:20px; float:left; font-size:18px; color:#484848; line-height:30px;}
.yx_t3 span{ font-size:24px; color:#484848; font-weight:bold; line-height:35px;} 
.yx_t4{ width:368px; height:168px; float:left; padding-top:13px;}
.yx_t4 p{ background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627085551_1221640221.png) left top 6px no-repeat; font-size:14px; line-height:26px; color:#484848; margin-top:15px; padding-left:30px;}

.edge1{ width:1200px; height:480px; background:#fff; margin:auto;}
.pr { position: relative;}
.pa {position: absolute;}
.edge{ width:100%; line-height:36px;height:704px; background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627095402_1869888442.jpg) center no-repeat; margin:auto;}
.edge_t{left:50%;margin-left:-570px; height:60px;bottom:30px;text-align: center;width:650px;font-size: 24px;z-index: 2;color: #fff;background: #333; cursor:pointer;}
.edge_t li{width:130px;height:60px;line-height:60px;float: left;text-align: center;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border-left: solid 1px #fff; font-size:20px;}
.edge_t li:nth-child(1){border-left:0;}

.edge_t li.cur{color: #fff;background: #f06100; font-size:20px; font-weight:bold; line-height:60px;}
.edge_t li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.edge_t li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.edge_p1{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190626/20190626173151_183345529.jpg) no-repeat center;width: 730px;  height: 448px; margin: 33px 33px 0px 0px; float: right;}
.edge_p2{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627094144_339155931.jpg) no-repeat center;width: 730px;  height: 448px; margin: 33px 33px 0px 0px; float: right;}
.edge_p3{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627094144_1278928727.jpg) no-repeat center;width: 730px;  height: 448px; margin: 33px 33px 0px 0px; float: right;}
.edge_p4{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627094144_986704723.jpg) no-repeat center;width: 730px;  height: 448px; margin: 33px 33px 0px 0px; float: right;}
.edge_p5{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627094145_1590194991.jpg) no-repeat center;width: 730px;  height: 448px; margin: 33px 33px 0px 0px; float: right;}
.edge_c{color: #666;}
.yx_xang{ width:100%; height:49px; background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627100241_50209138.jpg) center no-repeat;}



/*流程*/
.process{ width:100%; height:369px; margin:auto; padding-top:60px;}
.lc_wz{ width:558px; height:116px; margin:auto; text-align:center;}
.lc_wz1{ font-size:40px; line-height:35px; color:#000; }
.lc_wz1 span{ font-weight:bold; color:#2b3371;}
.lc_xwz{ font-size:16px; line-height:35px; color:#666; padding-top:7px; letter-spacing:2px;}
.lc_xtp{ width:27px; height:32px; margin:auto; padding-top:15px; animation: myfirst 2s infinite;}
	

.process_nr{ position:relative; margin-top:75px;}
.process li{ width:115px; height:115px;-webkit-transition:0.3s; transition:0.3s; float:left; margin-right:65px; background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627102758_687533579.jpg) center no-repeat;}
.process li:hover{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627102857_9376298.jpg) center no-repeat;; -webkit-box-shadow: 0 0 0 8px #eee; box-shadow: 0 0 0 8px #eeeeee30;  cursor:pointer;}
.process li p{ text-align:center; margin-top:10px;font-size:16px; color:#000;}
.process li:hover p{ color:#fff; font-size:16px;}
.process li b{width:12px; height:12px; background:#ddd; display:block; margin:auto; border-radius:50px; -webkit-border-radius:50px; position:relative; -webkit-transition:0.3s; transition:0.3s; margin-top:-136px;}
.process li:hover b{ -webkit-box-shadow: 0 0 0 2px  #2b3371; box-shadow: 0 0 0 2px  #0056a2; background:#fff; -webkit-transition:0.3s; transition:0.3s;}
.process li b em{ position:absolute; left:0; top:0; right:0; bottom:0; width:6px; height:6px; background:#ddd; display:block; border-radius:100px; -webkit-border-radius:100px; -webkit-transition:0.3s; transition:0.3s; margin:auto;} 
.process li:hover b em{ -webkit-transition:0.3s; transition:0.3s; background: #0056a2;}
.process li dl{width:1px; height:39px; background:#ddd; display:block; margin-left:57px;}

.fw_xz{ font-size:12px; line-height:15px; font-family:"Arial"; color:#fff; float:right; margin-top:-27px;}
.process_i i{width: 1200px; height: 1px; margin: auto; background: #ddd;display: block; margin-top:-160px;}
.process_01 i{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627105825_1501822589.png) bottom no-repeat; display:block; width:24px; height:24px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
.process_01:hover i{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627105825_1501822589.png) top no-repeat; -webkit-transition:0.3s; transition:0.3s;}

.process_02 i{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627110747_1440446004.png) bottom no-repeat; display:block; width:24px; height:24px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
.process_02:hover i{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627110747_1440446004.png) top no-repeat; -webkit-transition:0.3s; transition:0.3s;}

.process_03 i{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627175806_606249479.png) bottom no-repeat; display:block; width:24px; height:28px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
.process_03:hover i{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627175806_606249479.png) top no-repeat; -webkit-transition:0.3s; transition:0.3s;}

.process_04 i{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627110747_1215131672.png) bottom no-repeat; display:block; width:24px; height:26px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
.process_04:hover i{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627110747_1215131672.png) top no-repeat; -webkit-transition:0.3s; transition:0.3s;}

.process_05 i{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627110747_2024618111.png) bottom no-repeat; display:block; width:24px; height:26px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
.process_05:hover i{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627110747_2024618111.png) top no-repeat; -webkit-transition:0.3s; transition:0.3s;}

.process_06 i{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627110747_1788850027.png) bottom no-repeat; display:block; width:24px; height:24px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
.process_06:hover i{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627110747_1788850027.png) top no-repeat; -webkit-transition:0.3s; transition:0.3s;}

.process_07 i{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627110747_398542875.png) bottom no-repeat; display:block; width:24px; height:25px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
.process_07:hover i{background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627110747_398542875.png) top no-repeat; -webkit-transition:0.3s; transition:0.3s;}


/*案例*/
#case_bg{ width:100%;margin:auto; background:#f5f5f5; height:880px; }
.case_bj{ width:1200px; margin:auto; padding-top:50px;}

.case_t{ height:115px; margin:auto;  text-align:center; margin-bottom:30px;}
.case_wz{ font-size:40px; color:#000; line-height:40px;}
.case_wz span{ font-weight:bold; color:#2b3371;}
.case_w1{ font-size:16px; color:#666; line-height:20px; letter-spacing:2px; padding-top:13px;}
.case_w2{ width:27px; height:32px; margin:auto; padding-top:20px;  animation: myfirst 2s infinite;}

#case_b{width:1200px; margin:0 auto;}
#case_b img{ border:1px solid #ddd;}
#case_b_l{width:592px; float:left;}
#case_b_r{width:592px; float:right;}

.productshow{width:592px; overflow:hidden;}
.productshow ul li{width:592px; height:360px; float:left; position:relative; overflow:hidden; cursor:pointer;}
.productshow .txt{width:592px; height:45px; background:rgba(43,51,113,0.8); position:absolute; left:0; bottom:0; color:#fff;}
.productshow .txt h3{font-size:16px; font-weight:100; height:45px; text-align:center; line-height:45px; color:#fff;}
.productshow .txt h3 a{color:#fff; font-size:16px;}

.productshows{width:590px; overflow:hidden;}
.productshows ul li{width:285px; height:245px; float:left; position:relative; overflow:hidden; cursor:pointer; margin-left:20px;}
.productshows ul li:first-child{margin-left:0px;}
.productshows .txts{width:285px; height:45px; background:rgba(43,51,113,0.8); position:absolute; left:0; bottom:0; color:#fff;}
.productshows .txts h3{font-size:16px; font-weight:100; height:45px; text-align:center; line-height:45px; color:#fff;}
.productshows .txts h3 a{color:#fff; font-size:16px;}


/*简介*/
.about_bj { width:100%; margin:0 auto; background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627114328_1190105206.jpg) center no-repeat; height:857px;}
.w1200{width:1200px;height: auto;margin: 0 auto; min-width: 1200px;}
.jj_wz{ width:485px; height:115px; margin:auto; text-align: center; padding-top:60px;}
.jz_wz1{ font-size:40px; line-height:35px; color:#fff; font-weight:bold;}
.jz_wz2{ font-size:16px; line-height:35px; color:#b4b8da; padding-top:10px; letter-spacing:2px;}
.jz_ztp{ width:27px; height:32px; margin:auto; padding-top:12px;}

.about_l { width:188px; background:url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627115545_479279983.jpg) center no-repeat; height:545px; margin-top:100px; margin-left:35px;}
.about_lk{ width:188px; height:auto;  margin-top: 215px;}
.about_lk li{ width:144px; background:#f06100; height:42px; float:left; margin-left:22px; margin-top:20px; text-align:center; font-size:16px; color:#fff; line-height:42px;}
.about_lk li a{  background:#f06100;  font-size:16px; color:#fff; display:block;  }
.about_lk li a:hover{  background:#2b3371;  font-size:16px; color:#fff;  }

.about_r { width:910px; height:auto; margin-right:35px;}
.about_rw { font-size:24px; color:#444; padding-top: 81px; line-height: 60px;}
.about_rw span { font-size:26px; color:#2b3371; font-weight:bold;}
.about_rww { font-size:14px; color:#666666; line-height:35px;}
.about_rww a{ font-size:14px; color:#666666; }
.about_rww a:hover{ font-size:14px; color:#f06100; }
.about_rtt {width:910px; height:auto;  margin-top:28px;}

.convert_bj { width:100%; margin:0 auto; height:auto; background:#f5f5f5; height:347px;}
.convert{ width:1200px; margin:0 auto; overflow:hidden; padding-top:50px;}
.convert table tbody tr td div a{ font-size:14px;}   
.convert table tbody tr td div a:hover{ font-size:14px; color:#f06100;} 



/*新闻中心*/
.news_bg{ width:100%; height:700px;}
.news_bj{ width:1200px; margin:auto;}
.tit1{ width:311px; height:143px; margin:auto; padding-top:55px; text-align:center;}
.tit11_1{ font-size:40px; line-height:30px; color:#000; font-weight:bold;}
.tit11_1 span{ color:#2b3371;}
.tit12{ font-size:16px; color:#666; line-height:30px; padding-top:15px; letter-spacing:2px;}
.tit13{ width:27px; height:32px; padding-top:17px;  animation:myfirst 2s infinite; margin:auto;}


.news{ width:1200px;margin:auto;}
.news > .page {position: relative;}
.news .new_inA { width: 112px; height: 152px; display: block; background: url(https://memberpic.114my.com.cn/xiangyan/uploadfile/image/20190627/20190627140316_2025003840.png) top left no-repeat; position: absolute; z-index: 111; left: 0; }

.news_row2 { position: relative; padding: 0px 0 20px; }
.news_row2 .page{ position: relative; }
.news_col{ float: left; }
.news_col .news_div_item, .news_col .divdgweb_new_div_item { float: left; background-color:#fff; width: 245px; margin-left: 52px; position: relative; height:405px; display: block; padding: 21px 28px 0 28px; }
.news_col .news_div::after, .news_col .divdgweb_new_div::after, .news_col .news_div::after, .news_col .divdgweb_new_div::after { content: ''; display: block; clear: both; }
.news_col .news_div_item .news_div_item_pic, .news_col .divdgweb_new_div_item .news_div_item_pic { height: 200px; overflow: hidden; display: block; width: 100%; transform: rotate(0deg); }
.news_col .news_div_item img, .news_col .divdgweb_new_div_item img{ width: 97%; height: 190px; display: block;}
#news_btn_l { background-position: -1px -1px; }
#news_btn_r { background-position: -18px -1px; }
.news_btn:hover { background-position-y: -34px !important; }
#news_cont { margin: 0 auto; float: right; width: 1060px; height: 426px; position: relative; overflow: hidden; }
.news_col .news_div_item .news_div_item_date, .news_col .divdgweb_new_div_item .divdgweb_new_div_item_date { width: 110px; line-height:26px; text-align: justify; border-radius: 3px; transition: 0.3s all ease-in-out; }
.news_col .news_div_item .news_div_item_date div, .news_col .divdgweb_new_div_item .divdgweb_new_div_item_date div { display: inline-block; color: #454545; font-size: 14px; font-family: Helvetica; letter-spacing: 0.4px; }
.news_col .news_div_item .news_div_item_title, .news_col .divdgweb_new_div_item .divdgweb_new_div_item_title { display: block; width: 100%; padding: 0 0 15px; position: relative; height: 34px; margin-bottom:5px; }
.news_col .news_div_item .news_div_item_a, .news_col .divdgweb_new_div_item .divdgweb_new_div_item_a { display: block; line-height: 34px; font-size: 17px; font-weight: 100; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; text-align: justify; position: relative; white-space: nowrap; }
.news_col .news_div_item .news_div_item_title:after, .news_col .divdgweb_new_div_item .divdgweb_new_div_item_title:after{ content: ''; display: block; width: 45px; height: 4px; background: #2b3371; position: absolute; left: 0px; bottom: 0; z-index: 3; transition: .3s all ease-in-out; }
.news_col .news_div_item.on .news_div_item_title:after, .news_col .divdgweb_new_div_item.on .divdgweb_new_div_item_title:after{ width: 85px; background: #2b3371; left: -50px; bottom: 0; }
.news_col .news_div_item .news_div_item_body, .news_col .divdgweb_new_div_item .divdgweb_new_div_item_body {height:90px; z-index: 11; color: #666; transition: .3s all ease-in-out; text-align: justify; line-height: 25px; padding-top: 6px; }
.news_col .news_div_item .beta1, .news_col .divdgweb_new_div_item .beta1,.news_col .news_div_item .beta3, .news_col .divdgweb_new_div_item .beta3 { width: 4px; height: 0%; display: block; position: absolute; background: #2b3371; top: 0; transition:0.5s all ease-in-out; }
.news_col .news_div_item .beta2, .news_col .divdgweb_new_div_item .beta2,.news_col .news_div_item .beta4, .news_col .divdgweb_new_div_item .beta4 { display: block; width: 0%; height: 4px; left: 0; background: #2b3371; position: absolute; transition:0.5s all ease-in-out; }
.news_col .news_div_item .beta1, .news_col .divdgweb_new_div_item .beta1{ left:0; }
.news_col .news_div_item .beta3, .news_col .divdgweb_new_div_item .beta3{ right:0; }
.news_col .news_div_item .beta2, .news_col .divdgweb_new_div_item .beta2{ top: 0; }
.news_col .news_div_item .beta4, .news_col .divdgweb_new_div_item .beta4{ bottom: 0; }
.news_col .news_div_item.on .beta1, .news_col .divdgweb_new_div_item.on .beta1,.news_col .news_div_item.on .beta3, .news_col .divdgweb_new_div_item.on .beta3 { height: 100%; }
.news_col .news_div_item.on .beta2, .news_col .divdgweb_new_div_item.on .beta2,.news_col .news_div_item.on .beta4, .news_col .divdgweb_new_div_item.on .beta4 { width: 100%; }
.news_list { float: left; width: 100px; padding-top: 108px; }
.news_list > a { display: block; width: 50px; text-align: center; font-size:16px; color:#fff; line-height: 24px; height: 50px; padding:17px; border-radius: 50%; margin: 21px auto; background: #333; box-shadow: 0 0 0 7px rgba(26,26,26,0.2); transition: 0.3s all ease-in-out; }
.news_list > a:hover,.news_list > a.active{ background: #2b3371; box-shadow: 0 0 0 7px rgba(43,51,113,0.6);}






/*footer*/
.footer{width:100%; min-width:1200px; overflow:hidden; background:#1a1a1a; font-size:14px; color:#808080; border-bottom:solid 1px #262626;  padding-bottom: 20px;}
.footer a{font-size:14px; color:#808080; transition: all 0.5s linear;}
.footer a:hover{color:#fff !important; transition: all 0.5s linear;}

.links{width:100%; overflow:hidden; padding:20px 0; background:#2b3371;}
.linksW{width:1200px; margin:0 auto;}
.links_l{float:left; width:120px; border-right:dashed 1px #434d98; font-size:16px; color:#fff; line-height:18px;}
.links_l span{color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:36px; font-weight:bold; line-height:36px;}
.links_r{float:right; width:1050px; color:#fff;}
.links_r a{color:#fff !important;}

.footerW{width:1200px; margin:0 auto; padding:60px 0px 0px 0px; overflow:hidden;}
.footer_m{font-size:20px; color:#fff; line-height:26px; margin-bottom:24px;}
.footer_en{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#525252; line-height:20px; text-transform:uppercase; overflow:hidden;}
.footer_lx{float:left; width:350px; overflow:hidden;}
.footer_lx_d{overflow:hidden; line-height:28px;  color:#808080;}
.footer_lx_d a{color:#808080 !important; transition: all 0.5s linear;}
.footer_lx_d a:hover{color:#fff !important; transition: all 0.5s linear;}    
    
.footer_l{float:left; width:131px; margin-right:40px;}
.footer_ld{overflow:hidden;}
.footer_ld_lo{overflow:hidden; height:212px;}
.footer_ld_lu{overflow:hidden;}
.footer_ld_lu a{color:#808080 !important; transition: all 0.5s linear;}
.footer_ld_lu a:hover{color:#fff !important; transition: all 0.5s linear;}
.footer_ld_lu li{width:130px !important; overflow:hidden;line-height:28px !important;}
.footer_ld_lu li span{display:block; width:130px !important; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; line-height:28px !important;}
.footer_ld_li{line-height:28px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; width:130px;}
.footer_ld_li  a{color:#808080 !important; transition: all 0.5s linear;}
.footer_ld_li a:hover{color:#f06100 !important; transition: all 0.5s linear;}   
.footer_r{float:right; width:236px;}
.footer_ri{overflow:hidden; margin-bottom:20px; margin-top: 8px;}
.footer_ri_r{float:right; overflow:hidden; width:132px;}
.footer_ri_rm{font-size:16px; color:#f06100; line-height:24px; margin-bottom:15px;}
.footer_ri_d{overflow:hidden; width:90px; float:left;}
.footer_ri_d img{width:90px;}
.footer_ri_r .footer_m{margin-bottom:0px;    font-size: 16px;}
/*copy*/
.copy{width:100%; background:#1a1a1a; text-align:center; font-size:14px; color:#808080; overflow:hidden; padding:20px 0; line-height:26px; border-top:solid 1px #000;}
.copy a{ font-size:14px; color:#808080; transition: all 0.5s linear;}
.copy a:hover{ font-size:14px; color:#f06100; transition: all 0.5s linear;}
.copyW{width:1200px; margin:0 auto; color:#808080;}