@charset "utf-8";
/*body公用*/
/* ------------------------------------------------- 
 * 公用样式表 
 * ------------------------------------------------- 
*/  
body{font-family:"微软雅黑","宋体"; font-size:14px; line-height: 1; font-weight: 400; letter-spacing:-.1px; font-stretch:normal; font-style:normal; line-height:inherit; color: rgba(255, 255, 255, 0.8); color: #000;  background: rgba(255, 255, 255, 1); 
text-align:justify; -webkit-text-size-adjust:none; height:auto; 
-webkit-font-smoothing: subpixel-antialiased; /*chrome、safari*/
-moz-osx-font-smoothing: grayscale;/*firefox*/}
/** 定义HTML body **/

a {color:#000;transition:400ms ease all;}
a:focus {color: #000;outline: none; text-decoration: none;}
a:hover {color: #000;outline: none;text-decoration: none;transition:400ms ease all;}

/*========== 翻页公用 ==========*/

.pageflip{width: 100%;overflow: hidden;text-align: center; margin: 40px 0px 10px 0px;}
.pageflip  a{color: #cf0027;height: 34px;display: inline-block;overflow: hidden;line-height: 30px; padding: 0px 10px;border: 2px solid #cf0027;border-radius: 5px;margin: 0px 5px;}
.pageflip  a:hover,.pageflip a.dq{background: #cf0027;color: #fff;}
.pageflip  a i{display: block;line-height: 30px;height: 30px;}

@media (max-width:992px){
.pageflip{width: 100%;overflow: hidden;text-align: center; margin: 20px 0px 10px 0px;}
}
/*========== 翻页公用 ==========*/

/** IE浏览器版本过低  **/
#ie-alert-overlay {width:100%;height:100%;background-image:url(../images/bg.png);position: fixed; top: 0; left: 0;z-index:99999999999;}
* html #ie-alert-overlay {position: absolute;z-index:999999999999;}
#ie-alert-panel {width:520px;height:331px;position:fixed;background: url(../images/iealertsprite.png) no-repeat;background-position: -1px -109px ;top:50%;left:50%;margin:-201px 0 0 -296px;padding:72px 0 0 72px;_position:absolute;  /* fixed position hack for IE6 */_top:expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');  /* top:300px hack for IE6 */font-weight:bold;color:#333;line-height:1.5em;z-index:999999999999;}
#ie-alert-panel p {font-size:14px;width:486px;text-align:justify;}
#ie-alert-panel img {border:0;}
#ie-alert-panel span {font-size:18px;margin: 0 0 20px 0;display:block;padding:0;}
#ie-alert-panel ul {list-style: none;margin:0;padding:0;	}
#ie-alert-panel li {float:left;margin:0 22px 0 0;	}
#ie-alert-panel li.last {margin-right:0;}
#ie-alert-panel a {display:inline-block;		}
.browser {position: absolute;bottom:35px;	}
.chrome, .firefox, .ie9, .opera, .safari {background: url(../images/iealertsprite.png) no-repeat;}
.chrome {background-position: 0 0;width: 73px;height: 96px;margin:0 4px 0 0;}
.firefox {background-position: -292px 0;width: 73px;height: 98px;}
.ie9 {background-position: -179px 0;width: 95px;height: 98px;}
.opera {background-position: -90px 0;width: 73px;height: 98px;}
.safari {background-position: -387px 0;width: 73px;height: 98px;margin:0 4px 0 0;}
/** IE浏览器版本过低  **/



/*统一色  #cf0027 */
/*======================== 顶部 ============================*/
/* Sticky Header Style 

@media (max-width:1600px){}
@media (max-width:1400px){}
@media (max-width:1200px){}
@media (max-width:992px){}
@media (max-width:767px){}
@media (max-width:640px){}
@media (max-width:460px){}
@media (max-width:360px){}
*/
/* ---------------------------------------- */


@media (max-width:1600px){}
@media (max-width:1400px){}
@media (max-width:1200px){}
@media (max-width:992px){}
@media (max-width:767px){}
@media (max-width:640px){}
@media (max-width:460px){}
@media (max-width:360px){}



.back8e8e8{background: #8e8e8;  background: rgba(232, 232, 232, 1); }
.header{ position: fixed; top: 30px; left: 0px; width: 100%; height:80px; z-index: 99;  }
.header1{background: #fff; position: fixed; top: 0px; left: 0px; width: 100%; height:80px; z-index: 99; border-bottom: 1px solid #f1f1f1;}
.logo{float: left; position: absolute; left: 80px; top: 20px;}

/** 手机导航按钮  **/
.btn-manu {position: absolute;top: 50%;right: 30px;margin-top: -15px;width: 30px;height: 30px;display: none}
.btn-manu span {position: absolute;top: 50%;left: 5px;width: 30px;height: 2.5px;background: #fff;}
.btn-manu span:nth-of-type(1) {margin-top: -8px}
.btn-manu span:nth-of-type(2) {margin-top: -1px}
.btn-manu span:nth-of-type(3) {margin-top: 6px}

.header-menu{display: none; font-size: 0;text-align: center}
/** 手机导航按钮  **/
.nav_menu,
.nav_menu ul,
.nav_menu ul li,
.nav_menu ul li a{display: block; position: relative;}

.nav_menu {width:55%; padding: 0px 100px 0px 0px; float: right; background:none; text-align: right; }
.nav_menu > ul > li {float: left; width: 16.6666%;}
.nav_menu > ul > li > a { height: 80px; line-height: 80px; font-size: 16px; color: #fff; padding: 0px 0px 0px 0px;
text-decoration: none; text-transform: uppercase; -webkit-transition: color .2s ease; -moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease; transition: color .2s ease;}

.nav_menux > ul > li > a { color: #333;}
.nav_menux1 > ul > li > a { color: #333;}

.nav_menu > ul > li:hover > a {color: #cf0027; background:none;}
.nav_menu > ul > li > a.dq{color: #cf0027; }
.nav_menu > ul > li > a.dq::after {position: absolute; bottom: 1px; left: 50%; margin-left: -35px; width: 70px; height: 0px; background: #cf0027;content: "";
	 -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.nav_menu > ul > li > a::after {position: absolute; overflow: hidden;bottom: 1px; left: 50%; margin-left: -35px;width: 0px;height: 0px;background: #cf0027;content: "";}
.nav_menu > ul > li:hover > a::after { position: absolute; bottom: 1px; left: 50%; margin-left: -35px;width: 70px;height: 0px;background: #cf0027;content: "";
	 -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.nav_menu > ul > li.nav-has-sub > a { text-align: center; width: 100%;}

/* 二级 */
.nav_menu ul ul {width: 120%; text-align: center; position: absolute; left: -9999px; box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;}
.nav_menu > ul > li > ul {border-top: 0px solid #cf0027;}
.nav_menu li:hover > ul {left: -10%;}
.nav_menu.align-right li:hover > ul {right: 0;}
.nav_menu.align-right ul ul ul { margin-left: 0;margin-right: 100%;}

.nav_menu ul ul li {width: 100%; 
    opacity: 0;

    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;}

.nav_menu ul li:hover > ul > li {height:45px; line-height: 45px;
 opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
	
}
.nav_menu ul ul li a {font-size: 14px;padding: 0px 20px;width: 100%;background:rgba(255, 255, 255, 0.9);text-decoration: none;color: #666; 
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  border-top: 1px solid #e0e0e0;}



/* CSS3 delays for transition effects */
.nav_menu ul li:hover > ul > li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.nav_menu ul li:hover > ul > li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.nav_menu ul li:hover > ul > li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.nav_menu ul li:hover > ul > li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.nav_menu ul li:hover > ul > li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.nav_menu ul li:hover > ul > li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.nav_menu ul li:hover > ul > li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.nav_menu ul li:hover > ul > li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

/* 三级 */
.nav_menu ul ul ul { margin-left: 100%;top: 0; }
.nav_menu ul ul ul li a {font-size: 12px; width: 100%;background:rgba(255, 255, 255, 0.9);}
.nav_menu ul ul li:hover > a,
.nav_menu ul ul li a:hover {color: #cf0027;background: #FFF;border-top: 1px solid #e0e0e0;}
.nav_menu ul ul li.nav-has-sub > a::after {position: absolute;top: 20px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #cf0027;border-right: 1px solid #cf0027; content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;}
.nav_menu.align-right ul ul li.nav-has-sub > a::after { right: auto;left: 10px;border-bottom: 0; border-right: 0;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;}
.nav_menu ul ul li.nav-has-sub:hover > a::after {border-color: #000;}


/* banner */
.bs-slider{margin-top: 0px;}
.indicators-line > .carousel-indicators {bottom: 1%; }
.indicators-line > .carousel-indicators .active{background-color:#cf0027;height: 2px;}
/* banner */


/** pag_ban  **/
.pag_ban{position: relative;height: 400px;}
.pag_ban_tit{ height: 100%; width:100%; max-width: 1200px; text-align: center; margin: 0px auto;position: relative;}
.pag_ban_tit_b{padding: 0px 0px; top:45%; width: 100%; position: absolute; color: #fff; text-align: center;}
.pag_ban_tit_b b{ font-size:44px; font-weight: 500; padding-bottom: 0px; margin-bottom: 15px; display: block; position: relative;}
.pag_ban_tit_b b em{ color: #cf0027;}
/**.pag_ban_tit_b b::after {position: absolute; bottom: 1px; left: 50%; margin-left: -45px; width: 90px; height: 3px; background: #f6a218;content: "";} **/
.pag_ban_tit_b span{font-size:22px; display: block;}
@media (max-width:1600px){
.pag_ban{position: relative;height: 380px}
}
@media (max-width:1400px){
.pag_ban{position: relative;height: 400px}

.pag_ban_tit{ height: 100%; width:100%; max-width: 1200px; text-align: center; margin: 0px auto;position: relative;}
.pag_ban_tit_b{padding: 0px 0px; top:40%; width: 100%; position: absolute; color: #fff; text-align: center;}
.pag_ban_tit_b b{ font-size:44px; padding-bottom: 10px; margin-bottom: 5px; display: block; position: relative;}

.pag_ban_tit_b span{font-size:18px; display: block;}
	
}
@media (max-width:992px){
.pag_ban{position: relative;height: 250px}
	
.pag_ban_tit{ height: 100%; width:100%; max-width: 1200px; text-align: center; margin: 0px auto;position: relative;}
.pag_ban_tit_b{padding: 0px 0px; top:50%; width: 100%; position: absolute; color: #fff; text-align: center;}
.pag_ban_tit_b b{ font-size:20px; padding-bottom: 0px; margin-bottom: 5px; display: block; position: relative;}
.pag_ban_tit_b span{font-size:14px; display: block;}
	
}
@media (max-width:768px){
.pag_ban{position: relative;height: 200px}
}
.pag_ban .imgBg {height: 100%}
.pag_ban .imgBg {background-position: center center;background-size: cover;background-repeat: no-repeat}
.pag_ban .imgBg img {display: none;}
/** pag_ban  **/




	
/* 首页标题 */
.index_tit{padding: 0px 0px 0px 0px; text-align:center;}
.index_tit h3{ font-size: 28px; padding-bottom: 20px; width: 150px; display: inline-block;}
.index_tit h3 span{ color: #cf0027;}
.index_tit h4{ font-size: 18px; padding-bottom: 20px; color: #999;}
.index_tit img{ width: 80px; float: left; margin-top: 6px;}

.index_more{ text-align: center; padding: 30px 0px 0px 0px;}
.index_more a{ display: inline-block; padding: 0px 80px; line-height: 50px; background: #eeeeee; color: #333;}
.index_more a:hover { padding: 0px 100px; background: #cf0027; color: #fff;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.index_more a:hover i{ margin-left: 15px; -webkit-transition: all .3s ease-out;transition: all .3s ease-out;}

	
/* 服务 */
.index_server{width: 100%; max-width: 1300px; padding: 50px 50px; margin: 0px auto; position: relative; overflow: hidden;}
.index_serbox{ width: 100%;}
.index_serbox ul li{width: 31.333%; margin: 15px 1%; float: left; overflow: hidden; border: 1px solid #ededed; animation-delay: 0.1s;}
.index_serbox ul li a .index_serbox_img{ width: 100%; overflow: hidden;}
.index_serbox ul li a .index_serbox_img img{ transform: scale(1); transition: all .6s ease;}
.index_serbox ul li a:hover .index_serbox_img img{ transform: scale(1.1); transition: all .6s ease;   -webkit-transition: all .6s ease;}
.index_serbox ul li a .index_serbox_1{ font-size: 16px; margin: 15px 20px 10px 20px; line-height: 26px; height: 26px; overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.index_serbox ul li a .index_serbox_2{ color: #868686; font-size: 12px;margin: 0px 20px 15px 20px; line-height: 20px; height: 40px; overflow: hidden;}
	

.index_gg{ width: 100%; height: 340px; background-repeat:no-repeat; background-position:center center; background-size:auto;}

/* 客户 */
.index_kehu{width: 100%; max-width: 1300px; padding: 50px 50px; margin: 0px auto; position: relative; overflow: hidden;}
.index_kehubox{ width: 100%; padding: 20px 0px 0px 0px;}
.index_kehubox ul li{width: 30.333%; margin: 5px 1.5% 0px 1.5%; float: left; overflow: hidden; animation-delay: 0.1s;}
.index_kehubox ul li a .index_kehubox_img{ width: 100%; overflow: hidden;}
.index_kehubox ul li a .index_kehubox_img img{ transform: scale(1); transition: all .6s ease;}
.index_kehubox ul li a:hover .index_kehubox_img img{ transform: scale(1.1); transition: all .6s ease;   -webkit-transition: all .6s ease;}
.index_kehubox ul li a .index_kehubox_1{ font-size: 16px; margin: 10px 0px 5px 0px; line-height: 22px; height: 44px; overflow: hidden;}


.mbox5Link{ overflow: hidden; display: block; width: 100%; position: relative; padding: 0px; background: #e0e0e0;}
.mbox5Link img{width: 100%;}
.mbox5Img {transition: all .7s ease 0s}
.mbox5Hov {position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;transition: all .7s ease 0s;transform: scale(2)}
.index_kehu a:hover .mbox5Img {opacity: 0;transform: scale(2)}
.index_kehu a:hover .mbox5Hov {opacity: 1;transform: scale(1)}



.index_news{width: 100%; max-width: 1300px; padding: 50px 50px; margin: 0px auto; position: relative; overflow: hidden;}

.index_contact{width: 100%; max-width: 100%; background: #f5f5f5; padding: 0px 0px; margin: 0px auto; position: relative; overflow: hidden;}
.index_contact_box{width: 100%; max-width: 1300px; padding: 50px 50px; margin: 0px auto; position: relative; overflow: hidden;}

.index_con{ width: 100%;}
.index_con ul li{width: 20%; margin: 15px 0%; float: left; overflow: hidden;}
.index_con ul li a .index_con_img{ width: 100%; overflow: hidden; position: relative;}
.index_con ul li a .index_con_img h4{ width: 100%; height: 100%; background:rgba(0,0,0,0.3);  position:absolute; top: 0px; left: 0px; padding-top: 45%; z-index: 6; color: #fff; font-size: 24px; text-align:center;transition: all .6s ease;  -webkit-transition: all .6s ease; }
.index_con ul li a .index_con_img img{ transform: scale(1); transition: all .6s ease;}
.index_con ul li a:hover .index_con_img img{ transform: scale(1.1); transition: all .6s ease;  -webkit-transition: all .6s ease;}
.index_con ul li a:hover .index_con_img h4{background:rgba(0,0,0,0);transition: all .6s ease;  -webkit-transition: all .6s ease; }

.index_con ul li a .index_con_1{ font-size: 16px; margin: 20px 0px 3px 0px; line-height: 26px; height: 26px; overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.index_con ul li a .index_con_2{ color: #868686; font-size: 12px;margin: 0px 0px 15px 0px; line-height: 20px; height: 40px; overflow: hidden;}
	
.danhuitop{ text-align:center; padding: 30px 0px 0px 0px;}
.danhuitop a{ width: 170px; line-height: 30px; color: #6b6b6b; border-bottom: 1px solid #000; display:block; margin: 0px auto;}
.danhuitop a:hover{ color: #cf0027; border-bottom: 1px solid #cf0027;}

/** foot  **/	
.foot_box{ width: 100%; max-width: 100%; height:auto; background: #898989; color: #fff; position: relative; overflow: hidden;}
.foot_box a{color: #fff;}

.foot_m{width: 100%; max-width:1300px;margin: 0px auto; padding: 50px 50px 20px 50px; position:relative; z-index: 99;}
.foot_m_l{ float: left; width: 100%;min-height:270px; padding-right: 200px;}
.foot_m_r{ float: right; width: 200px; position: absolute; right: 50px; top: 50px;}

.youqing{ color: #dadada; margin: 30px 0px 0px; padding: 20px 0px; line-height: 30px; width: 100%;border-top: 1px solid #dadada;}
.youqing a{ color: #dadada; padding-right: 20px;}
.youqing a:hover{ color: #fff;}

ul.fooynav{display: block;}
ul.fooynav li{display: block; float: left; padding-right:10%;}
ul.fooynav li b{display: block; font-weight: 400; font-size: 20px; padding-bottom: 20px;}
ul.fooynav li a{display: block; font-size: 14px; padding-bottom: 10px; color: #fff;}
ul.fooynav li a:hover{color: #cf0027;opacity: 1;}

.cop{color: #fff; background: #000; padding: 30px 0px; text-align: center;}
.cop_box{width: 100%; max-width:1300px;margin: 0px auto; padding: 0px 50px 0px 50px;}
.cop a{color: #fff;}
.codepic{float: right;width:auto; overflow: hidden; margin-bottom: 10px;}
.codepic img{width: 100%;}
/** foot  **/	



.pag_box{ background: #fff; width: 90%; height:auto; margin: 0px auto; margin-top: -50px; position: relative; z-index: 66;}
.pag_main{width: 100%; max-width: 1300px; height:auto; padding: 50px 50px; margin: 0px auto;  position: relative;}
.pag_mainx{width: 100%; max-width: 1300px; height:auto; padding: 50px 50px 0px 50px; margin: 0px auto;  position: relative;}

/** item_1  **/	
.item_1{width: 100%; display:block; position: relative;}
.item_1 li{ width: 25%; float: left; padding: 20px 10px; display:block;animation-delay: 0.1s;}
.item_1 li a{ display: block; position: relative; overflow: hidden;}
.item_1 li a .item_1_info{ width: 100%; color: #fff; text-align: center; background:rgba(207,0,39,0.9); padding: 20px 20px; position: absolute; bottom: -100%; z-index: 6;transition: all .6s ease;  -webkit-transition: all .6s ease;}
.item_1 li a .item_1_info .item_1_title{ font-size: 16px; padding-bottom: 10px;}
.item_1 li a .item_1_info .item_1_sub{font-size: 12px;}
.item_1 li a .item_1_img{}
.item_1 li a .item_1_img img{width: 100%; transform: scale(1); transition: all .6s ease;  -webkit-transition: all .6s ease;}
.item_1 li a:hover .item_1_img img{transform: scale(1.1); transition: all .6s ease;  -webkit-transition: all .6s ease;}
.item_1 li a:hover .item_1_info{  bottom: 0px; z-index: 6;transition: all .6s ease;  -webkit-transition: all .6s ease;}
/** item_1  **/	

/** item_2  **/	
.item_2{width: 100%; display:block; position: relative;}
.item_2 li{ width: 100%;  padding: 30px 10px; display:block;animation-delay: 0.1s; border-bottom: 1px solid #f1f1f1;}
.item_2 li:nth-child(1){animation-delay: 0.1s;}
.item_2 li:nth-child(2){animation-delay: 0.2s;}
.item_2 li:nth-child(3){animation-delay: 0.3s;}
.item_2 li:nth-child(4){animation-delay: 0.4s;}

.item_2 li a{ display: block; position: relative; overflow: hidden;}
.item_2 li a .item_2_data{ position: absolute; left: 0px; top: 20px; width: 130px;}
.item_2 li a .item_2_data .d1{ color: #999; display: block; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 36px; font-weight: bold;}
.item_2 li a .item_2_data .d2{ color: #999; display: block; padding-top: 10px;}

.item_2 li a .item_2_info{ width: 100%; height: 150px; padding: 20px 370px 20px 150px; color: #333; transition: all .6s ease;  -webkit-transition: all .6s ease;}
.item_2 li a .item_2_info .item_2_tit{ font-size: 16px; height: 44px; line-height: 22px;margin-bottom: 10px; overflow: hidden; }
.item_2 li a .item_2_info .item_2_sub{   font-size: 12px; color: #999; height: 66px; line-height: 22px; overflow: hidden;}

.item_2 li a .item_2_img{position: absolute; right: 0px; top: 0px; width: 300px; height: 150px; overflow: hidden;}
.item_2 li a .item_2_img img{width: 100%; transform: scale(1); transition: all .6s ease;  -webkit-transition: all .6s ease;}
.item_2 li a:hover .item_2_img img{transform: scale(1.1); transition: all .6s ease;  -webkit-transition: all .6s ease;}
.item_2 li a:hover .item_2_info{padding: 20px 350px 20px 170px;transition: all .6s ease;  -webkit-transition: all .6s ease;}
/** item_2  **/	


.pag_server{width: 100%; max-width: 100%; height:auto; padding: 100px 0px 20px 0px; margin: 0px auto;  position: relative;}
.pag_server:nth-child(odd){ background: #f6f6f6;}

.pag_server_box{width: 100%; max-width: 1300px; height:auto; padding: 0px 50px; margin: 0px auto; }
.pag_server_box1{ font-size: 28px; text-align: center; padding-bottom: 10px; color: #cf0027;}
.pag_server_box2{ font-size: 16px; line-height: 30px; color: #666; padding: 0px 1%;}
.pag_server_box3{ font-size: 20px; padding-bottom: 30px; color: #999; text-align: center;}



.item_3{width: 100%; display:block; position: relative; padding-top: 30px;}
.item_3 li{ width: 31.3333%; float: left; margin: 0px 1%; padding: 0px 0px; display:block;animation-delay: 0.1s; }
.item_3 li a{ padding: 10px 10px; display:block; border:  1px solid #f1f1f1;}
.item_3 li a:hover{border:  1px solid #cf0027;}
.item_3 li a .item_3_img{ width: 100%; overflow: hidden;}
.item_3 li a .item_3_img img{width: 100%; transform: scale(1); transition: all .6s ease;  -webkit-transition: all .6s ease;}
.item_3 li a .item_3_tit{ text-align:center; font-size: 16px; padding: 10px 0px;}
.item_3 li a:hover .item_3_img img{transform: scale(1.1); transition: all .6s ease;  -webkit-transition: all .6s ease;}



.pag_nav{ background: #cf0027; width: 100%; height:auto; line-height: 45px; color: #fff;}
.pag_navl{ float: left;}
.pag_navl a{ color: #fff; font-size: 16px; display:block; float: left; padding: 0px 30px;}
.pag_navl a:hover,.pag_navl a.dq{ color: #cf0027; background: #d1d1d1;}
.pag_navr{ float: right; padding-right: 20px;}
.crack_nav{}
.crack_nav a{padding: 0px 5px; color: #fff;}
.crack_nav a:hover{ color: #efefef;}




/* about标题 */
.about_tit{padding: 0px 0px 40px 0px; text-align:center;}
.about_tit h3{ font-size: 40px; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px; position: relative;}
.about_tit h3::after {position: absolute; bottom: 0px; left:50%; margin-left: -75px; width: 150px; height: 1px; background: #999;content: "";}
.about_tit h3 span{ font-size: 40px; font-weight: bold; padding-bottom: 10px; color: #cf0027; position: relative;}
.about_tit h3 span::after {position: absolute; bottom: 0px; left:50%; margin-left: -35px; width: 75px; height: 1px; z-index: 2; background: #cf0027;content: "";}
.about_tit h4{ font-size: 20px; padding-bottom: 0px; color: #999;}

.pag_about{ padding: 50px 0px; width: 100%; color: #666; overflow: hidden;}
.pag_about_1{width: 100%; height: auto; font-size: 16px; line-height: 26px; overflow: hidden;}

.about-footer{width: 100%; padding-top:80px;}
.about-last{width: 25%;height: auto;float: left;margin-right: 12.5%;}
.about-last:nth-child(3n){margin-right: 0;}
.a-l-t{width: 100%;height: 60px; font-size: 80px; color: #b6b6b6; line-height: 60px; font-weight: bolder;}
.about-last:nth-child(2) .a-l-t{}
.about-last:nth-child(3) .a-l-t{}
.about-last b{display: block; width: 100%; font-size: 22px;color: #000;font-weight: 400;margin-top: -16px;}
.about-last b::after{content: ""; display: table; width: 25px;height: 3px;background:#ccc;margin-top: 20px;margin-bottom: 30px;}
.about-last span{display: block;width: 100%;height: auto;line-height: 24px; font-size: 16px;color: #666666;margin-bottom: 100px}



.pag_contact{ padding:20px 0px; width: 100%; color: #666; overflow: hidden;}
.pag_contact iframe{width: 100%; height: 350px;}
.pag_contact1{ width: 100%; padding: 50px 0px 20px 0px;}

a.pag_about1_2{width: 25%; float: left;}
a.pag_about1_2 .index_yewu_m{ position: relative; z-index: 9; text-align: center;  padding: 20px 20px 30px 20px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
a.pag_about1_2 .index_yewu_m img{width:90px; height: 90px;}
a.pag_about1_2 .index_yewu_m1{ display: block;}
a.pag_about1_2 .index_yewu_m2{ display: none;}
a.pag_about1_2 .index_yewu_m3{ padding: 30px 0px 10px 0px; font-size: 18px;}
a.pag_about1_2 .index_yewu_m4{ font-size: 14px; line-height: 22px; overflow: hidden; color: #666;}

a:hover.pag_about1_2 .index_yewu_m1{ display: none;}
a:hover.pag_about1_2 .index_yewu_m2{ display: block;}
a:hover.pag_about1_2 .index_yewu_m3{ color: #cf0027;}
a:hover.pag_about1_2 .index_yewu_m4{ color: #cf0027;}


.message-box{padding:3% 0px;margin:0px -14.5px;}
.message-box .list{float:left;width:50%;padding:0px 14.5px;margin-bottom:20px;}
.message-box .list2{width:100%;padding:0px 14.5px;}
.message-box .list input[type="text"]{height:40px;border:1px solid #dedede;width:100%;padding:0px 10px;}
.message-box .list input[type="submit"]{padding:15px 0px;text-align:center;background:#fff;color:#333;width:30%; border: 1px solid #dedede;}
.message-box textarea{width:100%;max-height:300px;height:100%;border:1px solid #dedede;resize:none;padding:10px;}
/*========== message  ==========*/


.pag_info{width: 100%; max-width: 1100px; height:auto; padding: 50px 50px; margin: 0px auto;  position: relative;}

.pag_infol{ width: 100%; padding-right:400px; min-height: 500px; }
.pag_infor{ width: 350px; height: auto; overflow: hidden; color: #7f7f7f; font-size: 14px; line-height: 26px; padding: 30px 30px 30px 30px; min-height: 250px; position: absolute; right: 50px; top: 50px; border: 1px solid #e0e0e0;
    border-top: 2px solid #EF4136;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .11)}

.sp-info-h1{font-size: 22px; padding-bottom: 2px; text-align: left;}
.sp-info-top-b{ color: #999;text-align: left; padding-bottom: 10px; border-bottom: 1px dotted #ccc; height: 30px;}
.news-info-m{width: 100%; padding: 30px 0px; color: #666; font-size: 13px; line-height: 28px; overflow: hidden; }

.news-info-m iframe { width: 100%; height: 500px;}

.sp-info-sxye{ padding: 20px 0px 0px 0px;}
.sp-info-sxye1{ padding-bottom: 10px; color: #666;}
.sp-info-sxye1 a{color: #666;}
.sp-info-sxye1 a:hover{ color: #cf0027;}



/*========== 在线客服  ==========*/
.zaixian{position:fixed;width:50px;height:275px;right:0;top:200px;z-index:100;}
.zaixian ul li{width:50px;height:50px;float:left;position:relative; margin-bottom: 1px; }
.zaixian ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s; border-top-left-radius:4px;border-bottom-left-radius:4px; background:#000; opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/50px "微软雅黑";overflow:hidden;}
.zaixian ul li .sidetop{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s; border-top-left-radius:4px;border-bottom-left-radius:4px; background:#000; opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/50px "微软雅黑";overflow:hidden;}
.zaixian ul li .sidetop:hover{background:#cf0027; opacity:1;filter:Alpha(opacity=100);}
.zaixian ul li .sideewm{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s; border-top-left-radius:4px;border-bottom-left-radius:4px; background:#000; opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/50px "微软雅黑";}
.zaixian ul li .sideewm:hover{background:#cf0027; opacity:1;filter:Alpha(opacity=100);}
.zaixian ul li .sideewm .sideewmimg{ position: absolute; width: auto; max-width: 130px; right: 50px; top: -100px;}
.zaixian ul li img{float:left;}



a.fanhui{ float: right; padding: 5px 20px; background: #cf0027; color: #fff;}