@charset "utf-8";
/* CSS Document */
body{ height:100%; min-width:1200px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div{margin:0;padding:0;border:none;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"微软雅黑"; color:#666;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
table,td,tr,th{ border-collapse:collapse; border-color:#ddd;}
img,embed{ border:none; vertical-align:text-top;}
img{border:0; -ms-interpolation-mode: bicubic; -moz-interpolation-mode:bicubic; -webkit-interpolation-mode:bicubic;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
ul,li{ padding:0; list-style-type:none;}
a{color:inherit;line-height:1.5; text-decoration:none;}
a:focus{outline-color:#666;z-index:99;position:relative}
a:hover,a:focus{-webkit-transition:color .3s;transition:color .3s;color:#9e0001; text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.clear{ clear:both;}
.clearfix {*zoom:1}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility:hidden;}
.w1000{ width:1000px; height:auto; margin:0 auto;}
.w1200{ width:1200px; height:auto; margin:0 auto;}
.container{ width:1200px; height:auto; margin:0 auto; position:relative;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; position:relative;}
@media(max-width:767px){
html,body{ min-width:300px !important; max-width:640px;}
.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
.container{ width:100%; height:auto; margin:0 auto; position:relative;}
}

/*navbar*/
.navbar{float:left;width:304px; height:100%;position: fixed;top: 0;left: 0;bottom:0;background:#2f3339/*173362*/; margin: 0;border-radius:0;padding:0 0 0 1rem;}
.nav-scorll{ height:100%;}
.nav-scorll:after{ content:""; display:block;position:absolute; top: 0px; right:-1px; width:5px; height:100%; background-color: rgb(99, 28, 28); border: 0px; background-clip: padding-box; border-radius: 5px;}

.navbar .head{padding-top:3.5rem;}
.navbar .head .logo{ float:left;}
.navbar .head .logo img{ max-width:100%; height:55px;}
.slogn{float:left;margin:3px 0 0 10px; position:relative;}
.slogn a{ display:block; line-height:1;}
.slogn b{ display:block; font-size:26px;font-weight:700;color:#fff; letter-spacing:2.5px; line-height:1;}
.slogn span{display: block;font-size:14px;font-weight:400;color:#fff;height:28px;border-radius:14px;text-align:center;margin-top:8px;opacity:.8;}
.navbar ul{display: block;	width: 100%;}
.navbar li{width: 100%;display: block; color: #fff;}
.navbar .nav{margin:25px 1rem 30px 0;}
.navbar li{font-size: 16px;text-transform: uppercase;padding: 0 15px; height: 45px; line-height: 45px;}
/*.navbar li span{display: block;}
.navbar li a:hover span { margin-top:-45px; } */
.nav > li > a{display:inline-block;color: #fff;padding:10px 0; overflow:hidden; text-decoration:none;}
.navbar li.active a,.navbar li a:hover,.nav > li > a:focus, .nav > li > a:hover{border-bottom: 1px solid rgba(255, 255, 255, 0.2);background: none;color: #fff;}
.navbar-toggle{background: #fff;}

.navbar .search{height:34px;line-height:34px; margin-left:2rem;}
.navbar .search .keyword{ width:72.5%;border: none;padding-left: 10px;  border-radius: 5px 0 0 5px;float: left; height:36px; line-height:36px; outline:none;}
.navbar .search .btn{ float: left;height: 36px;line-height: 17px; background: #cd1e1f; color: #fff; text-shadow: none;border:1px solid #cd1e1f;border-radius: 0 5px 5px 0; width: 45px; padding: 0;}

.navbar .date{ padding:0 1rem 0 0;margin:3.5rem 0 0;overflow: hidden;}
.navbar .date .wechat{ text-align:center;}
.navbar .date .wechat img{ max-width:120px; height:auto;}
.navbar .date .wechat span{ display:block; text-align:center; font-size:14px; padding:7px 0 0; color:#f2f2f2;}

.navbar .copyright{margin-top:20px; padding:0 1rem 20px 0;font-size: 16px;text-align: center;color: #f2f2f2; line-height:2;}
.navbar .copyright a{color: #f2f2f2;}

.footerBg{ background:/*#2f3339*/url(/images/footerBg.png) repeat; padding:30px 0 0;}
.fBdivider{ text-align:center; height:50px;background: url(/images/divider.png) center no-repeat;}
.fBdivider img{ width:50px;height:50px;padding: 6px;margin: 0 auto;-webkit-border-radius:32px;-moz-border-radius: 32px;border-radius:32px;border:3px dotted #cccc;text-align: center;position:relative;z-index:1;}
.fBnav{ padding:25px 0 5px; text-align:center; color:#666;font-size:14px;}
.fBnav a{display:inline-block;font-size:15px;padding: 0 12px; color:#666;}
.fBnav span{display: inline-block;}
.footerBg .copyright{font-weight: 500; font-style: normal;font-size: 15px;line-height:2;color:#666;width: 100%;text-align:center; margin-top:10px; padding:0 0 35px;}
.footerBg .copyright p{ text-transform:none;}
.footerBg .copyright a{color: #666;}
.footer-container{ width: 100% !important; height: 50px;background-color: #25282c;position: relative;z-index: 100;text-align:center;}
.footer-container .gotop{ margin:0 auto; display:block;}
.footer-container .gotop img{margin:-25px auto;}


@media (min-width:768px){.navbar-toggle{display:none}}
.navbar-nav{margin:5px -10px}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px;}
 @media (max-width:767px){
	 .navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}
	 .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}
	 .navbar-nav .open .dropdown-menu>li>a{line-height:20px}
	 .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}
}
@media (min-width:768px){
	.navbar-nav{float:left;margin:0}
	.navbar-nav>li{float:left;text-align:center; margin-left:-8px;}
	.navbar-nav>li>a{padding-top:10px;padding-bottom:10px}
	.navbar-nav.nav-justified>li{float:none}
}
.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}
.navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right{right:0;left:auto}
.navbar-btn{margin-top:4px;margin-bottom:4px}
.navbar-text{float:left;margin-top:10px;margin-bottom:10px}
@media (min-width:768px){
	.navbar-text{margin-right:10px;margin-left:10px}
}
@media (min-width:768px){
	.navbar-left{float:left!important}
	.navbar-right{float:right!important;margin-right:-10px}
	.navbar-right~.navbar-right{margin-right:0}
	.collapse,.visible-lg{ display:block !important;}
	.navbar-collapse{border-top:none;  -webkit-box-shadow:none; box-shadow:none;}
}
@media (max-width:767px){
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#333}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#222;background-color:#e5e5e5}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}
}
@media (max-width:767px){
	.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#10479f}
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#10479f}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#ddd}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:#1868e8}
	.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#2a74ea}
	.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}
	
	.navbar{float:none;width:100%; height:auto;position:relative;top: 0;left: 0;bottom:0;padding:0; border-left:none; border-right:none;}
	.nav-scorll:after{ display:none;}
	.navbar .head{ padding:10px 5px;}
	.navbar .head .logo{ margin:0 0 5px 0;}
	.navbar .head .logo img{ margin-top:5px; max-width:100%; width:auto; height:42px;}
	.slogn{margin:5px 0 0 8px;}
	.slogn b{ display:block; font-size:20px;}
	.slogn span{display: block;font-size:14px;margin-top:7px; height:auto;}
	
	.navbar-toggle{ margin:2px 5px 0 0;}
	.navbar-toggle .icon-bar{background-color:grey;}	
	.navbar-collapse{ position:absolute; z-index:999; top:72px; background:#2f3339; width:100%;}
	.navbar ul{display: block;	width: 100%;}
	.navbar li{width: 100%;display: block; color: #fff; text-align:center;}
	.navbar .nav{margin:10px 0 15px;}
	.navbar li{font-size: 16px;text-transform: uppercase;padding: 0 15px; height: 45px; line-height: 45px;}
	
	.navbar-toggle{ margin:11px 0 0;}
	.navbar-toggle .icon-bar{background-color:grey;}	
	.navbar-collapse{ position:absolute; z-index:999; top:74px; background:#2f3339; width:100%;}
	.navbar ul{display: block;	width: 100%;}
	.navbar li{width: 100%;display: block; color: #fff; text-align:center;}
	.navbar .nav{margin:10px 0 15px;}
	.navbar li{font-size: 16px;text-transform: uppercase;padding: 0 15px; height: 45px; line-height: 45px;}
}
@media(max-width:345px){
	.navbar .head .logo img{ margin-top:5px; height:42px;}
	.slogn{margin:5px 0 5px 5px;}
	.slogn b{font-size:20px;}
	.slogn span{font-size:14px;margin-top:7px;}
}
@media(max-width:320px){
	.navbar .head .logo img{ margin-top:5px; height:38px;}
	.slogn{margin:5px 0 0 5px;}
	.slogn b{font-size:18px;}
	.slogn span{font-size:13px;}
	.navbar-collapse{ top:70px;}
}


#fmenu{ position:fixed; bottom:0px; width:100%; height:56px; line-height:44px; z-index:999; max-width:640px; display:none;}
#fmenu ul{margin:0 auto;list-style-type:none;width:100%;/*max-width:500px;*/height:100%;}
#fmenu ul li{float:left;width:100%;height:100%;text-align:center;position:relative;font-size:18px;}
#fmenu ul li .line{position:absolute;top:0px;right:0px;z-index:30;width:1px;}
#fmenu ul li .menu_li{position: absolute;top:8px;left:10px;z-index:40;width:calc(100% - 10px);height:40px;line-height:40px;color:#fff;border-radius:40px;}
#fmenu ul li:nth-of-type(1) .menu_li{background-color:#f90;}
#fmenu ul li .menu_li>a{line-height:40px; vertical-align:middle;font-size:0;}
#fmenu ul li:nth-of-type(1){width:72%; display:none;}
#fmenu ul li:nth-of-type(2) .menu_li{background-color:#9e0001;width:calc(100% - 20px);}
#fmenu ul li:nth-of-type(2) .menu_li i{ display:inline-block; width:40px; height:40px; background:url(/images/en_3.png) no-repeat 0 1px; background-size:auto 38px; vertical-align:middle;}
#fmenu ul li:nth-of-type(2) .menu_li em{ vertical-align:middle;padding:0px;font-size:18px;}
#fmenu ul li .img_front{position:absolute;top:0px;left:0px;z-index:30;width:100%;height:100%;background-color: #000;opacity:.65;}
#fmenu ul li .img_front img{width:100%;height:100%;}
#fmenu ul li span{position:absolute;bottom:-300px;left:50%;width:104px;margin-left:-52px;height:auto;text-align:center;z-index:10;background-color: rgb(245, 245, 245);border-radius:10px;    border: 1px solid rgba(174, 174, 174, 0.3);}
#fmenu li em{font-style:normal;/*border-bottom:1px solid #c2c2c2;*/padding:10px;}
#fmenu ul li span a{float:left;width:100%;height:43px;line-height:43px;color:#454545;text-decoration:none;}
#fmenu .footer_front{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:888;display:none;}
/* .arrow-down { width: 0; height: 0; border-left: 10px solid transparent;  border-right: 10px solid transparent; border-top: 15px solid #f5f5f5; position: absolute; bottom: -10px; left: 40px;} */
#fmenu ul li span>img{width:7px;height:6px; position: absolute; bottom: -6px;left: 47px;}
#fmenu li i.linear{ display:block; background-image:-webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);background-image:linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent); border:0; height:1px; width:80%; margin:0 auto;}

.index_foot{ display:none;}
.livechat-girl { width:50px; height: 50px; border-radius: 50%; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { display:none;content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #50a1ff, #50a1ff); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl a{ display:block;}
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.livechat-girl .animated-circles .circle { background: rgba(158,0,1,.25); width: 50px; height: 50px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
@media(max-width:767px){
	.footerBg{ padding:20px 0 50px;}
	.fBdivider{ text-align:center; height:50px;background: url(/images/divider.png) center no-repeat;}
	.fBdivider img{border:3px dotted #ccc !important;}
	.fBnav{ display:none;}
	.footerBg .copyright{height:auto;font-size:13px;line-height:2; padding:.8rem 0 25px; margin:0;} 
	.footerBg .copyright i,.footerBg .copyright p{ display:none;}
	.footerBg .copyright span{ display:block;}
	.footer-container{ height:40px;}
	.footer-container .gotop img{margin:-20px auto; width:40px; height:auto}

	#fmenu{ display:block;}
	.index_foot{display:none;position:fixed; bottom:50px; right: 20px;}
	

}


.home-main.main{float:left;width: calc(100% - 304px);background: #fff;margin-left: 304px;}
@media (max-width:767px){
	.home-main.main{float:none;width:100%;background: #fff;margin-left:0;}
}

.inbanner{ width:100%; height:260px; margin-top:0;}
.inbanner img{ display:none;}
/*main03*/
.main03{ width:100%; height:auto; margin-bottom:0;}
@media(max-width:767px){
.inbanner{ width:100%; height:auto; margin-top:0; background:none;}
.inbanner img{ display:block; max-width:100%; height:auto;}
.main03{ width:100%; height:auto; margin-bottom:0;}
}
/*side_left*/
.side_left{ width:100%; height:auto; float:left;}
.main03_t{height:84px;position:relative; overflow:hidden; padding:30px 170px 0 20px;}
.main03_t ul{ margin:0; float:none; width:100%;}
.main03_t ul li{ float:left; text-align:center; line-height:25px; margin-right:0; margin-bottom:10px; position:relative;}
.main03_t ul li a{ display:block; padding:5px 25px; font-size:17px;color:#333; border-radius:3px; line-height:1.8;}
.main03_t ul li:hover a{ color:#9e0001;}
.main03_t ul li.on a{ background-color:#efefef; color:#9e0001;}
.main03_t ul li span{ display:none; width:100%; height:2px; background:#9e0001; position:absolute; left:0; bottom:-2px;}
.main03_t ul li.on:after{ content:""; display:block;width:5px;position:absolute; left:50%; bottom:-7px;border-top:5px solid #9e0001;border-right: 5px solid transparent;border-left:5px solid transparent; margin-left:-5px;}
.main03_t ul li.on span{ display:block;}
.main03_t ul li strong{ display:block; line-height:1.8; padding:5px 0; font-size:20px; color:#333;}
.main03_t.main03_t1 ul{ display:none;}
/*.h70{ height:70px !important;}*/
.main03_t h5{ display:inline-block;line-height:1.8; font-size:17px;color:#9e0001; position:relative;}
.main03_t h5 span{ display:inline-block; padding:5px 25px; border-radius:3px; background-color:#efefef; line-height:1.8;}
.main03_t h5 i{ display:block; width:100%; height:2px; background:#9e0001; position:absolute; left:0; bottom:-2px;}
.main03_t h5:after{ content:""; display:block;width:5px;position:absolute; left:50%; bottom:-7px;border-top:5px solid #9e0001;border-right: 5px solid transparent;border-left:5px solid transparent; margin-left:-5px;}

.location{ position:absolute; right:20px; top:34px; display:inline-block;  height:41px; line-height:40px; text-align:left; color:#737373; font-size:14px; padding-left:28px; background-image:url(/images/home.jpg); background-repeat:no-repeat; background-position:left center;}
.location a{ color:#737373;}
.location a:hover{ color:#9e0001; text-decoration:none;}

.nav_list{ display:none;}
@media(max-width:767px){
	.main03_t{ display:none;}
	.nav_list{padding:0 10px; background-color:#eee; line-height:40px; position:relative; z-index:40; display:block;}
	.nav_list a.GoBack{ font-size:15px; color:#fff; padding-left:20px;  position:relative; background:url(images/icon15.png) no-repeat left center; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%;}
	.nav_list span{ width:31px; height:26px; -webkit-background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; position:absolute; right:20px; top:12px; z-index:444;}
	.nav_list a.Column{ font-size:16px; color:#333;  position:relative; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%;}
	
	.dl-menu2{ width:100%; height:auto;}
	.dl-menu2 li{ float:left; width:33.333%; text-align:center;}	
	.dl-menuwrapper .dl-menu2 li a{padding:0 5px;font-size:14px; text-align:center; position:relative;}
	.dl-menuwrapper .dl-menu2 li a:after{ content:""; display:block; position:absolute; right:0; top:50%; margin:-10px 0 0; width:1px; height:20px; background:#666;}
	.dl-menuwrapper .dl-menu2 li:nth-child(3n) a:after{ display:none;}
}
/*side_right*/
.about_content{ font-size:16px; color:#737373; min-height:400px; width:100%; padding:25px 20px 50px; margin:0 auto;}
@media(max-width:767px){
	.about_content{ width:100%; padding:15px 10px 20px;}
	.location{ margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:none;}
}

.side_right{ width:100%; margin:0 auto; height:auto; overflow:hidden; min-height:300px; padding:25px 20px 50px;}
.side_right.pt15{ padding:15px 20px 50px !important;}
.side_right_content{ width:100%; padding-bottom:0;}
.about_c{ width:100%; padding:0; height:auto; color:#232323; line-height:2;}
.about_c img,.contact_c img{ max-width:100%; height:auto;}
.contact_c{ width:100%; padding:0; height:auto; color:#232323; line-height:2;}
@media(max-width:767px){
	.side_right{ width:100%; min-height:30px; padding:15px 10px 20px;}
	.side_right.pt15{ padding:15px 10px 20px !important;}
	.side_right .location{  height:41px; line-height:40px;}
	.about_c{ width:100%; padding:0; height:auto; color:#555; font-size:15px; line-height:2;}
	.about_c img{ max-width:96%; height:auto;}
	.contact_c{ width:100%; padding:0; height:auto; color:#555; font-size:15px; line-height:2;}

}

.serviceCon{ width:100%; padding:25px 0 0; width:100%;}
.serList{ float:left; width:48%; margin-right:4%; height:auto; margin-bottom:30px;}
.serList:nth-child(2n){ margin-right:0;}
.serList .title{ width:100%; padding-bottom:10px; line-height:30px; border-bottom:0 solid #ddd}
.serList .title span{ float:left; display:block; font-size:18px; color:#333; font-weight:700;}
.serList .title a{ float:right; font-size:13px; color:#666; margin-top:8px;}
.serList ul{ width:100%; height:auto;}
.serList ul li:nth-child(1){ margin-bottom:8px; padding:0; background-image:none; background:#efefef;}
.serList ul li:nth-child(1) .pic{ width:155px; height:115px; margin:8px; _margin-left:4px; overflow:hidden; display:block; float:left; position:relative;}
.serList ul li:nth-child(1) .pic img{ height:115px; float:left; }
.serList ul li:nth-child(1) .info{ width:calc(100% - 185px); height:auto; padding:7px 0 0 5px; float:left;}
.serList ul li:nth-child(1) .info .tit{ width:100%; height:35px;line-height:35px;}
.serList ul li:nth-child(1) .info .tit a{ float:left;line-height:35px; display:block; font-size:16px; color:#2d2d2d; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:80%;}
.serList ul li:nth-child(1) .info .tit span{ float:right;font-size:13px; color:#727272;}
.serList ul li:nth-child(1) .info .tit a:hover{ color:#9e0001;}
.serList ul li:nth-child(1) .info .dec{ width:100%; height:48px; line-height:24px;  font-size:12px; color:#888; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.serList ul li:nth-child(1) .info .more{ width:70px; height:35px; line-height:35px; font-size:12px; color:#9e0001; background:url(/images/ht.jpg) right center no-repeat;}
.serList ul li:nth-child(1) .info .more a{ color:#9e0001; line-height:35px;}
.serList ul li:nth-child(1) .info .more a:hover{color:#9e0001;}
.serList ul li{ float:left; width:100%; margin:0; line-height:34px; background:url(/images/libg.jpg) no-repeat center left; padding-left:17px;}
.serList ul li>a{ float:left; display:block; font-size:15px; color:#232323; max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height:34px;}
.serList ul li span{ float:right;font-size:14px;color:#646464;}
.serList ul li:hover a{ color:#9e0001;}
@media(max-width:767px){	
	.serviceCon{ width:100%; padding:0 0 0; width:100%;}
	.serList{ float:left; width:100%; margin-right:0; height:auto; margin-bottom:20px;}
	.serList ul{ width:100%; height:auto;}
	.serList ul li:nth-child(1){ margin-bottom:5px; padding:5px; background-image:none; background:#efefef;}
	.serList ul li:nth-child(1) .pic{ width:125px; height:auto; margin:0; _margin-left:0; }
	.serList ul li:nth-child(1) .pic img{ width:100%; height:auto; }
	.serList ul li:nth-child(1) .info{ width:calc(100% - 125px); padding:7px 0 0 10px;}
	.serList ul li:nth-child(1) .info .tit{ height:auto;line-height:1; padding-bottom:5px;}
	.serList ul li:nth-child(1) .info .tit a{ float:left;line-height:1; font-size:15px;  max-width:62%;}
	.serList ul li:nth-child(1) .info .tit span{ float:right;font-size:13px; color:#727272;}
	.serList ul li:nth-child(1) .info .dec{ width:100%; height:48px; line-height:24px;  font-size:12px; color:#888; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
	.serList ul li:nth-child(1) .info .more{ width:70px; height:auto; line-height:20px; margin-top:5px;}
	.serList ul li:nth-child(1) .info .more a{ color:#9e0001; line-height:20px;}
	.serList ul li:nth-child(1) .info .more a:hover{color:#9e0001;}
	.serList ul li{ line-height:32px;}
	.serList ul li>a{ font-size:14px; max-width:75%;o line-height:32px;}
	.serList ul li span{font-size:13px;}
}

.news_con{ width:100%; padding:0; width:100%;}
.news_con ul{ width:100%; height:auto; padding:0;}
.news_con ul li{ width:100%; padding:10px 0 30px; margin-bottom:20px; border-bottom:1px dashed #ddd; cursor:pointer;}
.news_con ul li .pic{ width:200px; height:auto; margin-right:20px; float:left;}
.news_con ul li .pic img{ width:100%; height:135px; margin-right:20px;}
.news_con ul li .info{ height:auto;}
.news_con ul li .info.plw{ padding-left:220px;}
.news_con ul li .info h1{font-size:18px;color: #333;font-weight:400; width:100%; height:37px; overflow:hidden; padding-bottom:10px;}
.news_con ul li .info h1 a{ color:#333; display:block; float:left; width:80%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_con ul li .info h1 span{ float:right;font-size:14px; color:#727272; line-height:27px;}
.news_con ul li .info .desc{ color:#787878;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;font-size:15px;line-height:1.8;}
.news_con ul li .info .more{margin:15px 0 0;}
.news_con ul li .info .more a{display:block;width:100px;font-size:15px;color:#9e0001;display:flex;align-items: center;justify-content: flex-start;}
.news_con ul li .info .more img{margin-left:6px; width:14px; height:auto;}
.news_con ul li .info a:hover{ color:#9e0001;}
.news_con ul li h1 a:hover{ color:#9e0001;}
@media(max-width:767px){
	.news_con ul{ width:100%;}
	.news_con ul li{ width:100%; padding:0 0 10px; margin-bottom:15px; float:left;}
	.news_con ul li .pic{ width:33.3%; height:auto; margin-right:0; overflow:hidden;}
	.news_con ul li .pic img{ width:100%; height:auto; margin-right:10px;}
	.news_con ul li .info.plw{ padding-left:35.333%;}
	.news_con ul li .info h1{font-size:16px; padding-bottom:8px; height:auto;}
	.news_con ul li .info h1 a{ max-width:65%; line-height:1;}
	.news_con ul li .info h1 span{font-size:12px; line-height:1;}
	.news_con ul li .info .desc{font-size:12px;-webkit-line-clamp:2;}
	.news_con ul li .info .more{margin:8px 0 0;}
	.news_con ul li .info .more a{font-size:12px;}
	.news_con ul li .info .more img{margin-left:4px;}	
}
@media(max-width:320px){
	.news_con ul li .info h1 a{ max-width:61%;}
	
}

.case_list{ width:100%; margin:0; height:auto;}
.case_con{ width:100%; margin-top:10px;}
.case_con ul{ width:100%;}
.case_con ul li{ float:left; position:relative; width:23.5%; margin:0 2% 20px 0;}
.case_con ul li:nth-child(4n){ margin-right:0;}
.case_con ul li img{ padding:2px; border:1px solid #e1e1e1; width:100%; height:185px; border-radius:5px;}
.case_con ul li .tit{ text-align:center;}
.case_con ul li .tit a{display:block;font-size:15px;color:#333;margin-top:5px;}
.case_con ul li:hover img{ border-color:#9e0001;}
.case_con ul li:hover a{ color:#9e0001;}
.case_con.honorList ul li img{ height:auto;}

.page{ width:100%; margin:15px 0 0; height:auto;text-align:center;font-size:14px;color:#808080;}
.page a,.page span{vertical-align: middle;display: inline-block;background-color:#f0f0f0; padding:5px 10px;color: #808080;line-height:1.4;text-align:center;border-radius:5px;margin:0 4px;border:1px solid #c1c1c1;-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.page a.on,.page a:hover{background-color:#9e0001; border-color:#9e0001;color: #ffffff;-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.page a.m{ border:none; margin:0; padding:5px; background-color:transparent;}
.page a.m:hover{background-color:transparent; border-color:transparent;color: #808080;}
.page .none{ display:none !important;}
#page1{ display:none;} 

@media(max-width:767px){	
	.case_con{ width:100%; float:left; margin-top:0; min-height:380px;}
	.case_con ul{ float:left; width:100%; margin-left:0;}
	.case_con ul li{ float:left; position:relative; width:48.5%; padding:0 0 10px; margin:0 3% 0 0;}
	.case_con ul li:nth-child(2n){ margin-right:0;}
	.case_con ul li img{ padding:2px; border:1px solid #e1e1e1; width:100%; height:auto;}
	.case_con ul li .tit{ text-align:center;}
	.case_con ul li .tit a{display:block;font-size:14px;color:#333;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
	.case_con ul li a .img01{ position:absolute; top:15px; left:15px; display:none;}
	.case_con ul li:hover .img01{ display:block;}
	
	/*page*/
	.page{ display:none;}
	#page1{ display:block; text-align:center; width:100%; height:auto; overflow:hidden;padding-top:10px;margin-bottom:10px;}
	#page1 a{ display:inline-block; margin-right:1px; padding:8px 14px; background:#9e0001; border-radius:5px; color:#FFF; font-size:15px;}
	#page1 a.num{ text-decoration:underline; color:#9e0001; font-weight:bold;}
	#page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:8px 14px; }

}

.display_con{ width:100%; color:#666; min-height:300px; padding:0;}
.dis_title{ width:100%; text-align:center;padding-bottom:10px;border-bottom:1px dashed #ededed;margin-bottom:10px; }
.dis_title.bornone{ border-bottom:none; margin-bottom:0; padding:0;}
.dis_title h4{ text-align:center; margin:0; padding:0 0 5px 0; font-size:20px; font-weight:bold; line-height:40px;}
.dis_title span{ color:#737373; font-size:14px; display:block; width:100%; line-height:30px;}
.d_c{ font-size:16px; line-height:2; padding:10px 0 20px; width:100%; height:auto; color:#555;}
.d_c b{ font-weight:bold;}

.details_video{ width:85%; height:auto; overflow:hidden; margin:0 auto 15px; border:5px solid #000; background:#000;}
.details_video .video-js.vjs-fluid{ height:auto; max-height:520px; width:100%;}

.pages{ width:100%; margin-top:10px; padding:5px 0 0; height:auto; float:left; border-top:1px dashed #dbdbdb}
.pages div{ height:auto; line-height:20px; padding:8px 0;}
.pages span{ font-size:15px; color:#333;}
.pages a{ color:#666; line-height:20px;}
.pages a:hover{ color:#9e0001;}

.dis_img{ width:100%; height:auto; text-align:center;}
.dis_img img{ max-width:80%; height:auto; border:1px solid #CCC;}
#shuiyinDiv img{ max-width:90%; height:auto;}

@media(max-width:767px){
.display_con{ width:100%; color:#666; min-height:300px; padding:0 5px;}
.dis_title{padding-bottom:10px;border-bottom: 1px dashed #ededed;margin-bottom:10px; }
.dis_title span{ line-height:1.5; font-size:12px;}
.dis_title h4{ font-size:17px; line-height:1.6; padding:0 0 8px;}
.dis_title.bornone h4{ padding:5px 0 0;}
.d_c{ font-size:15px;}
.d_c img{ max-width:96%; height:auto;}

.details_video{ width:100%;}

.pages div{ height:auto; line-height:24px; border-bottom:0 dotted #CCC;}
.pages>div{ padding:5px 0;}
.pages span{ font-size:14px; color:#333;}
.pages>div a{ font-size:14px;}

.btn {display: inline-block;padding:0; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation;     touch-action: manipulation; cursor: pointer; -webkit-user-select: none;    -moz-user-select: none;     -ms-user-select: none;         user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;}

	
}

.open-blinks{ right: .4rem;top:0;z-index: 99;width: 12px;height: 12px;background-color:#cd1e1f;}
.open-blinks{ content: ' ';position: absolute;display: inline-block;margin:0;border-radius: 50%;-webkit-animation-name: flash;animation-name: flash;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; display:none;}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}
@keyframes scaleToggleOne {
0% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
50% {
    transform:scale(2);
    -webkit-transform:scale(2)
}
100% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
20% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
60% {
    transform:scale(2);
    -webkit-transform:scale(2)
}
100% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
33% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
66% {
    transform:scale(2);
    -webkit-transform:scale(2)
}
100% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
}