@charset "utf-8";
/* CSS Document */
html{magin: 0px;padding:0px;}
body {
	magin: 0px;
	padding:0px;
	padding-top: 90px;
	position:relative;
	min-width: 1200px;
}

* {
	font-family:Arial, "微软雅黑",Microsoft YaHei;
}
dd, dl, dt, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
input,button {
	margin: 0;
	outline: none
}
a {
	text-decoration: none;
}
a:link {color:inherit;}/*未访问样式*/
a:hover{text-decoration:none;}
a:focus{text-decoration:none;}
h1{ margin:0px;}
i{ font-weight:normal; }
hr{ border:none; border-top:1px  solid #f0f0f0; margin:10px 0px;}
img{ max-width:100%;}
.vcenter-parent{display:table;}
.vcenter {display: table-cell;vertical-align: middle;}
.red{ color:#e50012;}
.yellow{ color:#f1a257;}
.blue{ color:#009cff !important;}
.ink {
	color:#00008C !important;
	font-size:16px;
	font-family:"微软雅黑";
	font-weight:bold;
	line-height:30px;
	text-align:left;
}
/*居中布局*/
.container{ min-width:1200px;}
::-webkit-scrollbar-track{background:#CCC;}
::-webkit-scrollbar{ width: 10px;}
::-webkit-scrollbar-thumb{background:#222;}
/*滚动条设置*/

::-moz-selection{background:#be0704; color:#fff;} 
::selection {background:#be0704;color:#fff;} 
/*选中高亮颜色*/
#top-nav{ width: 100%; background: #fff;  border:none;box-shadow: 0px 5px 15px -10px rgba(0,0,0,.3); }

.nav-left{ float: left;padding: 20px 0px;}
.nav-left a div{font-size:0px; }
.nav-left a img{ height: 30px;  margin-right: 13px; vertical-align: text-bottom;}
.nav-left a h1{ display: inline-block; font-size: 24px; line-height: 30px; letter-spacing: 3px; color: #333;vertical-align: text-bottom;}
.nav-left a span{  font-size: 12px; color: #333;}

.nav-call{float: right; font-size: 0px; padding: 20px 0px;margin-left: 30px;}
.nav-call a{display: block; margin-bottom: 8px; font-size: 14px; line-height: 24px; text-align: center; color: #fff; border-radius: 4px; background: #c1292e; }
.nav-call b{display: block;font-size: 18px; line-height: 18px;  color: #333;  }

.nav-right{float: right;}
.nav-right ul {text-align: left; }
.nav-right ul li{ display: inline-block;  padding: 50px 0px 20px;}
.nav-right ul li>a{ display: inline-block; padding: 0px 20px; font-size:16px; line-height: 20px; color: #333; }
.nav-right ul li.on>a,.nav-right ul li:hover>a{  color: #c1292e; }
.nav-right ul li dl{display: none; position:absolute; z-index: 1; top:100%; left: 0px; width: 100%; text-align: center; background: #f7f7f7;box-shadow: 0px 5px 15px -10px rgba(0,0,0,.3);}
.nav-right ul li dl dd{ display: inline-block; padding: 20px 0px;}
.nav-right ul li dl dd a{ display: inline-block; padding: 0px 30px; border-left: 1px dashed #ccc; font-size: 16px; line-height: 30px; color: #333;transition:all .3s;}
.nav-right ul li dl dd a:hover{  color: #c1292e;}
.nav-right ul li dl dd:first-child a{ border-left: none; }
.nav-right ul li dl dd a i{ display: inline-block;  margin-right: 5px; font-size: 22px; line-height: 30px; color: #333;transition:all .3s;}
.nav-right ul li dl dd a:hover i{  color: #c1292e;}
/*顶部导航*/


.banner{position:relative; min-width: 1200px;}
.banner .banner-form{position:absolute; z-index: 3; top: 20px; bottom: 20px; right: 50%; width: 375px; margin-right: -620px; padding: 30px 40px; background: rgba(255,255,255,0.8);  border-radius: 6px;transition:all .3s;}
@media (max-width: 1400px) {
.banner .banner-form{margin-right: -570px; transition:all .3s;}
}
.banner .banner-form h4{ font-size: 24px; text-align: center; color: #3874cb; margin: 0px 0px 20px;}
.banner .banner-form p{ font-size: 12px; line-height: 12px; color: #333; margin: 10px 0px; padding-top: 5px;}
.banner .banner-form input{ display:inline-block; width: 100%; padding: 0px 10px; border: none; border-radius: 4px; background: #fff; font-size: 14px; line-height: 36px; }
.banner .banner-form a{ display:inline-block; width: 100%; margin-top: 30px;  font-size: 16px; line-height: 42px; text-align: center; color: #fff;  border-radius: 4px; background: #2b63be;transition:all .3s;}
.banner .banner-form a:hover{ background: #0c439c;}
/*banner*/

.index-title h3{ font-size: 28px; color: #009cff;}
.index-title span{ color: #666;}


.index-ys{margin-top: 40px;}
.index-ys .row{ margin-left: -10px; margin-right: -10px;display: flex; align-items:stretch;}
.index-ys .row .col-xs-12,.index-ys .row .col-xs-2{ padding: 0px 10px;}
.index-advantage-list{margin-top: 50px;}
.index-advantage-list>div{ height: 100%; padding: 15px;border-radius: 4px; color: #fff; text-align: center;transition:all .3s;}
.index-advantage-list>div:hover{box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.3);}
.index-advantage-list>div i{ font-size: 50px; color: #fff;}
.index-advantage-list>div a{display: block;}
.index-advantage-list>div:hover a{animation:ys_icon 2.5s infinite linear; -webkit-animation:ys_icon 2.5s infinite linear; }
@keyframes ys_icon
{
0%   {transform:translate(0px,0px);}
25%  {transform:translate(0px,-8px);}
50%  {transform:translate(0px,0px);}
75%  {transform:translate(0px,-8px);}
100% {transform:translate(0px,0px);}
}
.index-advantage-list>div h4{ font-weight: bold; margin-bottom: 20px;}
.index-advantage-list>div p{ font-size: 12px; line-height: 20px;}
.index-advantage-list:nth-child(1)>div{background: #a4d3fd; }
.index-advantage-list:nth-child(2)>div{background: #ff9999; }
.index-advantage-list:nth-child(3)>div{background: #91d1d6; }
.index-advantage-list:nth-child(4)>div{background: #aecfa1; }
.index-advantage-list:nth-child(5)>div{background: #80909e; }
.index-advantage-list:nth-child(6)>div{background: #bfc6d0; }

.index-advantage-list:nth-child(1)>div:hover{background: #7ebdf5; }
.index-advantage-list:nth-child(2)>div:hover{background: #f48080; }
.index-advantage-list:nth-child(3)>div:hover{background: #67d2da; }
.index-advantage-list:nth-child(4)>div:hover{background: #93cb7d; }
.index-advantage-list:nth-child(5)>div:hover{background: #6e8294; }
.index-advantage-list:nth-child(6)>div:hover{background: #a5adb9; }
/*优势*/




.index-choose{ min-width: 1200px;  background:#f2f2f2; margin-top: 80px; padding: 40px 0px; overflow: hidden;}
.choose-list{position: relative; background: #fff; margin:60px 10px 0px; padding: 30px;transition:all .3s;}
.choose-list:hover{ box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
.choose-list .choose-tips{ position: absolute; z-index: 1; left: 0px; top: 0px; }
.choose-list i{ font-size: 60px; color: #009cff;}
.choose-list h4{ font-size: 24px; color: #333;transition:all .3s;}
.choose-list>span{  color: #333;transition:all .3s;}
.choose-list:hover h4{ color: #009cff;}
.choose-list:hover>span{  color: #009cff;}
.choose-list .choose-price{ margin-top: 30px; border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
.choose-list .choose-price p{ margin: 15px 0px; font-size: 0px;  vertical-align: text-bottom;}
.choose-list .choose-price strong{ display: inline-block; margin-right: 6px; font-size: 26px;line-height: 30px; font-weight: normal;vertical-align: text-bottom;}
.choose-list .choose-price span{ display: inline-block; font-size: 18px; line-height: 30px; vertical-align:text-bottom;}
.choose-price small,.choose-price s{ display: inline-block; margin:0 2px;margin-top:10px;  font-size: 14px; line-height: 20px;vertical-align:bottom;}
.choose-package {min-height: 300px; padding: 20px 0px;}
.choose-package li span{ display:inline-block;width:210px; padding:0px 15px; line-height: 32px; text-align:left;}
.choose-package li span img{display:inline-block; margin-right:5px;height:18px; vertical-align:middle;}
.choose-link a{ display:inline-block; width: 120px; height: 42px; margin: 0px 6px; line-height: 42px; text-align: center; color: #009cff; border: 1px solid #009cff;transition:all .3s;    }
.choose-link a.on{  color: #fff; border: 1px solid #009cff; background: #009cff; }
.choose-link a:hover,.choose-link a.on:hover{  color: #fff; border: 1px solid #2b63be; background: #2b63be; }
/*选择*/


.index-news{
	padding: 40px 15px;
}
.index-news-list{
	margin: 60px 0px 40px;
	padding: 0px 20px;
}
.index-news-list img{
	display: none;
	width: 100%;
	margin-right: 30px;
}
.index-news-list h4{
	color: #4d4d4d;
	white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;transition:all .3s;
}
.index-news-list:hover h4{
	color: #c1292e;
}
.index-news-list span{
	color: #999;
}
.index-news-list p{
	font-size: 14px;
	line-height: 22px;
	height: 66px;
	margin-top: 30px;
	display: block; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
}
.index-news-list small{
	display: inline-block;
	height: 2px;
	width: 30px;
	margin-top: 5px;
	background: #ccc;
	transition:all .3s;
}
.index-news-list:hover small{
	width: 100%;
	background: #c1292e;
}
/*新闻*/

/* 新闻 */

.comment{ margin-top: 40px; margin-bottom: 30px;}
.comment .index-title{ margin-bottom: 20px;}
.comment-list{ margin: 35px 0px;}
.comment-list:nth-child(Odd){padding-right:40px;}
.comment-list:nth-child(even){padding-left:40px;}
.comment-list .comment-img{  display: flex; align-items:center; float: left; width: 180px; height: 120px; margin-right: 40px;  padding:30px 15px; background: #fff; border: 1px solid #ebebeb;}
.comment-list .comment-img img{ max-height: 100%; max-width: 100%;}
.comment-list p{ margin: 10px 0px; font-size: 16px; line-height: 24px; height: 72px; display: block; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
/*评论*/

.user{ padding: 60px 0px; background: url(../bgimg/img-user-bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.user img{ margin: 60px 0px;}
.user a{ display: inline-block; padding: 0px 30px; font-size: 14px; line-height: 42px; color: #fff; background: #009cff;transition:all .3s; }
.user a:hover{ background: #2b63be;}
/*用户选择*/
footer{ min-width: 1200px; background: #34363b; color: #fff; margin: 0px; overflow: hidden; }
footer hr{ border-top: 1px solid #3e4245;}
.foot-advantage{ margin: 20px 0px 10px;}
.foot-advantage a{ float: left; display: inline-block; width: 50px; height: 50px; margin-right: 10px; padding: 10px; border: 1px solid #fff; border-radius: 50%;}
.foot-advantage a i{  font-size: 30px; line-height: 30px; color: #fff;}
.foot-advantage p{ margin-top: 5px; font-size: 16px; line-height: 20px; margin-bottom: 0px;}
.foot-advantage span{ font-size: 12px;  color: #ccc;}


.foot-content{ position: relative; padding-top: 20px; padding-bottom: 20px;}
.foot-content:before{ content:""; position: absolute;  z-index:1;top: 60px;left: 0%;width: 1px;height: 120px;background-color:#3e4245;}
.foot-content:first-child:before{ display: none;}
.foot-content:first-child{ padding-right: 50px;}
.foot-content h4{ margin-top: 0px;}
.foot-content p{ font-size: 14px; line-height: 24px;}
.foo-call{ margin-bottom: 20px;}
.foo-call a { display: inline-block; margin-right: 15px; width: 34px; height: 34px; padding: 5px; border: 2px solid #fff; border-radius: 50%; vertical-align: text-bottom;}
.foo-call i{ display: inline-block; width: 20px; height: 20px; line-height: 20px; font-size: 20px; color: #fff;}
.foo-call b{ display: inline-block; margin-top: 15px; font-size: 24px; line-height: 30px;vertical-align: text-bottom;}

.foot-content ul{text-align: center;}
.foot-content ul li a{ display: inline-block; font-size: 14px; line-height: 30px; color: #fff;transition:all .3s;   }
.foot-content ul li a:hover{ color: #F91764;}

.wem p{ margin: 10px 0px;}

.bq{ padding:15px; margin-top:20px; font-size:12px; line-height:22px; text-align: center; color:#999999; background: #1b1b1b; }
.bq a{ color:#999999;margin:0px 5px;}
.bq a:hover{ color:#1f79d3;}
.bq img{ max-height:22px;}

.right-nav{ position:fixed; z-index:9999; bottom:380px; right:20px; border-radius:4px; background:#fff; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; box-shadow:0px 0px 8px rgba(0,0,0,0.1); display: none;}
.right-nav li{ position:relative; z-index:2; }
.right-nav li>a{ display:inline-block; width:46px; height:46px; line-height:46px; font-size:24px; color:#333; background:#fff; border:1px solid #ebebeb; border-bottom:0px solid #ebebeb; text-align:center;}
.right-nav li:first-child>a{ border-top:0px solid #ebebeb;}
.right-nav li>a>i{line-height:46px; font-size:24px; color:#333;transition:all .3s;}
.right-nav li:hover>a>i{color:#c1292e;}

.right-nav li>div{ position:absolute; z-index:3; top:0px; right:100%; text-align:right;transition:all .3s;}
.right-nav li>div a{ display:inline-block; width:0px; padding:0px; margin-top:-1px;border:0px solid #333; font-size:14px; line-height:46px;color:#fff; background:#333;white-space:nowrap; overflow:hidden;transition:all .3s;}
.right-nav li:hover>div a{ width:100%; padding:0px 25px; border:1px solid #333;}


.link{display:flex; padding:20px 0px 0px; border-top:1px solid #3e4245; color:#666;}
.link-title{ width:140px; overflow:hidden;}
.link-title span{ float:left;display:block; width:30px; height:30px;line-height:30px; font-size:30px; color:#666; margin-right:8px;}
.link-title p{ margin:0px; font-size:18px;line-height:1em;color:#666;white-space:nowrap;}
.link-title p span{ font-size:12px;color:#666; letter-spacing:1px;}
.links{width: 1000;}
.links a{display:inline-block; font-size:13px; line-height:1.5em; margin-right:10px; color:#666;transition:all .3s;}
.links a:hover{color:#c1292e;}
/*首页end*/

.inside-title {margin-top: 30px;}
.inside-title h3{ font-size: 28px; color: #333;}
.inside-title h4{ font-size: 24px; color: #333;}
.inside-title span{ color: #999;}

.inside-nav{ background: #eeeeee;}
.inside-nav a{ font-size: 14px; line-height: 50px; color: #333; margin-right: 30px;}
.inside-nav a:hover,.inside-nav a.on{ color: #c1292e;}
/*内页公共*/

.quote{margin:50px 0px 20px; }
.quote table{width: 100%;table-layout: fixed}
.quote table tr{ font-size: 14px; border-bottom: 1px solid #f2f2f2;transition:all .3s;}
.quote table tr:hover{ background: #e8f3fa;}
.quote table tr:first-child{font-size: 15px; background: #009cff; color: #fff; }
.quote table td{ vertical-align:middle; text-align: center; line-height: 24px;padding: 15px 5px;}
.quote table tr:first-child td{  padding: 15px 5px;}
.quote table td p{ margin: 0px;}
.quote table td a{ position: relative; z-index: 1;  display: inline-block; padding: 0px 20px; font-size: 14px; line-height: 30px; color: #009cff; border: 1px solid #009cff;border-radius: 20px; overflow: hidden;}
.quote table td a:after{ content:""; position: absolute;  z-index:-1;top:100%;left: 0%;width: 100%;height: 100%;background-color:#009cff;transition:all .3s;}
.quote table td a:hover{ color: #fff; }
.quote table td a:hover:after{ content:""; position: absolute;  z-index:-1;top:0%;left: 0%;}


.process{ padding: 15px; margin: 20px 0px 40px; background: #f7f7f7;} 
.process table{width: 70%; margin: auto; table-layout: fixed}
.process table td{vertical-align:middle; text-align: center; font-size: 15px; }
.process table i{ font-size:80px; color: #02a0e9;}
.process table td:hover div{animation: swing 1s;}

.subscribe{ width: 90%; margin: 30px auto 80px; overflow: hidden;}
.subscribe-list{margin: 15px 0px; padding: 0px 20px;}
.subscribe-list:nth-child(Odd){ text-align: right;}
.subscribe-list>div{ display: inline-block; width: 80px; margin-right: 10px; text-align: right;}
.subscribe-list input{ display:inline-block;width: 320px; padding: 0px 10px;  line-height: 36px; border: 1px solid #ebebeb; }
.subscribe-list a{ display:inline-block;width: 160px; margin-top: 10px; text-align: center;  line-height: 40px;color: #fff; background: #666; transition:all .3s}
.subscribe-list a.on{ background: #c1292e; }
.subscribe-list a:hover{ background: #8f1e22;}
/*报价*/

.advantage{background: url(../bgimg/img-ys-bg1.jpg) center left; background-repeat: no-repeat; margin: 50px 0px;}
.advantage-l{ margin-left:160px;}
.advantage-l>div{ display: block; text-align: center;line-height: 1.75em;}
.advantage-l h3{ font-size: 36px; margin-top: 100px; margin-bottom: 20px;}
.advantage-r{float: right; margin-left: 160px;}

.standard{background: url(../bgimg/img-ys-bg2.jpg) center,#f9f9f9; background-repeat: no-repeat; background-attachment: fixed; padding: 80px 0px;}
.standard-l{ float: left; margin-left: 40px; margin-right:160px;}
.standard-r{margin-right:160px; margin-top: 100px; text-align: center;line-height: 1.75em;}
.standard-r h3{ font-size: 36px; margin-top: 100px; margin-bottom: 20px;}

.safety{background:none; margin: 80px 0px;}

/*邮箱优势*/

.features{ margin-bottom: 10px;}
.icon-list{ float: left;width: 20%; padding:0px 20px; margin: 15px 0px;}
.icon-box{ position: relative;height: 160px; text-align: center;border: 1px solid #ebebeb; border-radius: 4px; overflow: hidden;transition:all .3s;   
	font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;}
.icon-box.on:before{ content:""; position: absolute;  z-index:2;top: 1px;right: 1px;vertical-align: middle; color: #f9a20b;
    border-top: 35px dashed;
    border-top: 35px solid \9;
    border-left: 35px solid transparent;}
.icon-box.on::after{ content:"\e71e"; position: absolute;  z-index:3;top: 0px;right: 3px; color: #fff;}
.icon-box:hover{border: 1px solid #009cff;  }

.icon-box .icon-img{ position: absolute; z-index: 1; width: 100%; height: 100%; display: flex;align-items: center; line-height: 0px;transform:translate(0px,0%); opacity: 1; transition:all .6s;}
.icon-box .icon-img div{  width: 100%;}
.icon-box .icon-img i{ display: inline-block; width: 60px; height: 60px; font-size: 60px; line-height: 60px; color: #009cff;}
.icon-box .icon-img p{ margin-top: 10px; font-size: 15px; line-height: 20px;}
.icon-box .icon-text{ position: absolute; z-index: 2; width: 100%; height: 100%;display: flex;align-items: center;transform:translate(0px,100%);transition:all .6s; }
.icon-box .icon-text>div{ padding: 0px 10px; }
.icon-box .icon-text>div p{ font-size: 16px; color: #009cff;}
.icon-box .icon-text>div span{ font-size: 12px; line-height: 18px;}

.icon-box:hover .icon-img{transform:translate(0px,-80%); opacity: 0;}
.icon-box:hover .icon-text{transform:translate(0px,0%); }

.contact2{background: #f5f5f5; padding: 30px 0px; margin-top: 60px;}
.contact2 a{display: inline-block; padding: 0px 20px; margin: 8px 4px 2px; line-height: 40px; font-size: 16px;vertical-align: text-bottom; color: #fff; background: #009cff;transition:all .3s; }
.contact2 a:hover{background: #2b63be;}
.contact2 p{display: inline-block; width: auto; padding: 0px 0px;margin: 0px 40px 0px 0px; font-size: 15px; line-height:24px; font-weight: bold;color: #666; text-align: left; vertical-align: text-bottom; overflow: hidden;}
.contact2 i{  display:inline-block; width: 48px; height: 48px; margin-right: 10px; font-size:32px; line-height:48px;color: #f9a20b; text-align: center;  vertical-align: text-bottom; border: 2px solid #f9a20b; border-radius: 50%;}
.contact2 span{ display: block; color: #009cff; font-size: 24px;white-space:nowrap; }
/*邮箱功能*/

.Subscribers-r{ padding-top: 60px;}
.Subscribers-r h3{ margin-bottom: 20px;}
.Subscribers-r a.anchor{ display:inline-block; padding:0px 30px; margin-top: 20px; line-height: 42px; color: #fff; background: #009cff;transition:all .3s;}
.Subscribers-r a.anchor:hover{ background: #2b63be;}


.application{ margin: 50px 0px 20px; overflow: hidden;}
.application-list{ }
.application-list .application-text{ width: 100%;  min-height: 200px;display: flex;align-items: center; text-align: center;}
.application-list:nth-child(1) .application-text{ background: linear-gradient(to right, #f54ea2 , #ff7676); /* 标准的语法 */}
.application-list:nth-child(2) .application-text{ background: linear-gradient(to right, #3bb2b8 , #42e695);}
.application-list:nth-child(3) .application-text{ background: linear-gradient(to right, #6078ea , #17ead9);}
.application-text>div{ padding: 0px 8%;}
.application-text h3{ font-size: 24px; color: #fff; margin-top: 0px; margin-bottom: 20px;}
.application-text h3 i{ display: inline-block; margin-right: 6px; margin-left: -6px; font-size: 36px; color: #fff;  vertical-align: text-bottom;}
.application-text p{ font-size: 14px; color: #fff;}


#form_box{ margin-top: 60px;}
.custom_form{ width: 100%; margin: auto; padding: 40px 350px; background: #f7f7f7;}
.custom_form .inside-title{ margin: 0px 0px 40px;;}
.custom_form .inside-title h3{ margin-top: 0px;}
.custom_form input{ display: inline-block; width: 100%; padding: 0px 10px; margin-bottom: 15px; line-height: 42px; border: 1px solid #ebebeb;}
.custom_form .Obtain input{ width: 35%; margin-right: 20px;}
.custom_form textarea{ display: inline-block; width: 100%; height: 160px; padding: 10px 10px; margin-bottom: 15px; line-height: 22px; border: 1px solid #ebebeb;}
.custom_form .Obtain a{ display: inline-block; padding: 0px 10px; margin: 5px 0px; line-height: 32px; color: #fff; background: #009cff; border-radius: 4px;transition:all .3s;}
.custom_form .Obtain a:hover{ background: #2b63be;}
.custom_form .submit{ display: inline-block;padding: 0px 20px; margin-top: 10px; line-height: 42px;color: #fff; background: #009cff;border-radius: 4px;transition:all .3s;}
.custom_form .submit:hover{ background: #2b63be;}
/*私人订制*/

.logo-list{ margin-top: 30px; margin-bottom: 60px;}
.logo-list li{float: left; width: 20%; height: 120px;}


.info-box {position: relative;display: flex; align-items: center;   width: 100%; height: 120px;overflow: hidden;}/*父级不能用内边距*/
.logo-img{ display: flex;align-items: center; padding: 40px 20px;  width: 100%; height: 100%; }
.logo-img img { display: inline-block; margin: auto; max-width: 100%; max-height: 100%; }

.info-box .info {position: absolute;top: 0;width: 100%;height: 100%;background: rgba(2, 160, 233, 0.8);display: none;padding: 20px;}
.info-box .info div{display: flex; align-items: center; width: 100%; height: 100%; text-align: center; font-size: 14px; color: #fff;}
.info-box .info div span{display:inline-block; width: 100%; }

.logo-list li .info-box { border-right:1px dashed #e5e5e5; border-bottom: 1px dashed #e5e5e5;}
.logo-list li:nth-child(1) .info-box{border-top:1px dashed #e5e5e5;}
.logo-list li:nth-child(2) .info-box{border-top:1px dashed #e5e5e5;}
.logo-list li:nth-child(3) .info-box{border-top:1px dashed #e5e5e5;}
.logo-list li:nth-child(4) .info-box{border-top:1px dashed #e5e5e5;}
.logo-list li:nth-child(5) .info-box{border-top:1px dashed #e5e5e5;}
.logo-list li:first-child .info-box{border-left:1px dashed #e5e5e5;}
.logo-list li:nth-child(5n+1) .info-box{border-left:1px dashed #e5e5e5;}
/*案例*/
.activity-6{ margin-top:50px; margin-bottom:30px;}
/*优惠活动*/
.about_dyip{margin-top: 80px;min-width: 1200px;}
.about_dyip .title{text-align: center;font-size: 30px;}
.about_dyip .txt{line-height: 30px;margin-top: 50px;}
.about_dyip p{padding-bottom: 20px;}

.about_derp{background: #f5f5f5 url(../bgimg/img-aboutbg.jpg) no-repeat center; background-size:cover;padding:80px 0;margin-top: 100px;min-width: 1200px;}
.about_derp .title{text-align: center;font-size: 30px;color: #FFF;}
.about_derp .about_derp_box{margin-top: 80px;}
.about_derp ul{margin-left: -2%;}
.about_derp li{float: left;width: 31.333%;margin-left: 2%;margin-bottom: 20px;position: relative;height: 260px;overflow: hidden;}
.about_derp li .box{position: absolute;left: 50px; top: 50px;right: 50px;bottom: 50px;}
.about_derp li .box h2{font-size: 24px;font-weight: bold;padding-bottom: 12px;}
.about_derp li i{font-size: 60px;float: right;text-align: center;color: #2e80e2;position: absolute;right: 20px; bottom: 20px;}
.about_derp li p{line-height: 24px;}
.about_derp li .box .border{width: 20px;height: 2px;background: #999;margin-top: 30px;}
.about_derp li:nth-of-type(1){background: #FFF;}
.about_derp li:nth-of-type(2){background: #FFF;}
.about_derp li:nth-of-type(3){background: #FFF;height: 550px;}
.about_derp li:nth-of-type(3) i{font-size: 130px;}
.about_derp li:nth-of-type(4){background: #FFF;margin-top: -280px;}
.about_derp li:nth-of-type(5){background: #FFF;margin-top: -280px;margin-left: 35.333%;}

.about_dsanp{padding:70px 0;min-width: 1200px;background: #f5f5f5;}
.about_dsanp .title{text-align: center;font-size: 30px;}
.about_dsanp ul{}
.about_dsanp li{width: 20%;float: left;text-align: center;transition: all 0.3s;}
.about_dsanp li .box{padding:20% 0;}
.about_dsanp li i{font-size: 50px;display: block;transition: all 0.3s;}
.about_dsanp li h2{font-size: 24px;margin-top: 20px;}
.about_dsanp li p{color: #999;margin-top: 10px;line-height: 24px;}

.about_dsip{padding:100px 0;}
.about_dsip .title{text-align: center;font-size: 30px;}
.about_dsip ul{margin-top: 50px;}
.about_dsip li{margin-bottom: 2%;position: relative;height: 230px;background: #FFF;border: 1px solid #DDD;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.about_dsip li .box{position: absolute;left: 50px; top: 50px;right: 50px;bottom: 50px;}
.about_dsip li .box h2{font-size: 24px;font-weight: bold;padding-bottom: 12px;}
.about_dsip li i{float: right;width:200px; height: 100px;text-align: center;color: #999;}
.about_dsip li p{line-height: 24px;}
/*关于我们*/



.news-box{
	padding: 60px 0px;
	background: #f7f7f7;
}
.news-list{
	margin: 15px 0px;
}
.news-list a{
	display: block;
	background: #fff;
	padding: 20px;
}

.news-list a h4{
	font-size: 18px;
	margin-top: 25px;
	color: #4d4d4d;
	white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
	transition:all .3s;
}
.news-list a:hover h4{
	color: #c1292e;
}
.news-list a span{
	font-size: 12px;
	color: #999;
}

.news-list a p{
	font-size: 14px;
	line-height: 22px;
	height: 44px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #4d4d4d;
	display: block; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
}


.pagination {
	margin: 30px 0px 0px;
}
.pagination > li > a {
	color: #333;
	font-size: 14px;
}
.pagination > li > a:hover {
	color: #c1292e;
	background: #fcfbfa;
}
.pagination > li > a, .pagination > li > span {
	padding: 9px 15px;
}
.pagination > .active > a {
	background-color: #c1292e;
	border-color: #c1292e;
}
.pagination > .active > a:hover {
	background-color: #c1292e;
	border-color: #c1292e;
}
/*翻页*/
/*新闻*/


.news-top {
	padding: 40px 0px;
	background: #fcfbfa;
}
.news-top h2 {
	font-size: 24px;
	margin-top: 0px;
}
.news-top span {
	font-size: 12px;
	color: #999;
}
.news-top i {
	margin-right: 4px;
	font-size: 15px;
}
.news-top i:nth-child(2) {
	margin-left: 10px;
}

.news-body{
	padding: 60px 0px 40px;
}
.news-page {
	padding-top: 20px;
	border-top: 1px solid #ebebeb;
}
.news-page a {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	line-height: 26px;
	color: #4d4d4d;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	transition: all .3s;
}
.news-page a:hover {
	color: #c1292e;
}
.news-page a.no-more {
	color: #999;
}
.news-page a.news-return {
	display: inline-block;
	width: auto;
	padding: 0px 30px;
	margin-top: 10px;
	line-height: 30px;
	color: #fff;
	background: #c1292e;
}

.news-page {
	position: relative;
	padding-right: 140px;
	padding-bottom: 20px;
}
.news-page a.news-return {
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 50%;
	transform: translate(0px, -50%);
	display: inline-block;
	margin-top: 0px;
}
.news-page a.news-return:hover {
	right: 10px;
	top: 50%;
	transform: translate(0px, -50%);
}
.news-page a.news-return:hover {
	right: 10px;
	top: 50%;
	transform: translate(0px, -50%);
}
/*新闻详情*/