@charset "utf-8";

/* Common style */
html{ overflow-y:scroll; overflow-x:auto;}
body,h1,h2,h3,h4,h5,h6,p,form{ margin:0;}
body{ font:14px '微软雅黑',tahoma,Srial,helvetica,sans-serif; color:#333;}
input{ font-family:'微软雅黑';}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
ul{ margin:0; padding:0; list-style:none;}
a img,input,button,textarea{ border:none;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}

/* Link Style */
a:visited{ outline:none;}
a:link{ color:#333; text-decoration:none;}
a:visited{ color:#333; text-decoration:none;}
a:hover{ color:#e4392a; text-decoration:underline;}
a:active{ color:#e4392a; text-decoration:underline;}

/* Body Style */
.con{ width:1200px; margin:0 auto;}
.con2{ width:1230px; margin:0 auto;}
.con1000{ width:1000px; margin:0 auto;}
.hiden{ overflow:hidden;}
.s12{ font-size:12px;}
.s16{ font-size:16px;}
.s20{ font-size:20px;}
.s30{ font-size:30px;}
.cf{color:#fff;}
.n{font-weight:normal;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.t-hide{text-indent:-9999px;}
.tc{text-align:center;}

/* header */
.top{height:90px;}
.logo{float:left; width:176px; height:62px; margin-top:15px;}
.nav{float:left; width:660px; line-height:90px; margin-left:80px;}
.nav li{float:left; width:110px; text-align:center; font-size:16px;}
.nav li a{display:block; height:87px; padding-bottom:3px; text-decoration:none;}
.nav .nav-this a{border-bottom:3px solid #e4392a; padding-bottom:0;}
.phone {
    float: right;
    margin-top: 26px;
    height: 25px;
    color: #e4392a;
    font-size: 18px;
    padding-left: 35px;
    background: url(../../images_v1/top-phone.png) no-repeat;
}
.lang {
    float: right;
    margin-top: 10px;
    height: 25px;
    /*color: #e4392a;*/
    font-size: 14px;
    padding-left: 35px;
}

/* content */
.banner{height:496px; background:url(../../images_v1/banner-index-1.jpg) center no-repeat;}
.title{text-align:center; padding:40px 0 20px;}
.title h2{font-size:30px; font-weight: normal;}
.title h3{font:20px Arial; font-weight: normal; margin-top: 15px; color: #cacace;}
.title h3 font{color: #e4392a;}
.service{padding-left:25px;}
.service li{float: left; margin:20px 35px;}
.service li a{text-decoration: none;}
.service li a > div{width: 150px; height: 150px; padding: 2px; border: 3px solid #ebecf0; border-radius: 50%; background: #fafafb;}
.service .service-img{width: 150px; height: 150px; border-radius: 50%; text-indent:-9999px;}
.service li a:hover > div{border: 3px solid #e4392a;}
.service-1 .service-img{background:#ebecf0 url(../../images_v1/service-1.png) center no-repeat;}
.service-1 a:hover .service-img{background:#e4392a url(../../images_v1/service-11.png) center no-repeat;}
.service-2 .service-img{background:#ebecf0 url(../../images_v1/service-2.png) center no-repeat;}
.service-2 a:hover .service-img{background:#e4392a url(../../images_v1/service-22.png) center no-repeat;}
.service-3 .service-img{background:#ebecf0 url(../../images_v1/service-3.png) center no-repeat;}
.service-3 a:hover .service-img{background:#e4392a url(../../images_v1/service-33.png) center no-repeat;}
.service-4 .service-img{background:#ebecf0 url(../../images_v1/service-4.png) center no-repeat;}
.service-4 a:hover .service-img{background:#e4392a url(../../images_v1/service-44.png) center no-repeat;}
.service-5 .service-img{background:#ebecf0 url(../../images_v1/service-5.png) center no-repeat;}
.service-5 a:hover .service-img{background:#e4392a url(../../images_v1/service-55.png) center no-repeat;}
.service-6 .service-img{background:#ebecf0 url(../../images_v1/service-6.png) center no-repeat;}
.service-6 a:hover .service-img{background:#e4392a url(../../images_v1/service-66.png) center no-repeat;}
.service-7 .service-img{background:#ebecf0 url(../../images_v1/service-7.png) center no-repeat;}
.service-7 a:hover .service-img{background:#e4392a url(../../images_v1/service-77.png) center no-repeat;}
.service-8 .service-img{background:#ebecf0 url(../../images_v1/service-8.png) center no-repeat;}
.service-8 a:hover .service-img{background:#e4392a url(../../images_v1/service-88.png) center no-repeat;}
.service-9 .service-img{background:#ebecf0 url(../../images_v1/service-9.png) center no-repeat;}
.service-9 a:hover .service-img{background:#e4392a url(../../images_v1/service-99.png) center no-repeat;}
.service-10 .service-img{background:#ebecf0 url(../../images_v1/service-10.png) center no-repeat;}
.service-10 a:hover .service-img{background:#e4392a url(../../images_v1/service-100.png) center no-repeat;}
.service li p{text-align: center; margin-top: 10px;}
.case{background: #f5f6fa; margin-top: 50px;padding-bottom: 15px;}
.case li{float: left; margin: 30px 15px 0;}
.case li img{width: 270px;height: 200px;}
.case-more{display: block; margin: 40px auto 0; width: 65px;height: 65px;border-radius: 50%; background: #191937 url(../../images_v1/arow.png) center no-repeat; transition:0.3s;}
.case-more:hover{background-color:#e4392a;}
.news-index{height: 693px;padding-top: 30px; background: url(../../images_v1/index-news.jpg) center no-repeat;}
.news-index ul{padding: 30px 0 60px;}
.news-index li{width:230px;float: left; color: #fff; margin: 0 35px;}
.news-index li a{color: #fff;}
.date{width: 65px;height: 63px;padding:15px 0 0 8px;border: 1px solid #fff;border-radius: 5px;}
.date font{display: block;}
.news-index li h4{margin: 20px 0 15px;height: 30px;line-height: 30px;overflow: hidden;}
.news-index li p{height: 60px;line-height: 20px;color: #bbbbbe;overflow: hidden;}
.news-index .news-more{display: block;margin-top:40px;width: 33px;height: 33px;border-radius: 50%;border: 1px solid #fff;text-align: center;line-height: 33px;text-decoration: none;transition: 0.3s;font-family: verdana;}
.news-more:hover{color:#fff;border: 1px solid #e4392a;background: #e4392a;}
.news-index .load-more{display: block;width: 176px;line-height: 46px;border-radius: 5px;text-align: center;color: #e4392a;border: 1px solid #fff;margin: 0 auto;font-size: 18px;text-decoration: none; transition: 0.5s;}
.load-more:hover{color: #fff;border: 1px solid #e4392a;background: #e4392a;}
.contact-index{padding-bottom: 70px;}
.contact-index .title{ margin-bottom: 30px;}
.contact-form{width: 600px; position:relative;}
.contact-form span{ position:relative; display:inline-block;}
.contact-form p{ position:absolute; left:0; top:155px; font-size:12px; color:#e4392a;}
.contact-form p:before{ content:"×"; display:inline-block; width:12px; height:12px; line-height:12px; text-align:center; color:#fff; background:#e4392a; border-radius:50%; font-size:10px; margin-right:8px;}
.contact-form label{ left:10px;}
.contact-text{width: 264px;padding: 0 10px;height: 31px;line-height: 31px;border: 1px solid #63637f; background: #fff;margin-right: 10px;}
.contact-form textarea{width: 564px;height: 75px;padding:10px;border: 1px solid #63637f;background: #fff;margin-top:20px;}
.contact-btn{width: 586px;height: 40px;font-size: 16px;color: #fff;background: #63637f;margin-top: 30px;cursor: pointer;transition: 0.5s;}
.contact-btn:hover{background: #4b4b7d;}
.contact-info{width: 350px;margin-left: 50px;}
.contact-info li{font-size: 18px;}
.contact-phone{padding-left: 55px;background: url(../../images_v1/contact-1.png) 0 10px no-repeat;margin: 10px 0 10px;}
.contact-phone p a{font-size: 32px;color: #e4392a;}
.contact-qq a{display: block;padding-left: 55px;line-height: 42px;background: url(../../images_v1/contact-2.png) no-repeat;margin-bottom: 20px;}
.contact-mail a{display: block;padding-left: 55px;line-height: 42px;background: url(../../images_v1/contact-3.png) no-repeat;}
.weixin{float: right;width: 182px;}
.weixin img{width: 182px;height: 182px; margin-top:10px;}
.weixin p{margin-top: 10px;text-align: center;}

/* footer */ 
.foot-con{background: #191938;color: #fff;}
.foot-con a,.foot-link,.foot-link span a{color: #fff;}
.foot-info{border-bottom: 1px solid #3d3d56;padding: 25px 0;}
.foot-info h1{padding-bottom: 10px;}
.foot-nav{float: right;margin-top: -20px;}
.foot-nav a{margin: 0 5px;}
.foot-copy{padding: 25px 0;line-height: 20px;}
.foot-copy img{vertical-align:middle; margin: 0 2px 0 8px;}
.foot-link{background: #000022;padding: 25px 0 20px;}
.foot-link font{float: left;width: 60px;}
.foot-link span{float: left;width: 1140px;}
.foot-link span a{display: inline-block;margin: 0 5px 5px;}
.side-menu{position: fixed;right:0;top: 45%;}
.side-menu a{display: block;width: 50px;height: 50px;border-radius: 5px; transition:0.5s;}
.side-qq{background: #e4392a url(../../images_v1/qq.png) center no-repeat;}
.side-qq:hover{background-color: #c61303;}
.side-top{background: #999 url(../../images_v1/goTop.png) center no-repeat;margin-top: 10px;}
.side-top:hover{background-color: #666;}

/*内页*/
.banner-about{text-indent: -9999px;height: 400px;background: url(../../images_v1/banner-about.jpg) center no-repeat;}
.banner-service{height: 400px;background: url(../../images_v1/banner-service.jpg) center no-repeat;}
.banner-case{height: 400px;background: url(../../images_v1/banner-case.jpg) center no-repeat;}
.banner-news{height: 400px;background: url(../../images_v1/banner-news.jpg) center no-repeat;}
.banner-contact{height: 400px;background: url(../../images_v1/banner-contact.jpg) center no-repeat;}
.location{line-height: 75px;border-bottom: 1px solid #cdcdcd;color: #666;}
.location h2:before{content: "";display: inline-block;width: 4px;height: 16px;background: #E4392A;margin-right: 5px;vertical-align: middle;}
.location a{color: #666;}
.location a:hover{color:#e4392a;}
.about{padding: 50px 0 60px;font-size: 16px; line-height: 32px;}
.about h3{font-size: 40px; margin-bottom: 40px;}
.about p{text-indent: 2em;margin-bottom: 20px;}
.about img{width: 300px;height: 190px; margin-top: 20px;}
.service-title{font-size: 30px;text-align: center; padding: 50px 0 30px;color: #000;}
.service-bg{background: #f8f8f8;}
.border-b{border-bottom: 1px solid #ebecf0;}
.service-info{padding-bottom: 60px;}
.service-info img{width: 502px;height: 335px; margin: 40px 0 0 80px;}
.service-info ul{margin: 25px 10px 0 0;}
.service-info li{font-size: 20px;line-height: 40px; padding-left: 30px;background: url(../../images_v1/listImg.gif) left center no-repeat;font-style: italic;}
.service-good{padding: 30px 0 70px;}
.service-good li{float: left;width: 490px;height: 50px;line-height:50px;margin: 10px 0 0 80px;}
.service-good li i{vertical-align: middle;display: inline-block;width: 45px;padding-right:5px;height: 50px;border-radius: 5px;text-align: center;margin-right: 15px;background: #e4392a;font-size: 36px;color: #fff;}
.service-good li span{display: inline-block;width: 405px;padding: 0 10px;font-size: 20px;vertical-align: middle;border-radius: 5px;}
.service-good .good-bg i{background: #a0a4a9;}
.good-bg span{background: #ededed;}
.service-con{padding-bottom: 70px;}
.service-con li{float: left; width: 450px;padding:15px 20px;margin: 35px 0 0 70px;border: 2px solid #ededed;background: #fff;}
.service-con li h3{font-size: 24px;color: #e4392a;font-weight: normal;}
.service-con li p{line-height: 28px; margin-top: 10px; height: 56px;overflow: hidden;}
.service-con .service-con-h p{ height: 84px;}
.case-nav{padding: 50px 0;}
.case-nav a{display: inline-block; text-decoration: none;margin: 0 30px;}
.case-nav .case-nav-this{color: #e4392a;}
.case-list li{float: left;width: 380px;height: 285px;position: relative;margin: 0 15px 30px;}
.case-list img{width: 380px;height: 285px;position: absolute;}
.case-list li div{display:none;width: 380px;height: 285px;position: absolute; background:#444;background: rgba(0,0,0,0.8);text-align: center;}
.case-list li:hover div{display: block}
.case-list li div a{color: #fff;display: block;width: 380px;height: 235px; padding-top: 50px; text-decoration: none;}
.case-list li h3{ display: inline-block; padding-bottom: 15px;border-bottom: 2px solid #fff;}
.case-list li h4{width: 380px;height: 26px;line-height: 26px;overflow: hidden; margin: 30px 0 50px;}
.case-list li span{width: 110px;line-height: 45px;display: inline-block;border-radius: 5px;color: #fff;background: #e4392a; transition:0.5s;}
.case-list li span:hover{background: #c61303;}
.news-list{ border-top: 1px solid #e1e1e1; margin: 40px auto 25px;}
.news-list li{ border-bottom: 1px solid #e1e1e1;}
.news-list li a{display: block;padding: 25px 0; text-decoration: none; color: #666;opacity: 0.7;}
.news-list li a:hover{opacity: 1;}
.news-list li h2{font-weight: normal;font-size: 18px; color: #e4392a;height: 36px;line-height: 36px;overflow: hidden;margin: 5px 0;}
.news-list li p{line-height: 26px;max-height: 52px;overflow: hidden;}
.contact-con{padding: 60px 0 60px 100px;}
.contact-con strong{font-size: 26px; display: block; padding-bottom: 10px;}
.contact-con p{font-size: 16px;line-height: 30px;padding-left: 40px;margin-top: 20px;}
.contact-1{background:url(../../images_v1/contact-4.png) no-repeat;}
.contact-2{background:url(../../images_v1/contact-5.png) no-repeat;}
.contact-3{background:url(../../images_v1/contact-6.png) no-repeat;}
.contact-4{background:url(../../images_v1/contact-7.png) no-repeat;}
.contact-5{background:url(../../images_v1/contact-8.png) no-repeat;}
.contact-6{background:url(../../images_v1/contact-9.png) no-repeat;}
.contact-weixin{padding: 130px 100px 0 0;}
.contact-weixin img{width: 190px;height: 190px;}
.contact-weixin p{text-align: center;color: #999;margin-top: 10px;}
.article-title{text-align: center;padding: 30px 0;border-bottom: 2px solid #e3e3e3;}
.article-title h2{font-size: 30px;color: #e4392a;font-weight: normal;}
.article-title p{font-size: 12px;color: #999;margin-top: 10px;}
.article-detail{padding: 30px 0;overflow: hidden;}
.article-detail img{max-width: 100%;}
.article-next{padding: 30px 0;border-top: 2px solid #e3e3e3;line-height: 26px;}
.back{float: right;padding-left: 22px;background: url(../../images_v1/back.png) 0 4px no-repeat;margin-top: -40px;}
.case-detail{padding:50px 0 0;}
.case-detail img{display:block;margin: 0 auto 50px;}
.no{padding: 330px 0 50px;text-align: center; background: url(../../images_v1/404.jpg) center top no-repeat;}
.no p{font-size: 30px;margin-bottom: 20px;}
.no a{font-size: 16px;color: #e4392a;}
footer{width: 100%;}

/*后台*/
.login-bg{background: #4073c4 url(../../images_v1/login-bg.jpg) center bottom no-repeat fixed;}
.login-top{height: 80px; padding-top:20px;background: #5381ca;border-bottom: 1px solid #668fd0;}
.login-box{width: 400px;background: #f8fbff;margin: 130px auto;border-radius: 10px;padding-bottom: 50px; position:relative;}
.login-box h2{line-height: 100px;border-bottom: 1px solid #d9d9d9;font-size: 30px;text-align: center;font-weight: normal;margin-bottom:35px;}
.login-box p{width:260px;padding-left:40px;margin:0 auto;height:60px;line-height: 60px;border-bottom: 1px solid #d9d9d9;overflow: hidden; position:relative;}
.login-name{background: url(../../images_v1/login-1.png) 7px center no-repeat;}
.login-pass{background: url(../../images_v1/login-2.png) 9px center no-repeat;}
.login-code{background: url(../../images_v1/login-3.png) 9px center no-repeat;}
.login-mail{background: url(../../images_v1/login-4.png) 7px center no-repeat;}
.login-box p input{height: 56px;line-height: 56px; width: 180px; background: none;font-size: 16px;}
.login-box p label{left: 40px;}
.login-box p a{color: #666;}
.login-box p a:hover{color:#4073c4;}
.login-btn{display: block;width: 300px;height: 46px;margin: 40px auto 0;border: 2px solid #a2ce63;border-radius:20px;font-size: 26px;color: #a2ce63;cursor: pointer; background: #f8fbff;transition: 0.5s;}
.login-btn:hover{color: #fff;background:#a2ce63;}
.login-foot{width:100%;font-size: 12px;color: #fff;text-align: center; position: fixed; bottom: 60px;}
.login-foot a{color: #fff;}

.pass-mail{padding:100px 30px 10px;line-height: 32px;text-align: center; background:url(../../images_v1/login-5.png) center 22px no-repeat;}
.pass-success{padding:100px 30px 10px;line-height: 32px;text-align: center; background:url(../../images_v1/login-6.png) center 15px no-repeat;}
body .blue{color: #4073c4;}
.tips{ position:absolute; left:50px; top:108px; width:280px; padding:0 10px; height:40px; line-height:40px; overflow:hidden; background:#f6e6e8; font-size:12px; color:#e4392a;}
.tips:before{ content:"×"; display:inline-block; width:12px; height:12px; line-height:12px; text-align:center; color:#fff; background:#e4392a; border-radius:50%; font-size:10px; margin-right:8px;}

/*首页banner*/
.slideBox{ width:100%; height:496px; overflow:hidden; position:relative;}			
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; width:100%; height:496px;text-indent: -9999px;}
.slideBox .bd li a{display: block; width:100%; height:496px;}
.slideBox .prev,.slideBox .next{ position:absolute; top:210px; width:23px; height:42px;opacity:0.7;}
.slideBox .prev{ left:50%;background:url(../../images_v1/prev.png) no-repeat;margin-left: -580px;}
.slideBox .next{ right:50%;background:url(../../images_v1/next.png) no-repeat;margin-right: -580px;}
.slideBox .prev:hover,
.slideBox .next:hover{opacity:1;}
.slideBox .prevStop,.slideBox .nextStop{ display:none;}



/*=============修改 20170111=============*/
.dialog{ display:none; position:fixed; z-index:100; top:50%; left:50%; margin:-100px 0 0 -150px; border-radius:10px; width:300px; height:60px; padding-top:140px; background-color:rgba(0,0,0,0.5); background-image:url(../../images_v1/alert.png); background-repeat:no-repeat; background-position:center 50px; color:#fff; font-size:18px; text-align:center;}
.contact-form .tips-right{ color:#9ccf52;}
.contact-form .tips-right:before{content:"√";background:#a4d064;}.login-box .tips-right{ background:#eff7ef; color:#a4d064;}
.tips:before{ content:"×"; display:inline-block; width:12px; height:12px; line-height:12px; text-align:center; color:#fff; background:#e4392a; border-radius:50%; font-size:10px; margin-right:8px;}
.tips-right:before{content:"√";background:#a4d064;}

/*=============修改 20170122=============*/
.login-top .logoTit{ margin-top:-10px;}
.login-top .logoTit p a{ font-size:21px; color:#fff;}
.login-top .logoTit p a span{ font-size:21px;}
/*=============修改 20170222=============*/
.noInfo{ font-size:20px; text-align:center; margin:40px 0 40px 0;}

.page{clear: both; text-align: center; padding: 20px 0 60px;}
.page a{display: inline-block;width: 40px;height: 40px;line-height:40px;text-decoration:none;border-radius: 50%;background: #edecec;font-size: 18px;margin: 0 3px;}
.page .page-this{color: #fff;background: #e4392a;}

/*AspNetPager翻页样式*/
.pager_outer{clear: both;text-align:center;height:30px;line-height:30px;margin-left: 600px;   margin-top: 10px;  margin-bottom: 40px;}
.anpager .cpb{ 
	/*background:#4C759B none repeat scroll 0 0;  border:1px solid #CCC;  color:#FFF;  font-weight:bold;  margin:5px 4px 0 0;  padding:4px 5px 0;*/

	 width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    float: left;
    background: #e4392a;
    color: #FFF;
    font-size: 16px;
    border-radius: 3px;
    margin-right: 3px;

	 border:1px solid #CCC;
	 font-weight:bold;
}
.anpager a{ 
	display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    float: left;
    background: #edecec;
    color: #344960;
    font-size: 16px;
    border-radius: 3px;
    margin-right: 3px;}
.anpager a:hover{ background:#e4392a none repeat scroll 0 0;  border:1px solid #e4392a;  color:#FFF}