@charset "utf-8";
/* CSS Document */
html{overflow-y:scroll;min-height:101%;}

/* CSS Document */
@font-face {
    font-family: romantic;
	src: url('../font/Romantic Bold.ttf'),
     url('../font/Romantic Bold.eot'); /* IE9+ */
}

*{ margin:0; padding:0; line-height:1.5em;}
img,input{ border:none;}
a{ text-decoration:none; outline:none; color:#111; }
a:hover{ color:#ad2d22;}
em,i{ font-style:normal;}
table,th, td {
  padding:0px;margin:0px; vertical-align:top;
} 
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
li{ list-style:none;}
body,button,input,select,textarea {font-family:Verdana,Arial,"Microsoft Yahei","微软雅黑";  outline:none;}
p{ text-align:justify; text-justify:inter-word;}
body{ font-size:14px; height:100%; background:#fff;color:#000000;}
.divclear{ clear:both; width:100%; height:10px;}
.l_l{ display:inline-block; float:left; }
.l_r{ display:inline-block; float:right;}
.width1000{ width:1000px; margin:0 auto;}
.width1080{ width:1100px; margin:0 auto;}
.table100{ width:100%; overflow:hidden; clear:both;}
.top{ height:130px; background:#f5f6fc;min-width:1100px;}
.top .l_l img{ margin-top:18px; display:inline-block; float:left; }
.top .l_l img.img1{margin-top:45px; margin-left:42px;}
.lang {
    width: 129px;
    line-height: 26px;
    position: relative;
    float: right;
    margin-top: 50px;
    z-index: 9999;
}
.lang li {
background: #C7AE99;
    background: rgba(153,102,55,0.5);
    padding: 0 5px;
}
.lang li a {
    line-height: 26px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
}
.menu{ width:100%; height:55px; background:#101D49; color:#959595; line-height:55px; text-align:center; min-width:1100px; position:relative; z-index:9;}
.menu a,.menu em,.menu div{color:#959595; display:inline-block; font-style:normal; font-size:15px;line-height:55px; }
.menu em{ padding:0px; margin:0px; margin-left:5px;}
.menu div{ position:relative;}
.menu div span{ position:absolute; display:none; width:120px; left:0px; top:55px; background:#325BB7; background-color:rgba(50,91,183,0.8);  }
.menu div span a{ color:#fff; line-height:32px; margin:0px; font-size:14px; display:block; clear:both; padding:0px 8px;}
.menu div span a:hover{ background:#101D49;}
.menu a{ padding:0px 1px; }
.menu a.cur{color:#fff;background:#325BB7; background-color:rgba(50,91,183,1)}
.menu a:hover{ color:#fff;}
.ly_banana{ background:url(../images/about_banana.jpg) no-repeat center center; height:282px;min-width:1100px;}
.about .tdl_l{ width:285px; background:#F2F2F2; height:550px;}
.about .tdl_l .l_padd{ padding:0px;}
.about .tdl_l .title{ font-size:28px; font-weight:bold; text-align:right; color:#323433; margin-top:30px; padding-right:24px;}
.about .tdl_l .title1{ font-size:15px; line-height:36px;color:#323433;text-align:right;border-bottom:2px #323433 solid; display:inline-block; clear:right; float:right;text-transform: capitalize; margin-right:24px;}
.about .tdl_l .div1 a{ display:block;  height:38px; line-height:38px;text-align:right; padding-right:24px;}
.about .tdl_l .div1 a.on{background:#101D49;border-left:3px #0F1120 solid; color:#fff; }
.about .l_r{ width:98%;}
.about .l_r .title{ font-size:24px; font-weight:normal; color:#0F1C46; display:block; line-height:68px;border-bottom:3px #F2F2F2 solid; margin-top:20px;}
.conter{padding:20px 0px;}
.conter *{ line-height:2em; font-size:15px; }
.conter img{ max-width:100%; height:auto;}
.footer_wrap {
    background: #444445;
    padding-top: 12px;
    height: 128px;min-width:1100px;
}
.footer_l img {
    -moz-opacity: 0.1;
    opacity: 0.1;
}
.footer_l img:hover {
    -moz-opacity: 1;
    opacity: 1;
}
.footer_nav a {
    
    padding: 0 24px; font-size:12px;
    border-right: 1px solid #606061;
}
.footer_nav a:link,.footer_nav a:visited{color: #a3a3a3;}
.footer_nav a.last {
    border-right: none;
}
.footer_nav a:hover {
    color: #f9322e;
}
.Copyright {
    color: #777778;
    padding-top: 10px;
}
		/* 本例子css */
		.slideBox{ width:100%; min-width:1100px; height:428px; overflow:hidden; position:relative; border:0px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:49%; bottom:10px; z-index:1;display:;  }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:8px;  width:12px; height:12px; line-height:14px; text-align:center; background:#fff; cursor:pointer; overflow:hidden;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; }
		.slideBox .hd ul li.on{ background:#BB1638; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; background:url() no-repeat center center; background-size:auto; display:block;width:100%; min-width:1200px; }
		.slideBox .bd ul{}
		.slideBox .bd li a{ display:block; width:100%; height:100%;height:428px;}
		.slideBox .bd img{ width:100%; min-width:1100px; height:428px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
.business-box {
    width: 100%;
    overflow: hidden;
}
.col-md-6{height: 285px;    padding: 0px; width:50%; float:left;}
.business-1 {
    background: url(../images/index-bg1.jpg) 50% 50% no-repeat;
}
.business-2 {
    background: url(../images/index-bg2.jpg) 50% 50% no-repeat;
}
.business-3 {
    background: url(../images/index-bg3.jpg) 50% 50% no-repeat;
}
.business-4 {
    background: url(../images/index-bg4.jpg) 50% 50% no-repeat;
}
.business-box a {
    display: block;
    width: 100%;
    height: 100%;
}
.business-box a:hover { background: rgba(0,0,0,0.3);}
.business-box span {
    display: block;
    font-size: 16px;
    color: rgb(255, 255, 255);
    text-align: center;
    padding-top: 110px;
}
.business-box span font {
    font-size: 30px;
    font-weight: bold;
}
.index_title{ width:100%; height:110px; line-height:110px; text-align:center;}
.index_title span{ display:inline-block; font-size:30px; color:#111C49; font-weight:bold;}
.index_title span:before{ display:inline-block;content:url(../images/index_left.png); margin-top:10px; margin-right:5px;}
.index_title span:after{display:inline-block;content:url(../images/index_right.png); margin-top:10px; margin-left:5px;}
.index_i { width:48%; margin:0 1%; float:left; height:135px; border-radius: 10px;border:0px #0F1120 solid; background:; margin-bottom:20px;}
.index_i .lgocli{ float:left;  margin-left:3%; margin-top:20px;
    color: #fff;
    height: 68px;
    line-height: 68px;
    width: 68px;
    display: inline-block;
    text-align: center;
    background-color: #7790AD;
    border-radius: 18px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    font-size: 32px;

}
.index_i b{ display:block; font-size:20px; color:#0F1D4A; line-height:; width:76%; line-height:56px; float:right;margin-right:2%; font-weight:normal;}
.index_i span{ color:#888888;width:76%; display:block;float:right;margin-right:2%;}
.s_mb{ display:none;}
.footer_nav{ padding-top:15px;}
.pages_lgocl {
    clear:both; overflow:hidden; text-align:center;
}
.pages_lgocl a {
    border: 1px solid #8C8C8C; color:#8C8C8C;
    float: none; display:inline-block;
    height: 20px;
    line-height: 20px;
    list-style: outside none none;
    margin-right: 10px; margin-bottom:10px;
    padding: 0 10px;
}
.pages_lgocl .cpb {
    background-color:#101D49;
    color: #fff;
    padding: 0 10px;
}
.l_cont .l_t{  padding:10px 0px 30px;}
.l_cont .l_t h2{color:#101D49; font-weight:bold; text-align:center; margin-bottom:10px;border-bottom:1px solid #EFEFEF; padding-bottom:10px; }
.l_cont .l_t .text-muted{ text-align:center; color:#999999;}
.l_cont .l_t .bdsharebuttonbox{ width:310px;}
.l_cont .div2{ font-size:15px;}
.l_cont  .center-block{margin-top:30px;}
.l_cont .div3{ margin-top:30px; padding-top:30px; border-top:1px solid #EFEFEF;}
.l_cont  a{ color:#101D49;}
.l_cont .div2 img{ max-width:100%; height:auto;}
.zh_list{ overflow:hidden;}
.zh_list .row{padding:20px 0px; border-bottom:1px solid #EFEFEF; margin:15px 0px;overflow:hidden;}
.zh_list .row img{ max-width:280px; height:auto; max-height:140px;transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.zh_list .row img:hover{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.zh_list .row .div1 img{ display:block; float:left; margin-right:20px;}
.zh_list .row h4{ color:#101D49; font-weight:bold; }
.zh_list .row h4 a{color:#101D49;font-size:18px;}
.zh_list .row .text-muted2{ color:;font-size:12px; background:#101D49; color:#ffffff; padding:2px 8px; display:inline-block; line-height:20px;}
.zh_list .row .text-muted2 span{ margin-left:0px; }
.zh_list .row .text-muted2 a{color:#ffffff;}

@media (max-width: 800px) {
.s_pc{ display:none;}
.s_mb{ display:block;}
.about .l_r{ float:none; margin:0 auto; display:block;}
.top{ height:60px; min-width:300px;}
.width1080{ width:100%;}
.top{ position:relative;z-index:9;}
.top .width1080{ width:98%;}
.top .l_l img{ margin-top:10px;}
.top .l_l img.img1{    margin-top: 20px;    margin-left:12px;}
.mb_menu{ position:absolute; top:60px; left:0px; background:#fff;border-top:1px #ddd solid; width:100%; display:none; -moz-box-shadow:2px 2px 5px #999999; -webkit-box-shadow:2px 2px 5px #999999; box-shadow:2px 2px 5px #999999;}
.mb_menu{
-webkit-animation:bounceInDown 1s .2s ease both;
-moz-animation:bounceInDown 1s .2s ease both;}
@-webkit-keyframes bounceInDown{
0%{opacity:0;
-webkit-transform:translateY(-2000px)}
60%{opacity:1;
-webkit-transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInDown{
0%{opacity:0;
-moz-transform:translateY(-2000px)}
60%{opacity:1;
-moz-transform:translateY(30px)}
80%{-moz-transform:translateY(-10px)}
100%{-moz-transform:translateY(0)}
}



.mb_menu div{line-height:36px;border-bottom:1px #ddd solid; position:relative; width:100%; clear:both;}
.mb_menu div em{background:url(../images/xjt.png) no-repeat center center; display:block; width:18px; height:12px; right:10px; top:10px; position:absolute;}
.mb_menu div a{ padding-left:6px;display:block;width:100%; line-height:36px; height:36px; }
.mb_menu div a.a1{ display:inline-block;  margin-right:10px; width:auto; color:#101D49; }

.mb_menu div a{
-webkit-animation:fadeInDown 1s .2s ease both;
-moz-animation:fadeInDown 1s .2s ease both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.mb_menu div span{ display:block; width:100%; overflow:hidden; clear:both; display:none;}
.mb_menu div span a{ text-indent:30px; line-height: 30px;    background: #f5f5f5;    margin-bottom: 1px; color:#666; height:30px; }
.mb_menu div a.cur{ color:#fff;background:#325BB7;}
.m_menu_bottu{ width:40px; height:30px; background:url(../images/menu.png) no-repeat center center; margin: 15px 0px 0px 0px;}
.m_menu_bottu#m_b2{ background-image:url(../images/close.png); display:none;}
.ly_banana{ min-width:300px;}
.about .tdl_l,.about .tdr_l{ display:block; width:100%; clear:both; float:left;}
.about .tdl_l{ height:auto;}
.footer_wrap{ width:100%; min-width:300px;}
.about .tdl_l .title{ margin-top:10px; text-align:left; display:inline-block; float:left;}
.about .tdl_l .title1{ text-align:left; float:left; margin-top:10px;}
.about .tdl_l .div1 a{ display:inline-block; float:left; text-align:left; padding:0px 10px;}
.about .tdl_l .l_padd{ padding:0px 10px;}
	/* 本例子css -------------------------------------- */
	.slideBox_mb{ position:relative; overflow:hidden; margin:0px auto 10px;  max-width:640px;/* 设置焦点图最大宽度 */ }
	.slideBox_mb .hd{ position:absolute; height:28px; line-height:28px; bottom:0; left:50%; z-index:1; }
	.slideBox_mb .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
	.slideBox_mb .hd li.on{ background:#fff;  }
	.slideBox_mb .bd{ position:relative; z-index:0; }
	.slideBox_mb .bd li{ position:relative; text-align:center;  }
	.slideBox_mb .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
	.slideBox_mb .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	.slideBox_mb .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }
}
@media (max-width: 640px) {
.ly_banana{ height:160px; background-size:auto 140%;}
.about .tdl_l .title{ font-size:21px; padding-right:10px;}
.about .tdl_l .title1{  line-height:24px;}
.about .tdl_l .div1 a{ line-height:30px; height:30px; margin-bottom:0px;}
.about .l_r .title{ font-size:20px; line-height:40px; margin-top:10px;}
.conter{ padding:5px 0px 10px;}
.footer_wrap{ height:auto;}
.index_title span:before{content: url(../images/index_left2.png); }
.index_title span:after{content: url(../images/index_right2.png);}
.index_title span{ font-size:20px;}
.index_title{ line-height:80px; height:80px;}
.business-box span{ padding-top:80px;}
.index_i .lgocli{ width:50px; height:50px; font-size:24px; line-height:50px;}
.index_i b,.index_i span{ width:calc(96% - 60px);}
.index_i{ height:auto;}
}
@media (max-width: 400px) {
.index_title span{ font-size:18px;}
.footer_nav a{ padding:0 18px;}
.index_i b{ font-size:17px; line-height:50px; margin-top:15px;}
.footer_nav{ padding-top:0px;}
}
@media (max-width: 360px) {
.ly_banana{ height:120px; }
.top .l_l img.img1{ height:18px;}
.footer_nav a{ padding:0 10px;}
.index_title span{  font-size:16px; }
.index_title{line-height:40px; height:40px;}
.business-box span font{ font-size:24px;}
.col-md-6{ height:200px;}
.business-box span{ padding-top:40px;}
.index_i span{ width:97%; clear:both; margin-left:3%; font-size:12px; margin-top:10px;}
.index_i b{ font-size:15px;}
}