﻿




/*common*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td {margin: 0; padding: 0;}



h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}

li, dt, dd {list-style: none;}

a {color:inherit; text-decoration:none; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}

a:hover { color:inherit; /*color:#ff2832;*/ text-decoration:none;}

img {border:0; vertical-align:middle;}

.clear {clear:both;}

.hide {display:none;}

.f-fl{float: left;}

.f-fr{float: right;}

.c_mp{ padding: 0 !important; margin: 0 !important;}









/*body*/

body {background:#ffffff; }

















	







/*内页共用样式*/

.m_mn{ width: 1200px; margin: 0 auto;}

.m_xn{ width: 1000px; margin: 0 auto; }

/*.m_ads{ height:460px; width:100%; min-width:1200px; overflow:hidden; z-index:-1; position: fixed; top:0; left:0;}*/

.m_ads{ height:380px; width:100%; min-width:1200px; overflow:hidden; z-index:-1; position: fixed; top:0; left:0;}

.m_ads.h_280{height: 280px;}

.m_ads.h_280 .text{ padding-top: 127px; }

.m_ads.h_300{height: 300px;}

.m_ads.h_300 .text{ padding-top: 147px; }

.m_ads.h_580{height: 580px;}

.m_ads.h_580 .text{ padding-top: 140px; }

.m_ads .text{ text-align: center; padding-top: 170px;}

.m_ads .text span{font-size: 40px; color: #ffffff; margin: 0 10px; text-transform: uppercase; -webkit-text-shadow:0px 0px 10px rgba(0,0,0,0.5); -moz-text-shadow:0px 0px 10px rgba(0,0,0,0.5);  text-shadow:0px 0px 10px rgba(0,0,0,0.5);   }

.m_ads .text .xt{ height: 1px; width: 145px; margin: 15px auto 0; border-bottom: 1px solid rgba(255,255,255,0.5);  }



/*.m_main{width:100%; min-width:1200px; background:#f5f5f5; margin:460px auto 0 auto; }*/

.m_main{width:100%; min-width:1200px; background:#f5f5f5; margin:380px auto 0 auto; }



.m_main2{width:100%; min-width:1200px; height: 520px;  margin:250px auto 0 auto; background: url(../images/case_top_bj.png) repeat-x left center; }

.m_main3{width:100%; min-width:1200px;  background:#ffffff;  overflow: hidden;  position: relative;  }

.m_main4{width:100%; min-width:1200px;  background:#f5f5f5;  margin:280px auto 0 auto;  position: relative;  }

.m_main5{width:100%; min-width:1200px; background:#ffffff; margin:0; }

.m_main6,.m_main7{width:100%; min-width:1200px;  color:#ffffff; margin:0;}



.m_subtopic{ height: 70px; width: 100%; border-bottom: 1px solid #E7E7E7; background-color: #ffffff;  }

.m_subtopic .subtopic_list{ font-size: 0; color: #666666; overflow: hidden; height: 70px;  text-align: center; }

.m_subtopic .subtopic_list li{display: inline-block; height: 70px; line-height: 70px; padding: 0 20px; background: url(../images/side_bjx.png) no-repeat right center; font-size: 18px; }

.m_subtopic .subtopic_list li:last-child{background: none;}

.m_subtopic .subtopic_list li a{display: block; padding: 0 20px; height: 70px; border-bottom: 2px solid #ffffff; }

.m_subtopic .subtopic_list li a.on::before{ width: 100%; }

.m_subtopic .subtopic_list li a:hover,.m_subtopic .subtopic_list li a.on{color: #ff2832;}

.m_subtopic .subtopic_list li a.hvr-underline-from-left:before{height: 2px; background: #ff2832; -webkit-transition-duration: .5s;  transition-duration: .5s;  }



.m_subtopic1{height: 60px; width: 100%; border-bottom: 1px solid #E7E7E7; background-color: #ffffff; }

.m_subtopic1 .subtopic_list{ font-size: 16px; color: #333333;  }

.m_subtopic1 .subtopic_list li{float: left; margin-right: 40px; height: 60px; line-height: 60px; }

.m_subtopic1 .subtopic_list li dl{ max-height: 60px; overflow: hidden; position: relative; z-index: 111; transition:max-height 0.5s ease-in-out; -webkit-transition:max-height 0.5s ease-in-out;  }

.m_subtopic1 .subtopic_list li dl:hover{ max-height: 300px; background-color: #ffffff; color: #333333;}

.m_subtopic1 .subtopic_list li dl dt{  background: url( ../images/blog_ico1.png) no-repeat 50px center; padding-right: 20px; cursor: pointer; }

.m_subtopic1 .subtopic_list li dl dd{ height: 40px; line-height: 40px; padding: 0 10px;background-color: #ffffff;   }



.m_crm{ height: 50px; line-height: 50px; color: #888888; background: url(../images/news_ico2.png) no-repeat left 17px; text-indent: 25px;}

.m_crm1{ height: 50px; border-bottom: 1px solid #E7E7E7; line-height: 50px; color: #888888; }

.m_crm1.on{background-color: #ffffff; }

.m_crm1 .m_xn,.m_crm1 .m_mn{background: url(../images/news_ico2.png) no-repeat left 17px; text-indent: 25px;}

.m_crm a.on,.m_crm a:hover,.m_crm1 a.on,.m_crm1 a:hover{color: #666666;}



.share span{line-height: 20px !important; float: left; margin-right: 10px;}

.n_mn .m_text .article_tt{ color: #333333; font-size: 24px; font-weight: bold; margin-bottom: 18px; margin-top: -5px;  }

.n_mn .m_text .g_attr span{ display: inline-block;  margin-right: 25px; color: #888888;}

.n_mn .m_text .g_attr span.on a{display: inline-block; border: 1px solid #cccccc; margin-right: 5px; border-radius: 5px; font-size: 12px; width: 18px; height: 18px; line-height: 18px; text-align: center;}

.n_mn .m_text .g_attr span.on a:hover{ background-color: #ff2832; color: #ffffff; border: 1px solid #ff2832; }

.n_mn .m_text .g_attr span a:hover{color: #ff2832;}

.n_mn .m_text .text{padding: 30px 0 ; font-size: 14px; color: #666666; line-height: 28px; overflow: hidden; }

.n_mn .m_text .text img{ max-width: 100%;}

.n_mn .m_aside{ padding: 25px 0 30px; line-height: 26px; overflow: hidden; border-top: 1px dotted #C7C7C7; color: #888888;}









/*新闻样式*/

.n_news{ padding: 60px 0; }

.n_news .n_snav{text-align: center; height: 44px; font-size: 0; margin-bottom: 60px;}

.n_news .n_snav a{display: inline-block; margin: 0 5px; width: 180px; height: 44px; line-height: 44px; background: #ffffff; border: 1px solid #dedede; font-size: 16px; color: #666666; }

.n_news .n_snav a.hvr-shutter-in-vertical:before{background: #ffffff; color:#666666; }

.n_news .n_snav a.on{color: #ffffff; }

.n_news .n_snav a.on.hvr-shutter-in-vertical:before{background: url(../images/news_snav_bj2.jpg) no-repeat center;-webkit-transition:none; transition:none; -moz-transition:none; }

.n_news .n_snav a:hover{background: url(../images/news_snav_bj2.jpg) no-repeat center; color: #ffffff;}



.n_news .g_list{ overflow: hidden; width: 100%; }

.n_news .g_list .n_box{padding: 20px; margin-bottom: 30px; background-color: #ffffff; height: 140px; overflow: hidden; transition:background-color 0.5s ease-in-out; -webkit-transition:background-color 0.5s ease-in-out; -moz-transition:background-color 0.5s ease-in-out;    }

.n_news .g_list .n_box a{display: block; height: 140px;}

.n_news .g_list .n_box:hover{background-color: #ff2832; }

.n_news .g_list .n_box .g_img{width: 220px; height: 140px; overflow: hidden;}

.n_news .g_list .n_box .g_text{ width: 700px; padding-top: 15px; height: 125px; overflow: hidden;  margin-left: 40px; margin-right: 85px; }

.n_news .g_list .n_box .g_text .tt{ color: #333333; font-size: 24px; width: 100%; height: 31px ; margin-bottom: 18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.n_news .g_list .n_box .g_text .info{ color: #888888; line-height: 24px;  }

.n_news .g_list .n_box .time{width: 100px; padding: 40px 0; color: #999999;  font-family: Arial; font-size: 16px; }

.n_news .g_list .n_box .time .md{font-size: 36px; }

.n_news .g_list .n_box .time .y{text-indent: 3px;}

.n_news .pages{padding-top: 10px;}

.n_news .n_mn .m_text{width: 1000px; overflow: hidden; }

.n_news .n_mn .m_text .article_tt{ text-align: center; font-weight: normal; }

.n_news .n_mn .m_text .g_attr{ text-align: center;}



/*博客样式*/

.n_blog{ overflow: hidden; position: relative; padding: 40px 0; }

.n_blog .g_content{ width: 840px; overflow: hidden;}

.n_blog .g_top{ height: 314px; width: 100%;  }

.n_blog .g_top a{ color: #ffffff;}

.n_blog .g_top .r_img{position: relative; width: 560px; overflow: hidden;}

.n_blog .g_top .r_img .txt{ font-size: 20px;  line-height: 32px;padding: 0 20px 15px; position: absolute; bottom: 0; width:100%; background:rgba(0,0,0,0.2); text-shadow:1px 1px 1px #333 }

.n_blog .g_top .l_img{width: 270px; overflow: hidden;}

.n_blog .g_top .l_img .text{width: 270px; height: 152px; overflow: hidden; position: relative; }

    .n_blog .g_top .l_img .text img{max-width:270px; max-height:152px}

.n_blog .g_top .l_img .text .txt{font-size: 16px;  line-height: 24px;padding: 0 15px 10px; position: absolute; bottom: 0;width:100%; background:rgba(0,0,0,0.2); text-shadow:1px 1px 1px #333  }

.n_blog .g_top .l_img a.on .text{margin-top: 10px;}



.n_blog .g_list{ padding: 20px 0;}

.n_blog .g_list .g_box{ width: 100%;padding: 20px 0; height: 152px; border-bottom: 1px dashed #E3E3E3; overflow: hidden; }

.n_blog .g_list .g_box .g_img{ width: 270px; height: 152px; line-height: 152px; overflow: hidden; }

.n_blog .g_list .g_box .g_img img{max-width: 100%;}

.n_blog .g_list .g_box .g_text{ width: 550px; height: 152px; overflow: hidden; }

.n_blog .g_list .g_box .g_text .tt{ color: #333333; font-size: 18px;font-weight: bold; width: 100%; height: 24px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.n_blog .g_list .g_box .g_text .g_aside{ font-size: 14px; color: #999999; line-height: 24px; padding: 11px 0; height: 90px; overflow: hidden; }

.n_blog .g_list .g_box .g_text .g_mark{ width: 100%; overflow: hidden;  color: #999999;font-family:Arial;  }

.n_blog .g_list .g_box .g_text .g_mark span{ margin-right: 40px;}

.n_blog .g_list .g_box .g_text .g_mark span:last-child{margin-right: 0;}

.n_blog .g_list .g_box .g_text .g_mark span.time{ padding-left: 20px; background: url(../images/blog_ico.png) no-repeat left -117px; }

.n_blog .g_list .g_box .g_text .g_mark span.mark{padding-left: 20px;  background: url(../images/blog_ico.png) no-repeat left -70px; }

.n_blog .load_data{width: 100%; height: 50px; line-height: 50px; background-color: #f6f6f6; text-align: center; cursor: pointer; font-size: 18px; color: #999999;}

.n_blog .load_data .ico{display: inline-block; width: 120px; height: 50px; background: url(../images/blog_ico.png) no-repeat left -145px; }



.n_blog .n_mn .m_text{width: 840px; overflow: hidden; }



.n_blog .m_related{ overflow: hidden; }

.n_blog .m_related .g_tt{margin-top: 25px; height: 60px; line-height: 60px; text-indent: 1em; border-bottom: 1px dashed #E3E3E3; border-top: 2px solid #ff2832;  font-size: 16px; color: #333333;}

.n_blog .m_related .g_tt strong{  font-size: 18px; color: #333333;  margin-right: 20px;}

.n_blog .m_related .g_tt span,.n_blog .m_related .g_tt a{ margin-right: 20px;}

.n_blog .m_related .g_list{ width: 100%; padding: 20px 0 0; overflow: hidden; text-indent: 20px; line-height: 24px;}

.n_blog .m_related .g_list li{margin-bottom: 10px; float: left; width: 420px; }

.n_blog .m_related .g_list .tt{ color: #333333; width: 100%; height: 24px;  background: url(../images/blog_ico.png) no-repeat -3px 7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }



.n_blog .g_side{width: 320px; overflow: hidden;}

.n_blog .g_side .g_tt{margin-top: 40px; height: 60px; line-height: 60px; text-align: center; border-bottom: 1px dashed #E3E3E3; border-top: 2px solid #ff2832; font-weight: bold; font-size: 18px; color: #333333;}

.n_blog .g_side .g_list{ width: 100%; padding: 20px 0 15px; overflow: hidden; text-indent: 20px; line-height: 24px;}

.n_blog .g_side .g_list li{margin-bottom: 15px;}

.n_blog .g_side .g_list li:last-child{margin-bottom: 0;}

.n_blog .g_side .g_list .tt{ color: #333333; width: 100%; height: 24px;  background: url(../images/blog_ico.png) no-repeat -3px 7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }

.n_blog .g_side .g_list .time{ color: #999999;}

.n_blog .g_side .g_hot{ padding: 15px 10px;}

.n_blog .g_side .g_hot a{float: left; padding: 3px 15px; margin: 5px 5px; color: #666666;  border: 1px solid #dedede; border-radius: 20px; }





/*hover区*/

.n_blog .load_data:hover,.n_blog .g_list .g_box .g_text .tt:hover,.n_mn .m_aside a:hover,.n_case .n_snav .list a:hover,.m_subtopic1 .subtopic_list li dl a:hover,

.n_blog .g_side .g_hot a:hover,.n_blog .g_side .g_list .tt:hover,.m_subtopic1 .subtopic_list li:hover,.n_blog .m_related .g_list .tt:hover,.h-link .link_text .g-text a:hover,

.news_panel .news_container .news_right .news_text .m-text .g-tt a:hover,.news_panel .news_container .news_right .news_list a:hover,.news_panel .news_container .news_left .news-text .m-text .g-tt a:hover,

.news_panel .news_container .news_left .news-text .m-text .g-more:hover,.n_blog .m_related .g_tt a:hover

{ color:#ff2832;}



.n_news .g_list .n_box:hover .tt,.n_news .g_list .n_box:hover .time,.n_news .g_list .n_box:hover .info

{ color: #ffffff;}

.n_blog .g_top img,.n_blog .g_list .g_box .g_img img,.m_case .g_latest img{  -webkit-transition:  transform 0.5s ease-out ; -ms-transform:transform 0.5s ease-out; -moz-transform:transform 0.5s ease-out; transition: transform 0.5s ease-out ; }

.n_blog .g_top img:hover,.n_blog .g_list .g_box .g_img img:hover,.m_case .g_latest img:hover{ -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}









/*方案*/

.fang_top{ width:100%; height:585px; background: url(../images/cbg.jpg) no-repeat center;overflow:hidden;padding-top:160px;}

.fang_top .text {

    text-align: center;

}

.fang_top .text span {

    font-size: 40px;

    color: #ffffff;

    margin: 0 10px;

    text-transform: uppercase;

    -webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);

    -moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);

    text-shadow: 0px 0px 10px rgba(0,0,0,0.5);

}

.fang_top .text span {

    font-size: 40px;

    color: #ffffff;

    margin: 0 10px;

    text-transform: uppercase;

    -webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);

    -moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);

    text-shadow: 0px 0px 10px rgba(0,0,0,0.5);

}

.fang_top .text .xt {

    height: 1px;

    width: 145px;

    margin: 15px auto 0;

    border-bottom: 1px solid rgba(255,255,255,0.5);

}

.fang_list{ width:100%; height:auto; margin-top:27px;}

.fang_list li{ width:140px; height:auto; float:left; margin-right:72px; margin-bottom:30px; text-align:center;}

.fang_list li:nth-child(6n){ margin-right:0;}

.fang_list li a{ display:block; width:100%; height:100%; overflow:hidden;}

.fang_pic{ width:140px; height:140px;-webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;-moz-box-shadow: 0px 0px 35px -10px #858585;

    -webkit-box-shadow: 0px 0px 35px -10px #858585;

    box-shadow: 0px 0px 35px -10px #858585; border-radius:50%; background:#fff;}

.fang_pic .pic-box{ width:140px; height:140px; display:table-cell; vertical-align:middle; text-align:center;}

.fang_pic img{ display:none; margin:0 auto;}

.fang_pic img.on{ display:block;}

.fang_list li p{ font-size:16px; color:#fff; text-align:center; margin-top:20px; display:inline-block;position: relative;  }

.fang_list li p:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #fff; transition: all 0.3s ease-out;}

/*背景颜色改变效果*/

/*.fang_list li:hover .fang_pic{ background:url(../images/cbg.png) no-repeat;}

.fang_list li:hover .fang_pic img{ display:block;}

.fang_list li:hover .fang_pic img.on{ display:none;}*/

/*图片动的效果*/

.fang_list li:hover .fang_pic img{animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal;}

.fang_list li:hover p:after{ width: 100%;}

@-webkit-keyframes swing{

	20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}

	40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}

	60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}

	80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}

	100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}

	}

@keyframes swing{

	20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}

	40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}

	60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}

	80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}

	100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}

	}



/*浮动*/

.case_float{ position:fixed; left:25px; top:50%; margin-top:-192px; background:url(../images/nav_ico_bj.png) repeat-y left top; z-index:10;}

.case_float li{    width: 100%;text-align: left;}

.case_float li a{ font-size:14px; color:#333; height: 30px; line-height:30px; display:block; padding-left:25px;position:relative;}

.float_bg{ width:9px; height:9px; position:absolute; border-radius:50%; background:#666; left:-4.5px; top:50%; margin-top:-4.5px;}

.case_float li a.current .float_bg{ background:#3197f0;}

.case_float li a.current{ color:#3197f0;}



.f_title{ text-align:center; font-size:30px; font-weight:bold;

background: linear-gradient(to right, #03d6b0, #13b3d7);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent; display:inline-block;}

.f_p{ text-align:center; text-transform:uppercase; font-size:16px; color:#999999; font-family:Arial;}

.f_title1{ width:100%; height:auto; background:url(../images/icon70.png) no-repeat left 2px; padding-left:70px;  min-height:52px; text-align:left;}

.f_title1 h3{font-weight:bold; font-size:30px; color:#fff;}

.f_title1 p{ background:url(../images/xian.png) no-repeat left center; padding-left:15px; font-size:16px; color:#fff; font-family:Arial; margin-top:2px; letter-spacing:1px; text-transform:uppercase;}

.header_Panel .logo { margin-top:28px; width:176px; height:24px; background:url(../images/logo4.png) 0 0 no-repeat; display: inline-block; float:left; text-indent:-10000px;}

/*.header_Panel .tel {margin-top:28px; height:24px; line-height:24px; font-size:24px; color:#6bc22b; padding-left: 24px; background:url(../images/tel.png) left center no-repeat; display:inline-block; font-family:Arial; float:right;}*/

.header_Panel .nav { height:70px; line-height:60px; float:left; margin-left:97px; overflow:hidden;}

.nav li {height:70px; width:64px; text-align:center; margin-left:12px; float:left;}

.nav li a {height:60px; width:64px; padding-top:10px; font-size:16px; display:inline-block;}

/*.nav li a.aactive:hover{background:url(../images/icon68.png) 0 0 no-repeat; color:#fff;}*/

.nav li:nth-of-type(1) {margin-left:0 !important;}

.header_hover{ position:fixed; left:0; top:0;height:80px; width:100%; min-width:1200px; background:#ffffff; z-index:10;}

.header_hover .header_Panel {height:80px; width:1200px; margin:0 auto;}

.menu{ width:100%; height:0; position:fixed; left:0; top:80px; background:url(../images/icon69.png) repeat-x;transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out; overflow:hidden; }

.menu .cont{ width:1200px; margin:0 auto;}

.menu_left{ width:176px; height:auto; float:left; line-height:60px; font-size:20px; color:#fff; padding-left:29px; text-align:left; font-weight:bold;}

.menu_list{ width:910px; height:auto; float:right; text-align:left;}

.nav li .menu_list li{ width:auto; display:inline-block; height:60px; line-height:60px; margin:0px 15px;}

.nav li .menu_list li a{ font-size:14px; color:#fff; width:auto; display:block; margin:0; padding:0; height:60px; line-height:60px; background:none; position:relative;}

.nav li .menu_list li a:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0;

    height: 2px;

    background: #fff;

    transition: all 0.3s ease-out;

}

.nav li .menu_list li:hover a:after{ width:100%;}

.nav li .menu_list li a:hover{ background:none;}

.nav li.next .menu{ height:60px;}

.nav li.next a{background: url(../images/nav_bg.png) 0 0 no-repeat;}

/*.nav li.next a.aactive{background:url(../images/icon68.png) 0 0 no-repeat;}*/

.header_hover .header_Panel .logo{margin-top:28px; width:176px; height:24px; background:url(../images/logo3.png) 0 0 no-repeat; display: inline-block; float:left; text-indent:-10000px;}

.header_hover .header_Panel .nav{ margin-left:97px;}

.header_hover .menu{background:#fff; -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.2);

    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.1);

    box-shadow: 0px 3px 6px rgba(0,0,0,0.1); border-top:1px solid #eee;}

.header_hover .nav li{ margin-left:12px;}

.header_hover .nav li a{ background: url(../images/nav_bg.jpg) 0 -70px no-repeat;}

.header_hover .nav li a.aactive{background:url(../images/icon68.png) 0 -70px no-repeat;}

.header_hover .nav li a:hover, .header_hover .nav li a.hover { color:#ffffff; background:url(../images/nav_bg.jpg) 0 0 no-repeat;}

.header_hover .nav li .menu_list li a{color:#333; background:none; position:relative;}

.header_hover .nav li .menu_list li a:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0;

    height: 2px;

    /*background: #3197f0;*/

    transition: all 0.3s ease-out;

	background: -webkit-linear-gradient(left, #3197f0 , #6bc22b);

	background: -moz-linear-gradient(left, #3197f0 , #6bc22b);

	background: -o-linear-gradient(left, #3197f0 , #6bc22b);

	background: linear-gradient(left, #3197f0 , #6bc22b);

	FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#3197f0,endColorStr=#6bc22b);

}

.header_hover .nav li .menu_list li:hover a:after{ width: 100%;}

.header_hover .nav li.next a{ color:#fff;background: url(../images/nav_bg.jpg) 0 0 no-repeat;}

.header_hover .nav li.next a.aactive{ color:#fff;background:url(../images/icon68.png) 0 0 no-repeat;}

.header_hover .menu_left{background: linear-gradient(to right, #3197f0, #6bc22b);

    -webkit-background-clip: text;

    -moz-background-clip: text;

    -ms-background-clip: text;

    -o-background-clip: text;

    color: transparent;

    display: inline-block;}

.header_hover .menu1 .menu_left{background: linear-gradient(to right, #2d72ff, #d768ec);

    -webkit-background-clip: text;

    -moz-background-clip: text;

    -ms-background-clip: text;

    -o-background-clip: text;

    color: transparent;

    display: inline-block;}

.header_hover .nav li .menu1 .menu_list li a:after{background: -webkit-linear-gradient(left, #2d72ff , #d768ec);

	background: -moz-linear-gradient(left, #2d72ff , #d768ec);

	background: -o-linear-gradient(left, #2d72ff , #d768ec);

	background: linear-gradient(left, #2d72ff , #d768ec);

	FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#2d72ff,endColorStr=#d768ec);}

.f_title2{ background:url(../images/icon71.png) no-repeat right 2px; font-size:30px; font-weight:bold; text-align:right; padding-right:65px; min-height:52px;}

.f_title2 h3{background: linear-gradient(to right, #03d6b0, #13b3d7);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent; display:inline-block; font-weight:bold;}

.f_title2 p{background:url(xi../images/an1.png) no-repeat right center; padding-right:10px; font-size:16px; color:#999999; font-family:Arial; margin-top:2px; letter-spacing:1px; text-transform:uppercase; font-weight:normal;}

.f_title3{background:url(../images/icon72.png) no-repeat left 2px;}

.f_title4{background:url(../images/icon73.png) no-repeat right 2px;}

.f_title4 h3{background: linear-gradient(to right, #33b1e7, #32d9d9);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent; display:inline-block;}

.f_title5{background:url(../images/icon74.png) no-repeat left 2px;}

.f_title6{background:url(../images/icon75.png) no-repeat right 2px;}

.f_title6 h3{background: linear-gradient(to right, #29acff, #8654ff);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent; display:inline-block;}

.f_title7{background:url(../images/icon76.png) no-repeat left 2px;}

.f_title8{background:url(../images/icon77.png) no-repeat right 2px;}

.f_title8 h3{background: linear-gradient(to right, #fe9816, #f63b25);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent; display:inline-block;}

.f_title9{background:url(../images/icon78.png) no-repeat left 2px;}

.f_title10{background:url(../images/icon79.png) no-repeat right 2px;}

.f_title10 h3{background: linear-gradient(to right, #a63fcc, #f1566c);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent; display:inline-block;}





.wm {padding-bottom: 100px;}

.wm-title {border-bottom: 1px solid #eeeeee; padding-bottom: 14px; height: 31px; margin-top: 23px;}

.wm-title span {font-size: 16px; color: #333; display: block; line-height: 16px; font-weight: bold; position: relative; float: left;}

.wm-title span:after {content: ''; width: 32px; height: 2px; background: #005baa; position: absolute; bottom: -15px; left: 50%; margin-left: -16px;}

.wm-list {overflow: hidden; width: 101%; padding: 30px 0 0;}

.wm-list li, .wm-list dl {float: left; width: 186px; line-height: 16px; margin-bottom: 25px;}

.wm-list a, .wm-list dt {font-size: 16px; color: #3c3c3c; transition: all 0.3s ease-in-out; font-weight: 500; text-transform: none;}

.wm-list dt {margin-bottom: 24px;}

.wm-list dd a {font-size: 14px; color: #999; line-height: 32px;}

.wm-list a:hover {color: #005baa;}















/*分页*/
.m-page {
	text-align:right;
	font-size:0;
	height:38px;
	line-height:38px;
	padding-right:10px;
}
.m-page li {
	display:inline
}
.m-page a, .m-page i {
	display:inline-block;
	font-size:15px;
	background-color:#ff2832;
	padding:0px 13px;
	height:36px;
	overflow:hidden;
	text-align:center;
	border:0px #FFFFFF solid;
	color:#FFFFFF;
	font-family:Arial;
	margin-left:5px;
	vertical-align:top;
}
.m-page a.next, .m-page a.prev {
	font-family:宋体;
	font-size:16px;
	font-weight:700;
}
.m-page a:hover, .m-page li.thisclass a {
	color:#FFD600;
}
.m-page span {
	font-size:15px;
	padding-right:10px;
}









