body {
	margin:0;
	padding:0;
	line-height:24px;
	font-family: Verdana, Arial, Tahoma;
	font-size: 14px; 
}


li{list-style-type: none;}
ul{list-style-type: none; margin:0 auto; padding:0;}
a {color:#333333;text-decoration:none;}
a:hover {color:#27a6ea;text-decoration:none;}

img {border:0;}
.img:visited img{border: 1px solid #cccccc;}
.img img{border: 1px solid #cccccc;padding:3px;}
.img:hover img{border: 1px solid #cccccc;}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/*¶¥²¿ÑùÊ½*/
/*.top_bg{ width:100%; height: auto; overflow:hidden; background:url(../image/top_bg.png) no-repeat center top; margin:0 auto}

.top{ background:url(../image/top.png) no-repeat; width:1200px; height:165px; margin:0 auto}*/

/*top*/
/*top*/
.top{ width:100%; height:110px; position:relative; background: url(../img/top_bg.png) center center;}
.top_bg{}
.top_up{ width:100%; height:36px; background:url(../img/top_up.jpg) center center ;}
.top_up_left{width:70%; height:36px; float:left; text-align:left; color:#fff; font-size:12px; line-height:36px; text-indent:20px;}
.top_up_right{width:30%; height:34px; float:right; color:#fff; font-size:12px;}
.top_up_right a {width:64px; height:34px;color:#fff; line-height:34px;}
.top_up_right a:link{  text-align:center; float:left; color:#fff;}
.top_up_right a:hover{color:#ff0;}

.top_logo{ width:70%; height:148px; margin:0 auto;}

 @media screen and (min-width:1700px) and (max-width:1800px){

        .top_logo{ width:75%; height:148px; margin:0 auto;}

        }
 @media screen and (min-width:1600px) and (max-width:1699px){

        .top_logo{ width:80%; height:148px; margin:0 auto;}

        }
 @media screen and (min-width:1500px) and (max-width:1599px){

        .top_logo{ width:85%; height:148px; margin:0 auto;}

        }
 @media screen and (min-width:1400px) and (max-width:1499px){

        .top_logo{ width:95%; height:148px; margin:0 auto;}

        }
 @media screen and (min-width:1280px) and (max-width:1399px){

        .top_logo{ width:95%; height:148px; margin:0 auto;}
        .img_logo{ height:70px; margin-top: 10px;}

        }
.img_logo{}
.img_ioc{padding-top:-5px;}
.top_logo_up{ width:100%; height:148px; margin:0 auto;}

/*导航*/
/** { box-sizing: border-box; }*/
/*左浮动*/
.float-left { float: left; }

/*右浮动*/
.float-right { float: right; }

/*清除浮动*/
.clearfix::before { content: ""; display: table-cell; }
.clearfix::after { content: ""; display: table; clear: both; }
ul, li { margin: 0; padding: 0; list-style: none; }

a, a:after, a:before { text-decoration: none; color: #333; cursor: pointer; outline: none;
/*    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s;*/ }
a:hover { color: #2073cf; }

/* 
- 设置导航高度宽度和背景色 
- 没有边距，文字贴着边不好看，给个内边距padding: 16px;
*/
.menu { padding: 0 5px; width: 782px; height: 40px;}
.menu_bgs{ width:782px; height:40px;float:right; margin-top:15px;}

/* 一级菜单设置为相对定位 */
.menu > ul > li { position: relative;}/*background:url(../img/xian_menut.jpg) no-repeat right;*/

/* 
- 因为导航背景颜色是黑色，所以设置一级导航的文字颜色是白色 
- 导航高48px，一级导航的文字要垂直居中，可以计算（48-文字行高）/2，然后设置外边距或者内边距，让文字刚好居中。
- 上面的居中方式太复杂了，不如line-height: 48px;让文字行高和导航高度一样，自然就居中了。
*/
.menu > ul > li > a { line-height: 40px; color: #000; margin-right:5px;}

.menu > ul > li > a { display: block; padding: 0 20px; line-height: 40px; color: #000; }

.menu > ul > li:hover > a{ padding:0 20px;line-height: 40px;}


.menu > ul > li:hover > a,
.menu > ul > li.active > a { background: #27a6ea; color:#fff; border-radius: 25px;}


/* 
- 二级菜单会占用高度，因此需要给它设置绝对定位，因为一级菜单是相对定位，因此二级菜单的位置是根据一级菜单来的
- 二级菜单的宽度100%也是根据一级菜单来的
*/
.sub-menu { position: absolute; width: 146px; top: 45px; left: 0; background: #27a6ea; box-shadow: 0 0 8px rgba(0,0,0,0.1); }
.sub-menu > li > a { display: block; padding: 8px; text-align: center; font-size: 14px; color: #27a6ea; }
.sub-menu > li + li > a { border-top: 1px solid rgba(181,181,181,0.3); }
.sub-menu > li:hover > a { background-color:rgba(39,166,234,1); color:#fff;}

.sub-menu { position: absolute; width: 146px; top: 45px; left: 0; background-color:rgba(255,255,255,1); box-shadow: 0 0 8px rgba(0,0,0,0.1); opacity: 0; z-index: 999; visibility: hidden; 
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s; 
            transition: all 0.3s; 

            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0; 

            -webkit-transform:scaleY( 0 );
            -moz-transform:scaleY( 0 );
            -ms-transform:scaleY( 0 );
            -o-transform:scaleY( 0 );
            transform:scaleY( 0 ); }
			
.menu > ul > li:hover .sub-menu { opacity: 1; visibility: visible;
    -webkit-transform:scaleY( 1 );
    -moz-transform:scaleY( 1 );
    -ms-transform:scaleY( 1 );
    -o-transform:scaleY( 1 );
    transform:scaleY( 1 );  }
/*µ¼º½ÑùÊ½*/

/*.navBar{ position:relative; z-index:1;  background:#c80b0f; color:#fff; height:50px; line-height:50px;   }
.nav{ width:1200px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav .m{ float:left;  position:relative; background:url(../image/menu.jpg) no-repeat center right; margin-right:-2px;}
.nav a:hover{ text-decoration:none; color:#c80b0f; background-color:#ff27a6ea0}
.nav h3{ float:left; font-size:100%; font-weight:normal; font-size:16px; height:50px; overflow:hidden;}
.nav h3 a{ display:block; color:#fff;  padding:0 30px; vertical-align:top; }
.nav .on{}
.nav .on h3 a{  color:#c80b0f;background-color:#ff27a6ea0; }
.nav .sub{ display:none;  width:99px; padding:5px 0; position:absolute; left:-2px; top:40px; }
.nav .sub li{ vertical-align:middle;}
.nav .sub li a{ height:20px; line-height:20px; padding:4px 0;  display:block; color:#fff;}
.nav .sub li a:hover{ color:#fff;  }

#navigation a.here:link,
 #navigation a.here:visited,
 #navigation a.here:hover,
 #navigation a.here:active { color:#c80b0f; background-color:#ff27a6ea0}*/

/* ÂÖ»»Çø */

.banner{ min-width:1000px;  position:relative;  height:600px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:600px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:600px;  }
.banner .bd li a{ height:600px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(http://www.mijiguixm.com/images/banner-btn.png) 0 0 no-repeat;_background:url(http://www.mijiguixm.com/images/banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../image/dot-black.png) 0 0; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }

.flash_bt{ width:100%; height:60px; background-color:#fff; border-bottom: 1px solid #ccc; margin:0 auto;}
.flash_keyword{ float:left; width:800px; height:30px; line-height:40px; color:#333333; margin-top:12px;}
.flash_keyword a{font-size: 14px;}
.flash_search{ float:right; width:290px; height:30px; background:url(../image/search.jpg) no-repeat; margin-top:15px;}

/*index*/
.main{ width:1200px; height:auto; overflow:hidden;  margin:0 auto; margin-top:20px;}
.main-1{ width:100%;height:auto; background:#f7f7f7; }
.main-link{ width:1200px; height:auto; overflow:hidden;  margin:0 auto;}

.title{ width:1200px; height:90px; background:url(../image/title.png) no-repeat; margin:0 auto; margin-bottom:50px;}
.title_cn{ width:1200px; height:45px; margin:0 auto; text-align:center; font-family:"Î¢ÈíÑÅºÚ"; line-height:45px; font-size:38px; color:#333}
.title_en{ width:1200px; height:45px; margin:0 auto; text-align:center; font-family:"Î¢ÈíÑÅºÚ"; line-height:45px; font-size:18px; color:#666}

.cp_list{ float:left;  width:385px; height:300px; border:1px #dddddd solid; text-align:center; margin-bottom:10px; margin-left:5px; margin-right:5px; display:block }
.cp_list a{  width:385px; height:300px; text-align:center; background-color:#FFFFFF; display:block; color:#333; font-size:14px; line-height:43px; }
.cp_list a:hover{ width:385px; height:300px; text-align:center; background-color:#27a6ea; display:block; color:#FFFFFF}


.cp_img{ width:375px; height:250px; margin:0 auto; overflow:hidden;}
.cp_img img{ 
                cursor: pointer;  
                transition: all 1.6s;  
            }  
.cp_img img:hover{  
                transform: scale(1.1);
            } 



/*Õ½ÂÔºÏ×÷*/
.hezuo{ width:100%; height:638px; background:url(../image/hezuo.jpg) no-repeat center top; margin:0 auto; margin-top:30px;}
.hezuo_con{ width:1200px; height:auto; margin:0 auto;}
.hezuo_title1{ width:1200px; height:45px; margin:0 auto; text-align:center; line-height:45px;font-family:"Î¢ÈíÑÅºÚ"; line-height:45px; font-size:30px; color:#fff; padding-top:200px;}
.hezuo_title2{ width:1200px; height:30px; margin:0 auto; background:url(../image/hezuo_line.png) no-repeat center center; text-align:center; line-height:30px;font-family:"Î¢ÈíÑÅºÚ"; line-height:30px; font-size:22px; color:#fff; margin-top:10px;}

.hezuo_bg{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:50px;}

.picScroll{ position:relative;  height:150px; padding: 10px 20px 10px 60px; margin-bottom:10px; overflow:hidden;   }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 10px 13px;  width:190px; height:149px; background:url(../image/cp_list_bg.png) no-repeat center bottom; overflow:hidden; display:inline; text-align:center; line-height:35px; color:#FFFFFF; font-size:16px; font-family:"Î¢ÈíÑÅºÚ";}
.picScroll ul li a{ color:#FFFFFF; font-size:16px; font-family:"Î¢ÈíÑÅºÚ";}
.picScroll ul li img{ width:190px; height:112px; }
.picScroll .prev,
.picScroll .next{ position:absolute;  left:0px; top: 50px; display:block; width:26px; height:71px; overflow:hidden; background:url(../image/left1.png) no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:0px; background:url(../image/right1.png) no-repeat; }
.picScroll .prevStop{}
.picScroll .nextStop{}


.anli_bg{ width:1200px; height:auto; margin:0 auto; margin-top:10px;}

.picScroll0{ position:relative;  height:200px; padding: 10px 20px 10px 60px; margin-bottom:10px; overflow:hidden;   }
.picScroll0 ul{ overflow:hidden; zoom:1; }
.picScroll0 ul li{ float:left; margin: 10px 10px;  width:250px; height:200px; overflow:hidden; display:inline; text-align:center; line-height:35px; color:#333; font-size:16px; font-family:"Î¢ÈíÑÅºÚ";}
.picScroll0 ul li a{ color:#333; font-size:16px; font-family:"Î¢ÈíÑÅºÚ";}
.picScroll0 ul li img{ width:230px; height:150px; }
.picScroll0 .prev,
.picScroll0 .next{ position:absolute;  left:0px; top: 80px; display:block; width:26px; height:71px; overflow:hidden; background:url(../image/left1.png) no-repeat; cursor:pointer;  }
.picScroll0 .next{ left:auto; right:0px; background:url(../image/right1.png) no-repeat; }
.picScroll0 .prevStop{}
.picScroll0 .nextStop{}


.youshi{ width:100%; height:2023px; background:url(../image/youshi.jpg) no-repeat center top; margin:0 auto;}
.banner1{ width:100%; height:170px; background:url(../image/banner.jpg) no-repeat center top; margin:0 auto;}
/*gsjj*/

.gsjj{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:40px;}

.gsjj_bg{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.gsjj_pic{ float:left; width:474px; height:286px; background:url(../image/gs.jpg) no-repeat; border:5px #f5f5f5 solid;}
.gsjj_right{ float:right; width:680px; line-height:30px; color:#333333}



/* ±¾Àý×Ócss */
.slideGroup{ width:1200px; margin:0 auto; text-align:left; margin-top:50px;}
.slideGroup .parHd{ width:1200px; margin:0 auto; height:40px; line-height:40px; background:url(../image/zh_title.png) no-repeat; position:relative; font-size:16px }
.slideGroup .parHd ul{ float:left; position:absolute; height:40px;   }
.slideGroup .parHd ul li{ float:left; width:152px; height:40px; background-color:#adadad; color:#333; cursor:pointer; text-align:center; margin-right:5px;}
.slideGroup .parHd ul li.on{ height:40px; background-color:#27a6ea;  text-align:center; color:#FFFFFF;}
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 10px 10px 60px; position:relative; margin-top:30px;}

.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:80px; display:block; width:26px; height:71px; background:url(../image/left1.png) center center no-repeat; }
.slideGroup .sNext{ left:auto; right:5px; background:url(../image/right1.png) center center no-repeat;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

.slideGroup .parBd ul{ overflow:hidden; zoom:1; }
.slideGroup .parBd ul li{ margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center;width:313px; height:256px; display:block;  }
.slideGroup .parBd ul li .pic{ text-align:center; padding:2px; border:1px solid #ccc;}
/**
.slideGroup .parBd ul li .pic img{ width:313px; height:216px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }


.slideGroup .parBd ul li .title{ line-height:24px;   }

**/

/* TabÇÐ»» */
.slideTxtBox{  width:750px; height: auto; overflow:hidden; text-align:left;  }
.slideTxtBox .hd{ height:58px; line-height:58px; padding:0; background:url(../image/news1.jpg) no-repeat;  font-size:16px; }
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;  }
.slideTxtBox .hd ul li{ float:left; width:375px; height:58px; text-align:center;background:url(../image/news1.jpg) no-repeat; }
.slideTxtBox .hd ul li a{ display:block;font-family:"Î¢ÈíÑÅºÚ"; font-size:16px;font-weight:bold;  }
.slideTxtBox .hd ul li a:hover{ text-decoration:none;  }
.slideTxtBox .hd ul li.on a{ background:url(../image/news1_on.jpg) no-repeat; color:#fff;  }
.slideTxtBox .bd{ width:750px; height:auto; overflow:hidden; margin:0 auto; margin-top:10px; margin-bottom:20px;}
.slideTxtBox .bd li{ float:left; width:360px; margin-left:10px; height:30px; line-height:30px; background:url(../image/icon1.jpg) no-repeat left center; text-indent:10px; border-bottom:1px #e7e7e7 dashed;}
.slideTxtBox .bd li .date{ float:right; color:#999;  }

.news_right{ float:right; width:415px; height:auto; overflow:hidden;}
/* ÎÄ×ÖÎÞ·ìÉÏ¹ö¶¯ */
.sideBox{  width:415px; height:auto; overflow:hidden; background:#fff; margin-bottom:10px;}
.sideBox .hd{ height:53px; line-height:53; background-color:#adadad;  font-size:16px; }
.sideBox .hd h3{ font-size:16px; font-weight:bold; color:#333;height:53; line-height:53px; text-indent:30px; margin-left:0px; font-family:"Î¢ÈíÑÅºÚ";}
.sideBox .hd h3 a{ color:#333;   }
.sideBox .bd{ width:415px; margin:0 auto; margin-top:10px; margin-bottom:10px;}
.sideBox .bd li{ width:415px; height:126px; background:url(../image/news_wt_list.png) no-repeat; color:#666666;}


.news{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.news_left{ float:left; width:750px; height:auto; overflow:hidden}


.news_list1{ background:url(../image/icon4.jpg) no-repeat left center; text-indent:15px; line-height:30px; border-bottom:#CCCCCC 1px dashed}
.news_list{ background:url(../image/icon4.jpg) no-repeat left center; text-indent:15px; line-height:30px; border-bottom:#CCCCCC 1px dashed}
.data{ text-align:right; margin-right:0px!important; margin-right:10px; color:#CCCCCC}

/*left*/
.left{ float:left; width:230px; }
.left_top{ width:230px; height:104px; background:url(../image/left_top.jpg) no-repeat; margin:0 auto}
.left_bg{ width:230px; height:auto; overflow:hidden; background:url(../image/left_bg.jpg) repeat-y;margin:0 auto;}
.left_bt{ width:230px; height:10px; background:url(../image/left_bt.jpg) no-repeat; margin:0 auto;}

.left_list{ width:203px; margin:0 auto;}
.left_list ul{}
.left_list ul li{ width:203px; height:37px; background:url(../image/left_list.jpg) no-repeat; margin:0 auto; font-size:14px; line-height:37px; margin-top:5px;}
.left_list ul li a:link{padding-left:40px; display:block;text-decoration:none; color:#fff}
.left_list ul li a:visited{ display:block;text-decoration:none; color:#fff}
.left_list ul li a:hover{  height:37px; line-height:37px; background:url(../image/left_list0.jpg) no-repeat; display:block; text-decoration:none; color:#fff}
.left_list ul li a:active{ display:block;text-decoration:none; color:#fff}

.left_list0{ width:203px; margin:0 auto;}
.left_list0 ul{}
.left_list0 ul li{ width:201px; height:30px; border:1px #CCC solid;  margin:0 auto; line-height:30px; font-size:14px; margin-top:5px;}
.left_list0 ul li a:link{padding-left:40px; display:block;text-decoration:none; color:#333}
.left_list0 ul li a:visited{ display:block;text-decoration:none; color:#333}
.left_list0 ul li a:hover{  height:30px; line-height:30px; font-weight:bold; display:block;text-decoration:none; color:#333}
.left_list0 ul li a:active{ display:block;text-decoration:none; color:#333}


.left_lx_top{ width:230px; height:58px; background:url(../image/left_lx_top.jpg) no-repeat; margin:0 auto; margin-top:10px;}
.left_lx_bg{ width:230px; height:auto; overflow:hidden; background:url(../image/left_bg.jpg) repeat-y;margin:0 auto;}
.left_lx_bt{ width:230px; height:10px; background:url(../image/left_bt.jpg) no-repeat; margin:0 auto;}

.left_lx_tel{ width:230px; height:156px; background:url(http://www.mijiguixm.com/images/left_lx_tel.jpg) no-repeat; margin:0 auto; margin-top:10px;}

/*right*/
.right{width:1200px; margin:0 auto;}
.right_top{ width:1200px; height:40px; background:url(../image/right_top.png) no-repeat; margin:0 auto}
.right_tf{ float:left; margin-left:15px!important; margin-left:15px; line-height:35px; color:#333; font-weight:bold; font-size:18px; font-family:"Î¢ÈíÑÅºÚ"; }
.right_r{ text-align:right; line-height:40px; margin-right:0px!important; margin-right:0px;color:#333; }
.right_r a{ color:#333;}
.right_bg{ width:1200px; height:auto; overflow:hidden;margin:0 auto; }
.right_bt{ width:1200px; height:20px; margin:0 auto; background-color:#FFFFFF;}
.right_con{ width:1200px; height:auto; overflow:hidden; margin:0 auto; color:#333; line-height:30px; margin-top:10px;}

.link_top{ width:1200px;min-height:60px; overflow:hidden; background:url(../image/link_top.jpg) no-repeat; margin:0 auto}
.link_bg{ width:1200px; height: auto; overflow:hidden; background:url(../image/link_bg.jpg) repeat-y; margin:0 auto}
.link_bt{ width:1200px; height:10px; background:url(../image/link_bt.jpg) no-repeat; margin:0 auto}
.link_con{ float:right; width:1080px; height:auto; overflow:hidden; margin-right:10px; margin-top:10px;}


/*footer*/
/*.foot{ width:1200px; height:242px; background:url(../image/foot.jpg) no-repeat; margin:0 auto}
.foot_con{ margin-left:350px; width:880px; height:auto; padding-top:30px; line-height:30px; color:#333}
.foot_con a{ color:#333}*/

.foot_nav{ width:100%; height:50px; margin:0 auto; background:#27a6ea; margin-top:0px; text-align:left; line-height:50px; color:#FFFFFF}
.foot_nav a{ color:#FFFFFF;}


.pub{
	width:1280px;
	margin:auto;
	position:relative;
}

.clear{clear:both;}
.clearfix:after{height:0;content:".";visibility:hidden;display:block;clear:both;}

.index{padding:70px 0;min-width:1280px;}
.index-title{width:320px;float:left;}
.index-title h3{font-size:68px;color:#333;line-height:78px;text-shadow: 10px 10px 5px rgba(0,0,0,0.1);}
.index-title h2{font-size:30px;color:#333;line-height:42px;float:left;}
.index-title a{font-size:16px;color:#666;line-height:32px;margin-top:5px;padding-left:56px;background:url(../img/b1.png) no-repeat left center;float:right;}
.index-title a:hover{color:#27a6ea;}


.index-company{background:url(../img/b3.png) no-repeat center bottom;}
.index-company-left{width:560px;float:left;}
.index-company-left .title{padding-bottom:20px;border-bottom:1px solid #eee;}
.index-company-left .tlt{font-size:18px;line-height:32px;color:#000;white-space:2px;margin-top:30px;}
.index-company-left .con{font-size:16px;line-height:32px;color:#333;margin-top:20px;}
.index-company-right{width:670px;border:22px solid #FFF;float:right;}
.index-company-right img{width:100%;display:block;}
.index-company-tel{margin-top:50px;margin-left:380px;}
.index-company-tel .tel{float:left;}
.index-company-tel .tel p{font-size:18px;line-height:42px;color:#FFF;}
.index-company-tel .tel p:nth-child(1){padding-left:60px;background:url(../img/b4.png) no-repeat left center;}
.index-company-tel .tel p:nth-child(2){letter-spacing:0px;}
.index-company-tel .btn{float:right;}
.index-company-tel .btn a{margin-left:100px;float:left;}
.index-company-tel .btn a img{height:56px;display:block;margin:auto;}
.index-company-tel .btn a p{font-size:16px;line-height:32px;color:#FFF;margin-top:10px;}



/*新闻*/
.section {padding: 90px 0;}
.section-title {margin-bottom: 40px;font-size: 24px;padding-left: 35px;}
.section-title strong {display: block;font-size: 50px;line-height: 1.1;margin-bottom: 5px;position: relative;text-transform: uppercase;}
.section-title strong:before {position: absolute;top: 50%;right: 100%;content: '';width: 25px;height: 5px;background-color: #333;margin-top: -2px;margin-right: 10px;}
.section-title p {margin: 0;float: right;font-size: 18px;color: #8f8f8f;}
.section-title-2 {margin-bottom: 40px;text-align: center;font-size: 24px;margin-top: 30px;}
.section-title-2 strong {font-family: "Arial Black";font-size: 40px;display: block;text-transform: uppercase;}
.section-title-3 {text-align: center;margin-bottom: 40px;}
.section-title-3 strong {display: inline-block;font-size: 36px;position: relative;padding: 0 25px;}
.section-title-3 strong:after,.section-title-3 strong:before {position: absolute;content: '';top: 50%;width: 90px;height: 1px;background-color: #000;opacity: 0.2;}
.section-title-3 strong:after {left: 100%;}
.section-title-3 strong:before {right: 100%;}
.section-title-3 p {font-size: 18px;line-height: 1.8;margin: 0;}
.section-title-3 small {display: inline-block;background-color: #27a6ea;color: #fff;font-family: Arial;padding: 0 38px;line-height: 24px;font-size: 14px;border-radius: 20px;margin-top: 5px;letter-spacing: 1px;}

.list-3 {margin: -30px 0 0 -30px;}
.list-3 li {float: left;width: 50%;}
.list-3 li a {margin: 30px 0 0 30px;color: #666; display: block;background-color: #fff;padding: 22px 35px;box-shadow: 0 10px 20px rgba(0,0,0,0.05);border-radius: 6px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li h4 {position: relative;margin: 0;font-weight: normal;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 35px;}
.list-3 li h4:before,.list-3 li p:before {position: absolute;content: 'Q';background-color: #27a6ea;color: #fff;text-transform: uppercase;left: 0;top: 50%;width: 20px;line-height: 20px;margin-top: -10px;text-align: center;border-radius: 2px;font-size: 12px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li p {position: relative;margin: 15px 0 0;padding-left: 35px;line-height: 1.8;height: 50px;overflow: hidden;color: #8e8e8e;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li p:before {content: 'A';top: 2px;margin: 0;background-color: #d18925;}
.list-3 li a:hover {background-color: #27a6ea;color: #fff;}
.list-3 li a:hover h4:before,.list-3 li a:hover p:before {background-color: #fff;color: #27a6ea;}
.list-3 li a:hover p {color: #fff;}
.list-3 li a:hover p:before {color: #d18925;}


/*foot*/
.foot_body{ overflow:hidden; width:100%; height:469px; background:url(../img/foot_bg.jpg) repeat;}
.foot_bg{ width:1200px; height:318px; background:url(../img/foot_body.jpg) no-repeat; margin:0 auto; margin-top:20px;}
.foot_lx_btn{width:125px; background:#FFF; height:40px; float:right; line-height:40px; text-align:center; font-size:18px; margin-top:13px;opacity: 0.8;}
.foot_left{width:23.2%; float:left;overflow:hidden;}
.foot_center{ width:50%; float:left;overflow:hidden; border-left:1px #fff solid; border-right:1px #fff solid;}
.foot_right{ width:26%; float:right;overflow:hidden; text-align:left;}


/*底部联系*/
.pflxdi{width: 100%;height: 470px;margin-top: 60px;}
.pflxk{width: 300px;float: right;margin-top: 55px;margin-right: 50px;}
.pflxbt{color: #fff;font-size: 22px;font-weight: bold;width: 280px;height: 65px;line-height: 65px;border-bottom: 1px solid #fff;}
.pflxnr{color: #fff;font-size: 16px;line-height: 26px;height: 210px;margin-top: 15px;}
.pflxdh{width: 245px;height: 60px;border-radius: 10px;background: #fff;padding: 15px;color: #272727;font-size: 16px;}
.pflxdh img{float: left;padding-left: 10px;}
.pflxdh p{color: #27a6ea;font-size: 28px;font-family: Impact;}
/*底部联系*/
.pfdibu{ width:100%;  height:245px;background:#2c2f34;overflow:hidden; text-align:center;}
.pfdi1{width: 100px;float: left;margin-top: 50px;margin-left: 80px;text-align:center;}
.h4{color: #a0a0a0;font-size: 16px; line-height:40px; border-bottom:1px #a0a0a0 solid;}
.pffldi{margin-top: 15px;}
.pffldi a{display: block;width: 100%;float: left;line-height: 26px;color: #929292;font-size: 14px;}
.pffldi a:hover{color: #27a6ea}
.pfdi2{width: 120px;float: left;margin-top: 50px;margin-left:40px; text-align:center;}
.pfdi2 h4{color: #fff;font-size: 14px;}
.pfdhdi{margin-top: 15px;}
.pfdhdi li a{display: block;color: #929292;font-size: 12px;line-height: 26px;width: 100%;float: left;}
.pfdhdi li a:hover{color: #27a6ea}
.pfdi3{float: left;margin-top: 50px;margin-left: 100px;}
.pfdi3 h4{color: #fff;font-weight: normal;font-size: 20px;padding-left: 20px;}
.erweima_left{float: left;width: 245px;height: 105px;background: #424242;padding: 15px 20px 25px 20px;margin-top: 15px;color: #929292;font-size: 14px;line-height: 24px;}
.erweima{float: left;margin-top: 15px;}

/*版权*/
.dibanquan{ width:100%; background:#00284d; height:40px;margin: 0 auto;text-align: center;}
.dibanquan p{ font-size:14px; color:#a8afb8; line-height:40px;text-align:center;}

.foot-bottom{
        height:auto;
		padding-top:30px;
		padding-bottom:10px;
        text-align:left;
        line-height:25px;
		color:#a8afb8;
		background:#2c2f34;
		border-top:1px #424242 solid;
		font-size:14px;
		padding-top:10px;
    }
.foot-bottom a { color:#a8afb8;}
.foot-bottom a:hover { color:#27a6ea;}




.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}

.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.75rem 0.95rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
  font-size: 16px;
}

.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}