.fl{ float:left}.fr{ float:right} 
article,aside,footer,header,nav,section{display:block;border:0;}
a,img{ border:0}
.clearfix:after{ 
visibility:hidden; 
display:block; 
font-size:0; 
content:" "; 
clear:both; 
height:0; 
} 
.clearfix { display: inline-table; } 
/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* End hide from IE-mac */ 
.line{ height: 1px; background: #ddd}

.nav-justified > li {
    display: table-cell;
    width: 1%;
}
.w1200{ width:1200px; margin:0 auto}





/*inner page style*/

.main-banner{height:290px;background:url(../upload/content.jpg) no-repeat center top;background-size:cover;}
.main-banner-title{margin-left:124px;margin-top:85px;}
.main-banner-title h2{height:54px;line-height:54px;overflow:hidden;white-space:nowrap;font-weight:bold;font-size:40px;color:#fff;position:relative;left:50px;top:0;filter:alpha(opacity=0);opacity:0;}
.main-banner-title p{height:50px;line-height:50px;overflow:hidden;white-space:nowrap;font-weight:bold;font-size:44px;color:#3dd0ff;font-family:Georgia, "Times New Roman", Times, serif;text-transform:uppercase;position:relative;left:100px;top:0;filter:alpha(opacity=0);opacity:0;}
.main-con-title{margin:20px auto;text-align:center;}
.main-con-title .list{display:inline-block;*display:inline;*zoom:1;}
.main-con-title .item{float:left;margin-right:10px;margin-bottom: 10px}
.main-con-title .item:first-child{/*! margin-left:0; */}
.main-con-title .item a{display:block;height:40px;line-height:40px;padding:0 35px;background:#f0f0f0;font-size:14px;color:#666;transition:all 0.3s ease-in-out;width: 100%;}
.main-con-title .item a:hover,.main-con-title .item.cur a{background:#006ab7;color:#fff;text-decoration:none;}

/*inner details style*/
.main-arctitle-title{height:padding-top:20px;}
.main-arctitle-title h2{height:36px;line-height:36px;text-align:center;font-weight:bold;font-size:26px;color:#006ab7;}
.main-arctitle-title h3{height:32px;line-height:32px;text-align:center;font-weight:normal;font-size:18px;color:#999;text-transform:capitalize;}
.main-article-content{line-height:30px;color:#666;font-size:15px; padding:0px 50px;}
.main-article-content img { max-width:100%;}
.main-newarc-title{padding-bottom:38px;}
.main-newarc-title h2{text-align:center;font-size:22px;color:#333;font-weight:bold;line-height:30px;padding-bottom:24px;background:url(../images/dot2.png) repeat-x left bottom;margin-bottom:20px;}
.main-newarc-title .share{height:34px;line-height:34px;overflow:hidden;text-align:center;}
.main-newarc-title .share-p{display:inline-block;*display:inline;*zoom:1;margin:0 17px;font-size:12px;font-weight:normal;color:#666;}
.main-newarc-title .share-p font{color:#999;text-transform:uppercase;margin-right:4px;}
.main-newarc-title .bdsharebuttonbox{display:inline-block;*display:inline;*zoom:1;vertical-align:text-top;position:relative;top:-2px;left:-18px;}
.main .main-toggle-article{padding-top:15px;background:url(../images/dot2.png) repeat-x left top;}


/*news list style*/
.main-arcticle{ padding-bottom:80px;}
.main-arcticle .index_news_con{width:100%;}
.main-arcticle .index_news_inner{width:1060px;}
.main-arcticle .index_news_inner .right{width:965px;}
.main-arcticle .index_news_con .list{margin-bottom:50px;}
.main-arcticle .index_news_inner .right h5{color:#0368af;}

/*article toggle style*/
.main-toggle-article{height:68px;overflow:hidden;}
.main-toggle-article .left{width:900px;}
.main-toggle-article p{height:34px;line-height:34px;overflow:hidden;width:900px;text-overflow:ellipsis;color:#666;white-space:nowrap;font-size:14px;font-weight:normal;}
.main-toggle-article p a{color:#333;}
.main-toggle-article .right{width:200px;}
.main-toggle-article .right a{margin-top:12px;float:right;padding:0 22px;height:44px;line-height:44px;overflow:hidden;white-space:nowrap;font-size:14px;color:#036eb8;border:1px solid #dedede;transition:background 1s,color .5s;}
.main-toggle-article .right a:hover{color:#fff;text-decoration:none;background:#046eb8;border-color:#046eb8;}
.main-toggle-article .right a font{font-size:22px;display:inline-block;vertical-align:middle;position:relative;top:-4px;}

/*paging style*/
.iqwpage_paging{margin:10px 0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.iqwpage{width:auto;min-height:35px; text-align:center;}
.iqwpage a{display:inline-block;padding:10px 18px;font-size:12px;color:#333;border:1px solid #dedede;margin-left:2px;transition: background 1s, color 0.5s;}
.iqwpage a:first-child{margin-left:0;}
.iqwpage a:hover,.iqwpage a.current{text-decoration:none;background:#036eb8;color:#fff;border-color:#036eb8;}

/*business list style*/
.busi-menu{padding-bottom:88px;}
.busi-menu-inner{width:1128px;}
.busi-menu-server{float:left;width:348px;margin-left:28px;margin-bottom:20px;overflow:hidden;}
.busi-menu-server h2{margin:20px 0;font-weight:normal;font-size:16px;color:#555;padding-left:4px;border-left:6px solid #555;line-height:18px;height:18px;overflow:hidden;}
.busi-menu-server .lay_img{ width:348px;height:155px;overflow:hidden; }
.busi-menu-server .lay_img img{ width:348px; height:155px;}
.busi-menu-server .lay_info{margin-top:16px;overflow:hidden;}
.busi-menu-server .lay_info p{float:left;margin-bottom:10px;height:20px;line-height:20px;color:#555;font-size:14px;padding-right:20px;width:154px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.busi-menu-server .lay_info p a{padding-left:20px;background:url(../images/busi_arr.png) no-repeat left center;}
.story_read { line-height:26px; padding-top:5px; color:#888; font-size:14px; width:312px; min-height:56px;}

/*navigator style*/
.main-arctitle-navigator{padding:5px 0;border-bottom:2px solid #046eb8;}
.navigator{height:28px;line-height:28px;padding-left:22px;font-size:14px;color:#666;background:url(../images/icon_home.png) no-repeat left center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.navigator a{color:#333;}
.navigator a:hover{color:#046eb8;}


.busi-menu-server2{float:left;width:348px;margin-left:28px;margin-bottom:20px;overflow:hidden;}
.busi-menu-server2 h2{margin:10px 0 20px 0;font-weight:normal;font-size:16px;color:#333;padding-left:4px;border-left:6px solid #555;line-height:18px;height:18px;overflow:hidden;}
.busi-menu-server2 .lay_img{ width:300px;height:190px;overflow:hidden; padding:5px; border:1px solid #dedede;transition:border 0.5s; overflow:hidden;}
.busi-menu-server2 .lay_img img{ width:300px; height:190px;
-webkit-filter: grayscale(80%); 
-moz-filter: grayscale(80%); 
-ms-filter: grayscale(80%); 
-o-filter: grayscale(80%); 
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.8);  
filter:alpha(gray=80%);
filter:gray;
-webkit-transition:all ease-in 0.3s;-moz-transition:all ease-in 0.3s;transition:all ease-in 0.3s;
}
.busi-menu-server2:hover .lay_img img{
-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);  
filter:none;
filter: grayscale(0%);
}
.wz{ height:40px; line-height:40px; width:100%; background: #f9f9f9}.wz .dangqian{ color:#006ab7;}
 .container_header {
    /*! padding: 60px 0 40px; */
    font-size: 22px;
    text-align: center;
}
.subtitle {
    font-size: 12px;
}

.content {
  
    line-height: 24px;
    color: 
    #7e7e7e;
	padding: 20px 0;
}

 .content hr {
    border: none;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: medium;
    border-top: 1px dotted 
    #d3d3d3;
    margin-top: 10px;
    margin-bottom: 10px;
    word-wrap: break-word;
    word-break: normal;
}
.in_title{ margin: 20px 0}
.content img {
    float: none;
    max-width: 100%;
    margin-bottom: 5px;
}

.in_ban img{ display: block}
.pro_tit .item{ /*! width: 40%; */padding: 0 inherit;}
.pro_tit .item a {padding:0 20px;   
}
.pro_tit{max-width: 1200px;margin:50px auto;}

.piclist li{ float:left; text-align:center;width: 31.5%;
margin-right: 2.5%;}
.piclist li:nth-child(3n){ margin-right: 0}

.piclist li img{ width:100%; height:240px;}
.tiao{ height:45px; line-height:45px; display:block; margin-bottom: 10px}
.piclist li:hover .tiao{background:#006ab7; color: #fff; transition: all 0.5s}
.change,.change img{  width:100%; display:block;  overflow:hidden;background:#fff;transition:all 0.5s;overflow:hidden;}
.change:hover img{ transform:scale(1.2); -webkit-transform: scale(1.1); transition:all 0.8s;overflow:hidden;}.change:hover{ width:100%}

/*以下分页*/
.fybg{  display: flex;
            /*flex-direction: row;*/
            /*flex-wrap: nowrap;*/
            flex-flow: row nowrap;
            justify-content: center;}
.kz_pic .tupian{ padding-left:53px}
.kz_pic .moban{padding-left:45px}
.kz_pic .ppt{ margin-left:12px;}
.kz_pic .psd{ margin-left:0px}
.kz_pic .logos{ margin-left:-5px}
.kz_pic .flash{ margin-left:2px}

.fenye a {
    position: relative;
    padding: 0px 0 0px 8px;
        padding-right: 0px;
    margin: 0 2px;
    color: #1345a3;
    background: url(../images/psdindex_03.gif) no-repeat left top;
    height: 25px;
    line-height: 25px;
}
.fenye a, .fenye span, .fenye select {
    display: block;
    float: left;
    margin: 0 2px;
}
.fenye a,.fenye span,.fenye select{ display:block; float:left; margin:0 2px}
.fenye a{ position:relative; padding:0px 0 0px 8px; margin:0 2px;   color:#1345a3; background:url(../images/psdindex_03.gif) no-repeat left top; height:25px; line-height:25px;}
.fenye a.nextpage{ background: url(../images/pagebut.gif) no-repeat left -26px; width:45px; height:25px; margin:0 0 0 2px; padding-right:15px}
.fenye a.nextpage:hover{ color:#000;background: url(../images/pagebut.gif) no-repeat left -26px;}
.fenye a.nextpage{ background: url(../images/pagebut.gif) no-repeat left -26px; width:85px; height:25px;  padding-right:15px;padding-left: 15px;}
.fenye a.nextpage:hover{ color:#000;background: url(../images/pagebut.gif) no-repeat left -26px;}
.fenye a.backpage{ background: url(../images/pagebut.gif) no-repeat left top; width:85px; height:25px; margin:0 2px 0 0; padding-left:22px;}
.fenye a.backpage:hover{ color:#000;background: url(../images/pagebut.gif) no-repeat left top;}
.fenye a.grey{ background: url(../images/pagebutgrey.gif) no-repeat left top; color:#999999; cursor:no-drop}
.fenye a.grey:hover{ background: url(../images/pagebutgrey.gif) no-repeat left top; color:#999999}
.fenye a.greys{ background: url(../images/pagebutgrey.gif) no-repeat left -26px; color:#999999; cursor:no-drop}
.fenye a.greys:hover{ background: url(../images/pagebutgrey.gif) no-repeat left -26px; color:#999999}
.fenye a:hover,.fenye a.active{ background:url(../images/psdindex_07.jpg) no-repeat left top; color:#FFFFFF; text-decoration:none}
.fenye a:hover b,.fenye a.active b{background:url(../images/psdindex_07.jpg) no-repeat right top; cursor:pointer }
.fenye a.shenlue{ background:none; padding:0; margin:0 5px}
.fenye a.shenlue:hover{ color:#333333}
.fenye a b{ font-size:12px; display:block;+display:block;_display:inline;position:relative; font-weight:normal; background:url(../images/psdindex_03.gif) no-repeat right top; height:25px; line-height:25px;padding:0 8px 0 0;+padding:0 8px 0 0;_padding:5px 18px 10px 0px;margin-right:0px;+margin-right:0px;_margin-right:-8px;}
.fenye a b font{ font-size:12px; font-weight:normal}
.fenye span{ padding:2px}
.fenye select{ margin-top:1px;+margin-top:2px;_margin-top:2px; padding:4px}
.fenyes{ text-align:center}
.fenyes span a{ color:#FF0000; font-size:12px ; font-weight:bold; margin:0 2px}

/*以下新闻*/
.hide{ display: none;}
.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
 .newslist li {
    float: left;
    margin-bottom: 5.633%;
   
    margin-right: 3.633%;width: 29.3%;
}
.newslist li {
  float: left;
  margin-bottom: 5.633%;
  width: 30%;
  margin-right: 3%
}
.newslist li .item_info .title {
  font-size: 15px;
  color: #262626;
  transition: all .3s linear
}
.newslist li .item_info .line {
  margin: 14px 0;
  height: 1px;
  background: #dddddd;
  width: 0;
  transition: all .3s linear
}
.newslist li .item_info .subtitle {
  font-size: 12px;
  color: #4f4f4f;
  font-family: Arial;
  margin-top: 20px
}
.newslist li .item_info .description {
  font-size: 12px;
  color: #8f8f8f;
  line-height: 20px;
  height: 40px;
  overflow: hidden
}
.newslist li:hover .item_info .title {
  color: #0072d4
}
.newslist li:hover .item_info .line {
  width: 100%;
}
.newslist li:hover .more2 i {
  background-position: 0 -7px;
}
.newslist li:hover .more2 {
  background-color: #0072d4;
  border-color: #0072d4;
  color: #ddd;
}
.newslist li:hover .more2 span {
  width: 50px;
  opacity: 1
}
.more2 {
    width: 118px;
    height: 34px;
    line-height: 34px;
    display: block;
    border: 
#dadada 1px solid;
transition: all ease-out .4s;
overflow: hidden;
position: relative;
z-index: 1;
color:
    #666;
    text-align: center;
    margin-top: 26px;
}
.newslist li:hover .item_info .title{color: #0072d4;}
.newslist li:hover .more2{background-color:#0072d4; border-color:#0072d4;}
/*以下联系我们*/
#contactinfo {
    float: left;
    width: 30%;
}
#contactinfo {
  width: 40%;
  float: left;
}
#contactform {
  margin-left: 50%
}
#contactinfo h3 {
  font-size: 16px;
  line-height: 44px;
  margin-bottom: 12px;
  color: #515151;
}
#contactinfo p {
  line-height: 32px;
  height: 36px;
  width: 100%;
  font-size: 14px;
  color: #898989;
}
#contactinfo > a {
  color: #989898;
  text-decoration: underline
}
#contactinfo div {
  margin-top: 24px
}
#contactinfo div a {
  width: 30px;
  height: 30px;
  display: block;
  font-size: 16px;
  background: rgba(147, 147, 147, 0.5);
  margin-right: 16px;
  text-align: center;
  border-radius: 15px;
}
#contactinfo div a:hover {
  background-color: #0072D4;
}
#contactinfo div a i {
  margin-top: 7px;
  font-size: 16px;
  color: #fff
}
#contactform p {
  margin-bottom: 20px
}
#contactform p .inputtxt {
  width: 100%;
  line-height: 22px;
  padding: 14px 0px;
  color: #4a4a4a;
  border: 0;
  border-bottom: #e0e0e0 1px solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: all .1s linear;
}
#contactform p .inputtxt:hover {
  border-bottom: 1px solid #236FFB;
}
#contactform p textarea.inputtxt {
  height: 100px;
  resize: none;
  overflow: hidden;
  background-color: transparent;
}
#contactform p .inputtxt.submit {
  border-color: #0072D4;
  background-color: #0072D4;
  cursor: pointer;
  transition: all 0.6s ease 0s;
  border-bottom: 0px; color: #fff
}
#contactform p .inputtxt.submit:hover {
  border-color: #0072D4;
  background-color: #0072D4;
  color: #fbfbfb;
}
.module.mdir > .module_container {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0
}
.module.mcustomize {
  height: 803px;
}
.module.mcustomize .header {
  text-align: center;
  padding: 80px 0 30px 0;
  font-size: 20px;
  margin: 0 auto;
  color: #252525;
}
.ff_social li{float: left; text-align: center}
.content-inf p{ background: url("../images/dot.jpg") no-repeat left center; padding-left: 40px}
.show_title{ padding: 20px 0}
.show_time{ margin-top: 10px; font-size: 14px}
.title{ font-size: 24px}