@charset "utf-8";







.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;

font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}

.blank{ display:block; height:0;font-size:0px; line-height:0; overflow:hidden; clear:both;  }

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}



.clear{clear:both;}

.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.hide{ display:none;}

.show {display: block;}

.fl { float:left; display: inline; }

.fr { float:right; display: inline; }

.mt10 { margin-top: 10px; }

.mb10 { margin-bottom: 10px; }

.block{ margin:0 11.9%}



/* Reset */



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;}





table { /*border-collapse: collapse; border-spacing: 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; }

h1,h2,h3,h4,h5,h6 { font-size:100%; }







body{ color:#333;font:12px/20px "Microsoft YaHei",Tahoma,Helvetica,Arial,sans-serif; cursor: default; background:#f3f3f3}



body#index{}

h1,h2,h3,h4,h5{ font-weight:normal;}



input[type="text"], input[type="password"], textarea {

    outline-style: none;

    -webkit-appearance: none;

}

input,

textarea{ font-family:"Microsoft YaHei";}

.tiexiao{-webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;}

li font{}

a{ color: #000; text-decoration:none; outline:none;}

a:hover { color: #24558d;}


/*footer*/

.footer, .footer a { color:#777777; font-size:12px; }

.foot_top { background:#1e1e1e; padding-top:80px; padding-bottom: 80px;min-height:392px;}



ul.foot_sm { height:auto; overflow:hidden; float: left; width: 869px !important;  margin-left:-1px;}

ul.foot_sm li .tit{ font-size: 18px; padding-left: 62px;}

ul.foot_sm li { width:173px !important; float:left; padding:20px 0px 0px 0; line-height:34px; font-size:14px;border-left: 1px solid #000; height:187px;}

ul.foot_sm li p{ line-height: 34px!important;  color: #999999; padding-left: 30%;}

ul.foot_sm li p a{ color: #999999 }

/*

ul.foot_sm li.last { border:none; }

*/
.footcopy {clear:both;
    text-align: center;
    background-color: #4A4A4A;
    padding: 20px;
    border-top: 1px solid #000000;
    color: #8C8C8C;
}
.foot_sm li{box-sizing:border-box;}

.foot_logo{ width:359px !important; padding:20px 0 0 0; float: left; text-align:center;}

.foot_logo p{ text-align: center; color: #999999; line-height: 190%; padding:10px 3.26% 0 3.26%;}

.foot_logo a{ display: inline-block; padding: 0 15px; border-radius: 3px; background: #8f8f8f;color: #1e1e1e; text-align: center; margin:10px auto; }

.foot_logo a:hover{ background: #4d9ff6; color: #fff !important; }

.foot_logo img{ display: block; width:93.48%;margin:0 3.26% 0 3.26%}



.copyright{float: right; color: #999999; width: 22.874%; padding-top: 20px;  }

.copyright ul{ padding:0 13.6%;}

.copyright li{ width: 45%; padding:0 2% 0 3%; float: left; text-align: center; font-size:12px;}

.copyright li img{ display: block; width:60%; max-width:60%; margin:0 auto;}

.copyright p{ text-align: left;  line-height: 190%; padding:0 13.6%;font-size:12px;}





.foot_bottom { border-top:solid 2px #000; background:#1e1e1e; padding:20px 0px 15px;}

.foot_bottom, .foot_bottom a { color:#4a4a4a; font-size:12px; }

.foot_bottom .links{ margin:0 11.9%}


.open_weixin:hover em{display:block;}
.open_weixin:hover span{display:block;}



.open_weixin  em{display:none;position:absolute;    left:-150px;top:0px;width:150px;height:150px;background:#fff;}

.open_weixin  em img{width:150px;height:150px;}

.open_weixin span{display:none; position:absolute; z-index: 3;   left:0px;top:0px;height: 49px;line-height:24.5px;width: 50px;background-color:#fff;text-align:center;color:#333;font-size:14px;}

.open_shouji em{display:none;position:absolute;    left:-150px;top:0px;width:150px;height:150px;background:#fff;}
.open_shouji em img{width:150px;height:150px;}
.open_shouji span{display:none; position:absolute; z-index: 3;   left:0px;top:0px;height: 49px;line-height:24.5px;width: 50px;background-color:#fff;text-align:center;color:#333;font-size:14px;}






.open_fhdb span{display:none; position:absolute; z-index: 3;   left:0px;top:0px;height: 49px;line-height:24.5px;width: 50px;background-color:#fff;text-align:center;color:#333;font-size:14px;}

.open_zxzx span{display:none; position:absolute; z-index: 3;   left:0px;top:0px;height: 49px;line-height:24.5px;width: 50px;background-color:#fff;text-align:center;color:#333;font-size:14px;}

.open_fhdb :hover span{display:block;}

.open_zxzx:hover span{display:block;}




.open_shouji:hover em{display:block;}
.open_shouji:hover span{display:block;}

#rightside li:hover{cursor:pointer;}




.links .tit{ height:30px; line-height:30px; text-align: center; font-size: 14px;}

.links ul.list_box{width:100%; height:auto; overflow:hidden; padding-top:10px; }

.links ul.list_box li{width:100px; height:30px; float:left; line-height:24px;}



#share{ position: fixed; right: 0; left: auto; top: auto; bottom: 250px;  width: 35px; z-index: 99;}

#share a{ width:35px; background: #717171; border-top: 1px solid #838383; display: block; cursor: pointer; position: relative;}

#share a img{ width: 19px; padding: 8px 8px 5px 8px; }

#share a#qq:hover{ background: #00aaee }

#share a#wx:hover{ background: #5fbd2b }

#share a#ew:hover{ background: #333 }

#share img#erweima_right,

#share img#erweima_right_2{ display:none; position: absolute; width: 128px; right: 35px;  top:-10px;}



#share a#ppt:hover{ background: #4d9ff6 }



.showpath{ width:100%; height:50px; overflow:hidden; padding-top:50px;}

.showpath,.showpath a{ line-height:50px; font-size:16px; color:#999999}

.showpath span{ color:#4d9ff6}







.weibo{width:150px; padding-left:10px; margin:0 auto; margin-top:40px; height:40px;}

.weibo a{ width:40px; height:40px; display:block; cursor:pointer; background:#d5d5d5;transition:all ease-out .3s;border-radius: 20px; float:left; margin-right:10px;}

.weibo img{ width:40px;}

.weibo a:hover{ background:#3067a7;}



.contact{ text-align:center; }

.contact p{ font-size:16px; color:#000; padding-bottom:50px;}

.contact p span{ font-size:20px; color:#666; padding-left:10px;}

.contact ul{width:940px; margin:0 auto; }

.contact li{ width:234px; border-right:1px solid #CCC; float:left; height:170px; text-align:center; font-size:14px;}

.contact li img{ padding:20px; display:block; margin:0 auto;}



#fixed_weixin {position: fixed;z-index: 9999;top: 0;left: 0;width: 100%; background: rgba(0,0,0,.6);overflow-y: auto;z-index: 100;display: none;}

#fixed_weixin .fixed-container {box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);width: 220px;height: auto;padding: 20px 20px 0 20px;background: #fff;position: absolute;

left: 50%;top: 50%;margin-left: -110px;margin-top: -140px;}

#fixed_weixin .fixed-container p {height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #000;}

#fixed_weixin .fixed-container img{ width:220px; height:220px;}



.backTop {opacity: 0;width: 54px;height: 54px;position: fixed;right: 35px;bottom: -54px; z-index:100;}

.backTop img {position: absolute;left: 0;top:0;}



.right_side{ width:190px; height:146px; position:fixed; z-index:999999; top:200px; right:0;}

.right_side_m{ position: relative; top:0; float:right; right:0; width:89px; height:146px;}



.right_side_c{width: 180px;height: auto;border-radius: 5px;-webkit-box-shadow: 0 5px 9px rgba(4,0,0,.17);box-shadow: 0 5px 9px rgba(4,0,0,.17); position: fixed; right:-200px; top:346px;}



#olx_head{ padding:20px; line-height:16px; height:16px; background:#6198d8; border-radius: 5px 5px 0 0; color:#fff; font-size:14px; width:140px; overflow:hidden;}

#olx_head i{ cursor:pointer; float: right; width:18px; height:18px;background:url(../../images/xianguo/icon_close.png); display:block; background-size:14px 14px; background-position:center; background-repeat:no-repeat;}



#olx_qq,#olx_tel{background-color: #fff;}

#olx_qq li a{ padding:12px 30px; height:18px; line-height:18px; background:#f5f5f5;color:#353434; display:block; border-bottom:#fff 1px solid; transition:all ease-out .3s; font-size:12px}



.right_side_c span{ margin-right:18px; display: block; float:left; width:14px; height:18px;}

.right_side_c span.icon_qq{ background:url(../../images/xianguo/icon_qq2.png); width:16px; height:17px; float:left;}

.right_side_c span.icon_phone{ background:url(../../images/xianguo/iocn_phone2.png) center no-repeat; margin-right:15px;}



#olx_qq li a:hover{ color:#fff; background:#565656}

#olx_qq li a:hover span{ background-position-y:-17px;}



#olx_tel{ padding:20px 30px}

#olx_tel div{ color:#434343; line-height:14px; height:14px; margin-bottom:10px}

#olx_tel p{ line-height:18px; font-size:12px}



.pager { text-align:center; padding-top:50px;}

.pager a {background-color: #eee;color: #666;font-size: 14px;height: 30px;line-height: 30px;padding: 10px 10px;margin-right: 2px;}

.pager a[href]:hover {background-color: #5e5e5e;color: #fff !important;}

.pager a.current,

.pager a.now {color: #fff;background-color: #4e4e4e;}

.pager span.current,

.pager span.now {color: #fff;background-color: #4e4e4e;}

.pager .disabled {color: #c0c0c0; display:none;}

.pager span {font-size: 14px;height: 30px;line-height: 30px;padding: 10px 10px;margin-right: 2px;}



.bds_weixin{ background:url(../../images/xianguo/news_weixin.jpg) left top no-repeat !important;}

.bds_sqq{ background:url(../../images/xianguo/news_qq.jpg) left top no-repeat !important;;}

.bds_qzone{ background:url(../../images/xianguo/news_qzone.jpg) left top no-repeat !important;;}

.bds_tsina{ background:url(../../images/xianguo/news_weibo.jpg) left top no-repeat !important;;}











        .sideMenu{ }

        .sideMenu h3,.sideMenu h4{ margin:0 auto;height:37px; line-height:37px; padding-left:30px; border-bottom:1px solid #ecebeb; font:normal 12px/37px "Microsoft YaHei"; display:block;}

        .sideMenu h3{ background:#ededed; color:#000; border-top:1px solid #939393;}

        

        .sideMenu h3 span{ line-height:37px; display:block; float:left;width:115px; text-align:center; font-size:12px;}

        .sideMenu h3 span.sideMenu1{ width:440px; padding-left:40px;padding:0; text-align:left;}

        .sideMenu h3 span.sideMenu2{ text-align:center; width:135px}

        

        .sideMenu h4 span{line-height:37px; display:block; float:left;width:115px; text-align:center; font-size:12px;}

        .sideMenu h4 span.sideMenu1{ width:440px; padding-left:40px;padding:0; text-align:left;}

        .sideMenu h4 em{ float:left; display:block; width:85px; height:37px; padding-left:50px;background:url(../../images/xianguo/icon_join_hover.png) 28px 12px no-repeat; cursor:pointer;}

        .sideMenu li.on h4 em{ background:url(../../images/xianguo/icon_join.png) 28px 12px no-repeat; }

        

        .sideMenu h4 span.sideMenu2 a{background:url(../../images/xianguo/join_bt.jpg) ;text-indent: -9999px; width:60px; height:21px; margin:0 auto; margin-top:8px; cursor:pointer; display:block;}

        

        .sideMenu ul.foldContent{ background:#f8f8f8;border-bottom:1px solid #ecebeb; padding:10px; line-height:30px; padding-left:20px; color:#a2a2a2; display:none;}

        .sideMenu ul table td{ padding:5px; color:#545454;}



#content{ padding:50px; height:auto !important;height:500px;min-height:500px;}



h1.title_base{ line-height:80px; font-size:18px; color:#000;}

h1.title_base span{ float:right; line-height:80px; font-size:12px; font-weight:normal;}





.footer_about{ border-top:1px solid #cfcece; padding:34px 0 0 0;background:#FFF; height:213px;}

.footer_about .block{ border-bottom:1px solid #cfcece; height:212px;}

.footer_about_copy{ float:left;}

.footer_about_copy h5{ font-size:24px; color:#444444; font-weight:normal; line-height:80px;}

.footer_about_copy p{ font-size:14px; line-height:24px; color:#999999; padding-bottom:30px;}



.footer_about_logo{ float:right; padding-top:66px;}



#foot_about{ background:#FFF; color:#999; border:0}

.links .tit{ text-align:left; color:#333}

.f-l{ float:left;}

.f-r{ float:right;}





.pagebox { height:auto; overflow:hidden; text-align:center; padding-top:40px;}

.pagebox  ul{overflow:hidden; text-align:center}

.pagebox  li{display:inline}

.pagebox  li.sbt a{ padding:0 6px }

.pagebox  li a {width: 40px;
    height: 40px;
    display: block;
    background: #f2f2f2;
    border: solid 1px #C3C3C3;
    line-height: 40px;
    display: inline-block;
    margin: 0px 5px;
    color: #5d5d5d;
    font-size: 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;}

.pagebox  li a.thisclass,.pagebox a:hover { color:#fff !important; text-decoration:none; background:#4d9ff6!important; border:solid 1px #4d9ff6; }

.pagebox  li a.next {background:#f2f2f2 url(../../images/xianguo/case_06.png) no-repeat center center;  text-indent:-999em}

.pagebox  li a.next:hover { background:#4d9ff6 url(../../images/xianguo/case_06.png) no-repeat center center;}

.pagebox  li a.pre {background:#f2f2f2 url(../../images/xianguo/case_07.png) no-repeat center center;  text-indent:-999em}

.pagebox  li a.pre:hover { background:#4d9ff6 url(../../images/xianguo/case_07.png) no-repeat center center; text-indent:-999em}



/*

.pagebox  li a.thisclass{ width:100px; text-align:center; color:#000 !important; background:none!important; border-color:#f3f3f3}

*/



.page_index{height:auto; overflow:hidden; text-align:center; padding-top:40px;}

.page_index  a {width:30px; height:30px;display:block; background:#f2f2f2; border:solid 1px #aeaeae; line-height:30px; display:inline-block; margin:0px 2px; color:#5d5d5d;-webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;}

.page_index  a.thislink, .page_index a:hover { color:#fff !important; text-decoration:none; background:#4d9ff6!important; border:solid 1px #4d9ff6; }



.case_filter{ padding-top:20px;}

.case_filter_1,

.case_filter_lx,.case_filter_dq,

.case_filter_hy{padding:20px 0 0 0; text-align:center;}

.case_filter_1{ border-bottom:1px solid #ddd; padding-bottom: 20px;}



.case_filter_lx,.case_filter_dq,.case_filter_hy{ display:none;}



.case_filter a{ display: inline-block; width:100px; text-align:center; line-height:32px; background:none; color:#666; -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease; margin:0 8px; font-size: 14px;}

.case_filter a.check,

.case_filter .check a,

.case_filter .check a:hover,

.case_filter a.check:hover{ color:#FFF; background:#4d9ff6; border:1px solid #4d9ff6}

.case_filter a:hover{ background:#7d7d7d; color:#fff}
.case_filter a.checked{ background:#7d7d7d; color:#fff}


.case_filter_lx_1{}

.case_filter_lx_1 a,

.case_filter_lx ul.lx_c li a{ border:0;}

.case_filter_lx ul.lx_c li a:hvoer{ border:0}

.case_filter_lx_1 li{ display:inline-block; position:relative;}

.case_filter_lx ul.lx_c{ display:none; position: absolute; top:34px; margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}

.case_filter_lx ul.checkon{ display:block;}

.case_filter_dq_1{}

.case_filter_dq_1 a,

.case_filter_dq ul.lx_c li a{ border:0;}

.case_filter_dq ul.lx_c li a:hvoer{ border:0}

.case_filter_dq li{ display:inline-block; position:relative;}

.case_filter_dq ul.lx_c{ display:none; position: absolute; top:34px; margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}

.case_filter_dq ul.checkon{ display:block;}


.case_filter_hy_1{}

.case_filter_hy_1 a,

.case_filter_hy ul.lx_c li a{ border:0;}

.case_filter_hy ul.lx_c li a:hvoer{ border:0}

.case_filter_hy li{ display:inline-block; position:relative;}

.case_filter_hy ul.lx_c{ display:none; position: absolute; top:34px; margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}

.case_filter_hy ul.checkon{ display:block;}

.lb_2_c{ left:-231px; width:590px;}

.lb_3_c {left: -160px;width: 464px;}

.lb_6_c { left: -113px;width: 348px;}

.lb_7_c { left:-200px; width:500px;}

.case_filter ul.lb_c li{ float:left;}

.case_filter ul.lb_c li a{color:#666;background:none;}

.case_filter ul.lb_c li a:hover{background:#7d7d7d; color:#fff; border:0}

.case_filter ul.lb_c li a.checkon{color:#FFF; background:#4d9ff6; border:0}





#sub_con_lx,#sub_con_dq,#sub_con_hy{text-align:left;  }
#sub_con_lx ul,#sub_con_dq ul,#sub_con_hy ul{ text-align:center;}

#sub_con_lx ul li,#sub_con_dq ul li,#sub_con_hy ul li{ display:inline-block; width:80px; margin:0 20px; margin-bottom: 8px;}
#sub_con_lx ul li a,#sub_con_dq ul li a,#sub_con_hy ul li a{ border:0;width: 120px;}
#sub_con_lx ul li.on a,#sub_con_dq ul li.on a,#sub_con_hy ul li.on a{color:#FFF; background:#4d9ff6; border:0}





.case_con{     /* width: 100%; */
    margin: 37px 0px;
    background: #FFF;
    padding: 30px 54px;}

.case_con h1{ font-size:22px; color:#444444;  border-left:4px solid #4d9ff6; padding-left:15px; margin:15px 0px 15px -15px; font-weight:normal; line-height:22px;}

.case_con h1 span.right_more a{ float:right; width:100px; border:1px solid #d4d4d4; text-align:center; color:#b0b0b0;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease; font-size:14px; line-height:36px; display:block;}

.case_con h1 span.right_more a:hover{color: #fff; background: #4d9ff6; border-color:#4d9ff6;}



.case_con span.case_con_info_1{ font-size:12px; color:#b0b0b0; border-bottom:1px solid #e3e3e3; padding:0 0 10px 0; display:block}

.case_con h5.case_con_info_2{ font-size:12px; color:#838383; border-bottom:1px solid #e3e3e3; padding:20px 0; line-height:20px; font-weight:normal;}

.case_con .case_con_info_3{ font-size:14px; color:#b0b0b0; border-top:1px dotted #cdcdcd;padding:10px 0; display:block}

.case_con .case_con_info_3 span{ display: block; font-weight: bold; color: #202020; padding-top: 20px;}

.case_con .case_con_info_3 .on{color: #fff; background: #4d9ff6; border-color:#4d9ff6;}

.case_con .case_con_info_3  a{border:1px solid #d4d4d4; text-align:center; color:#b0b0b0;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease; font-size:14px; line-height:48px; display:block; margin-top: 10px;}

.case_con .case_con_info_3  a:hover{color: #fff; background: #4d9ff6; border-color:#4d9ff6;}

.case_con_info_r_b{ color: #b0b0b0; text-align: right; line-height: 80px; border-bottom: 1px dotted #cdcdcd }

.case_con_info_4{ padding-top: 20px; }



.case_con_body{ margin-top:15px;}

.case_con_body img{max-width:100%; display: block;}

#case_bot{ margin:0 auto; padding:50px 0 0 0;  display:block;}



#case_con_bottom{ width: 1400px; margin:0 auto;}



.case_con_left{ width:75%; float: left;}

.case_con_right{ width: 20%; float: right; }

.danpinneirong{font-size: 16px;
    line-height: 30px;}
.danpinneirong p{    
	text-indent:2em;
	font-size: 15px;
    line-height: 25px;
    margin-bottom: 12px;}

#caseall{ padding:70px 0; }

#caseall ul{width: 101%;display: block;font-size: 0;margin-left: -0.5%;}

#caseall ul li{display: block;width: 24%;position: relative;overflow: hidden; float: left;margin-left: 0.5%;margin-right: 0.5%;padding: 0;margin-bottom: 1%;padding-top: 24%;margin-top: 0;}

#caseall ul li a{ width: 100%;display: block;}
#caseall ul li a img{position: absolute;bottom: 0;left: 0;width: 100%;-webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;
transform:rotate(0deg);
-ms-transform:rotate(0deg);     /* IE 9 */
-moz-transform:rotate(0deg);    /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 鍜?Chrome */
-o-transform:rotate(0deg); 
}
#caseall ul li:hover a img{
    -webkit-transform:scale(1.2, 1.2);
-moz-transform:scale(1.2, 1.2);
-o-transform:scale(1.2, 1.2);
-ms-transform:scale(1.2, 1.2);
transform:scale(1.2, 1.2);
-webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;

}
#caseall ul li a .note{position: absolute;bottom: 0;left: 0;width: 100%;height: 36px;line-height: 36px;color: #fff;font-size: 15px;background: rgba(0,0,0,0.62);}
#caseall ul li a .note .tith3{float: left;margin-left: 5%;width: 65%;}
#caseall ul li a .note .author{float: right;width:25%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-right: 5%; }
#caseall ul li a .note .author .name{float: right;}
#caseall ul li a .note .author .iconauthor{float: right;width: 21px; height: 21px;display:block;vertical-align: middle;margin-left: 10px;background: url(../../images/xianguo/iconauthor1.jpg) no-repeat center center;margin-top: 8px;}
#caseall ul li:hover a .note{display: none;}
#caseall ul li a .hoverh{position: absolute;top:0;left: 0;right: 0;bottom: 0;}
#caseall ul li a .hoverh .zhezhao{
-webkit-transform:translate(0px,100%);
-moz-transform:translate(0px,100%);
-o-transform:translate(0px,100%);
-ms-transform:translate(0px,100%);
transform:translate(0px,100%);

    position: absolute;top:0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.62);display: block;}
#caseall ul li a .hoverh .erweima{position: absolute;left:30%;top:12%;width: 40%;padding-top:40%;background: url(../../images/xianguo/erweima.jpg) no-repeat center center;background-size:100% 100%;
    -webkit-transform:scale(0, 0);
-moz-transform:scale(0, 0);
-o-transform:scale(0, 0);
-ms-transform:scale(0, 0);
transform:scale(0, 0);


}
#caseall ul li a .hoverh .line{position: absolute;left: 50%;top: 55%;height: 0px;width: 0%;border-bottom: 1px solid #fff;
    -webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;opacity: 0;}
#caseall ul li a .hoverh .tith2{position: absolute;left: 0;top: 65%;width: 100%;text-align: center;color: #fff;font-size: 18px;font-weight: bold;}
#caseall ul li a .hoverh .contectnr{position: absolute;top: 80%;left: 0;width: 80%;padding-left: 10%;}
#caseall ul li a .hoverh .contectnr .iconls{width: 33.3%;display: block;float: left;height:20px;overflow:hidden;}
#caseall ul li a .hoverh .contectnr .iconls i{margin-left: 0%;display: block;width:20% ;float: left;height: 19px;}
#caseall ul li a .hoverh .contectnr .iconls i.browseicon{background:url(../../images/xianguo/browseicon.png) no-repeat center center;background-size:cover }
#caseall ul li a .hoverh .contectnr .iconls i.loveicon{background:url(../../images/xianguo/loveicon.png) no-repeat center center;background-size:cover}
#caseall ul li a .hoverh .contectnr .iconls i.authoricon{background:url(../../images/xianguo/authoricon.png) no-repeat center center;background-size:cover}
#caseall ul li a .hoverh .contectnr .iconls .num{width: auto;margin-left: 5%;color: #fff;font-size: 15px;line-height: 19px;}
#caseall ul li:hover a .hoverh .zhezhao{
-webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;

-webkit-transform:translate(0px,0px);
-moz-transform:translate(0px,0px);
-o-transform:translate(0px,0px);
-ms-transform:translate(0px,0px);
transform:translate(0px,0px);

}
#caseall ul li:hover a .hoverh .erweima{
    -webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;
    -webkit-transform:scale(1, 1);
-moz-transform:scale(1, 1);
-o-transform:scale(1, 1);
-ms-transform:scale(1, 1);
transform:scale(1, 1);

}
#caseall ul li:hover a .hoverh .line{
    width: 80%;
    left: 10%;
        -webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;
opacity: 1;
}
#caseall ul li a .hoverh .tith2,#caseall ul li a .hoverh .contectnr{
    -webkit-transform:translate(0px,-20px);
-moz-transform:translate(0px,-20px);
-o-transform:translate(0px,-20px);
-ms-transform:translate(0px,-20px);
transform:translate(0px,-20px);    
    -webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;
opacity: 0;
}
#caseall ul li:hover a .hoverh .tith2,#caseall ul li:hover a .hoverh .contectnr{
-webkit-transform:translate(0px,0px);
-moz-transform:translate(0px,0px);
-o-transform:translate(0px,0px);
-ms-transform:translate(0px,0px);
transform:translate(0px,0px);    
    -webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;
opacity: 1;
}


.a_title{}

.t_center{ text-align:center;}

.a_title h3{ font-size:24px; color:#444444; font-weight:normal;}

.a_title h5{ font-size:16px; color:#a0a0a0; line-height:30px; font-weight:normal;}



.banner_case{ background:url(../../images/xianguo/banner_case.jpg) center top no-repeat; height:310px;}
.banner_about{ background:url(../../images/xianguo/banner_about.jpg) center top no-repeat; height:310px;}
.banner_contact{ background:url(../../images/xianguo/banner_contact.jpg) center top no-repeat; height:310px;}
.banner_news{ background:url(../../images/xianguo/banner_news.jpg) center top no-repeat; height:310px;}
.banner_service{ background:url(../../images/xianguo/banner_service.jpg) center top no-repeat; height:310px;}
.banner_jiameng{ background:url(../../images/xianguo/banner_jiameng.jpg) center top no-repeat; height:310px;}
.banner_zuozhe{ background:#000; height:590px; }



#case_con_2 .banner_case{ height: 515px; }



.service_filter{ text-align:center; padding:70px 0 60px 0;}

.service_filter a{ display: inline-block; width:100px; text-align:center;line-height:30px; background:#none; color:#666; border:1px solid #999;-webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease; border-radius:2px;margin:0 7px 0 8px;

-moz-border-radius:2px; /* 老的 Firefox */

}

.service_filter2{ padding-bottom: 30px; padding-top: 150px; }

.service_filter2 a{ line-height: 64px; width: 150px; margin:0 30px; border-radius:4px;}

.service_filter a.on,

.service_filter a.on:hover{ color:#FFF; background:#4d9ff6; border:1px solid #4d9ff6}

.service_filter a:hover{ background:#7d7d7d; color:#fff}





.service_filter .a_title{ margin-top:70px;}

.service_filter .a_title h5{ line-height:18px; padding:10px 0 7px 0}



.service_tijiao{background:#FFF;}



.hkzh{ padding: 0 0 50px 0}

.hkzh li{ width: 23.05%; margin-right:2.6% ;float: left; margin-bottom: 50px; background:#FFF;padding:30px 0 0 0;}

.hkzh li img{ width:100%;}

.hkzh li p{ padding:0 10%; color:#7f7f7f; line-height:28px; font-size:14px;}

.hkzh li div{ padding-top:20p; height:140px;}





.sbzc_1{ padding-bottom:40px;}

.sbzc_1 li{ width:48.958%; float:left; margin-right:2.084%;margin-bottom:2.084%; position:relative; overflow:hidden;}

.sbzc_1 li .pic,

.sbzc_1 li .pich{position:absolute; width:100%; height:100%;}

.sbzc_1 li .pic img,

.sbzc_1 li .pich img{ width:100%;}

.sbzc_1 li .pich{ display: block; z-index:2;transition: all .3s linear 0s;

    -webkit-transition: all .3s linear 0s;

    -moz-transition: all .3s linear 0s;

    -ms-transition: all .3s linear 0s;

    -moz-opacity:0; /* Moz + FF 透明?#65533;20%*/

    opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）透明?#65533;20%*/

    filter:alpha(opacity=0); /* IE 透明?#65533;20% */

    }

.sbzc_1 li:hover .pich{ display:block;

-moz-opacity:1; /* Moz + FF 透明?#65533;20%*/

    opacity: 1; /* 支持CSS3的浏览器（FF 1.5也支持）透明?#65533;20%*/

    filter:alpha(opacity=100); /* IE 透明?#65533;20% */

    -moz-box-shadow: 0 0 15px rgba(15,15,15,.2); /* 老的 Firefox */

box-shadow: 0 0 15px rgba(15,15,15,.2);

}



.sbzc_1 li span{ width:23.19%;line-height:100%;color:#FFF; display: block; text-align:center;

text-align:center; float:left; position:relative; z-index:3}



.sbzc_1 li .txt{position:relative; z-index:2;width:71.48%; float:right;padding-top:20px;}

.sbzc_1 li .tit{ font-size:16px; line-height:20px; color:#666666;}

.sbzc_1 li .tit strong{ display: block; font-weight:normal; font-size:14px; color:#999999;}

.sbzc_1 li .wz{ font-size:14px; line-height:200%; color:#7f7f7f; padding:10px 20px 0 0;}



.sbzc_2{ margin-top:50px; margin-bottom:50px; padding-top:30px;}

.sbzc_2 li{ width: 23.05%; margin-right:2.6% ;float: left; background:#FFF; float:left; height:380px; margin-bottom:2.6% ;}

.sbzc_2 img{ width:100%;}

.sbzc_2 .tit{ text-align:center; font-size:16px; color:#666; line-height:200%;}

.sbzc_2 .wz{ text-align:center; font-size:14px; color:#999; line-height:150%; padding:0 8.5%; padding-bottom:20px;}

.sbzc_2 a{ display:block; background:#4d9ff6; line-height:30px; text-align:center; width:125px; color:#FFF; margin:10px auto; cursor:pointer; height:30px; -moz-transition: all .3s ease;

    transition: all .3s ease; border-radius:2px; border:1px solid #FFF;

-moz-border-radius:2px; /* 老的 Firefox */}

.sbzc_2 a:hover{ background:#FFF; color:#4d9ff6; border:1px solid #4d9ff6}

.sbzc_2 .a_title{ padding-bottom:50px;}

.sbzc_2 li:hover{-moz-box-shadow: 0 0 15px rgba(15,15,15,.2); /* 老的 Firefox */

box-shadow: 0 0 15px rgba(15,15,15,.2);}





.fwlc_1{ }

.fwlc_1 li{ width:31.93333%; margin-right:2.1%; background:#FFF; float:left; margin-bottom:30px;cursor:pointer; position:relative; overflow:hidden;

}

.fwlc_1 .pichover{ position:absolute; left:0; top:101%; display:block;  width:100%; height:100%;

transition: all .3s linear 0s;

    -webkit-transition: all .3s linear 0s;

    -moz-transition: all .3s linear 0s;

    -ms-transition: all .3s linear 0s;

}



.fwlc_1 .pic,

.fwlc_1 .pichover .picc{ height:117px; position:relative; z-index:2; width:15.55%; margin-left:42.225%}

.fwlc_1 .pic img,

.fwlc_1 .pichover .picc img{ display:block; margin:0 auto; padding-top:48px; width:100%;}

.fwlc_1 .tit{ text-align:center; font-size:24px; color:#666; padding:25px 9.836% 30px 9.836%; position:relative; z-index:2;

-moz-transition: all .3s ease;

    transition: all .3s ease; 

-moz-border-radius:2px; /* 老的 Firefox */}

.fwlc_1 li .tit strong{ display: block; font-weight:normal; font-size:16px; color:#999999; line-height:36px;

-moz-transition: all .3s ease;

    transition: all .3s ease; 

-moz-border-radius:2px; /* 老的 Firefox */}

.fwlc_1 .wz{ font-size:14px; color:#7f7f7f; line-height:22px;padding:0 9.836% 0 9.836%;padding-bottom:8.333%; -moz-transition: all .3s ease;  position:relative; z-index:2;

    transition: all .3s ease;

-moz-border-radius:2px; /* 老的 Firefox */}

.fwlc_1 li:hover{-moz-box-shadow: 0 0 15px rgba(15,15,15,.2); /* 老的 Firefox */

box-shadow: 0 0 15px rgba(15,15,15,.2);}

.fwlc_1 li:hover .wz,

.fwlc_1 li:hover .tit,

.fwlc_1 li:hover .tit strong{ color:#FFF;}

.fwlc_1 li:hover .pic img{ display:none;}

.fwlc_1 li:hover .pichover{ top:0}

li.fwlc_1_1 .pichover{ background-image:url(../../images/xianguo/fwxm_11.jpg); background-size:100% 100%;}

li.fwlc_1_2 .pichover{ background-image:url(../../images/xianguo/fwxm_22.jpg); background-size:100% 100%;}

li.fwlc_1_3 .pichover{ background-image:url(../../images/xianguo/fwxm_33.jpg); background-size:100% 100%;}

li.fwlc_1_4 .pichover{ background-image:url(../../images/xianguo/fwxm_44.jpg); background-size:100% 100%;}

li.fwlc_1_5 .pichover{ background-image:url(../../images/xianguo/fwxm_55.jpg); background-size:100% 100%;}

li.fwlc_1_6 .pichover{ background-image:url(../../images/xianguo/fwxm_66.jpg); background-size:100% 100%;}

li.fwlc_1_7 .pichover{ background-image:url(../../images/xianguo/fwxm_77.jpg); background-size:100% 100%;}

li.fwlc_1_8 .pichover{ background-image:url(../../images/xianguo/fwxm_88.jpg); background-size:100% 100%;}

li.fwlc_1_9 .pichover{ background-image:url(../../images/xianguo/fwxm_99.jpg); background-size:100% 100%;}





.fwlc_2{ background:#FFF; padding:25px 0 130px 0;}

.fwlc_2 .a_title{ padding:50px 0;}

.fwlc_2 div.one,.fwlc_2 div.two,.fwlc_2 div.three{ float:left;

transition: all .3s linear 0s;

    -webkit-transition: all .3s linear 0s;

    -moz-transition: all .3s linear 0s;

    -ms-transition: all .3s linear 0s;}

.fwlc_2 div.one{ width:30.9375%;}

.fwlc_2 div.two{ width:38.125%;}

.fwlc_2 div.three{ width:30.9375%;}





.fwlc_2 div.one .txtbox,

.fwlc_2 div.three .txtbox{ width:64.646%; margin-right:10.438%; float:right; margin-top:46px;}

.fwlc_2 div.three .txtbox{ float:left; margin-left:10.438%; }



.fwlc_2 div.one ul,

.fwlc_2 div.two ul,

.fwlc_2 div.three ul{ padding:13px;}



.fwlc_2 div.two .txtbox{ width:83.06%; margin:0 auto;}



.fwlc_2 .txtbox{ display:block; border:1px solid #979797; position:relative;}

.fwlc_2 .txtbox h2{ height:60px; background:#979797; padding-left:38px; font-size:24px; font-weight:normal; color:#FFF; padding-top:20px;

transition: all .3s linear 0s;

    -webkit-transition: all .3s linear 0s;

    -moz-transition: all .3s linear 0s;

    -ms-transition: all .3s linear 0s;

}

.fwlc_2 .txtbox h2 strong{ display:block; font-size:16px; line-height:26px; font-weight:normal;}

.fwlc_2 .txtbox span{ position:absolute; background:url(../../images/xianguo/fwlc_2_icon.jpg); width:15px; height:76px; left:50%; margin-left:-7px; bottom:-76px;}

.fwlc_2 .txtbox li{color:#7f7f7f; border-right:1px dotted #979797;border-bottom:1px dotted #979797; line-height:45px; display:block; text-align:center; font-size:16px; float:left; text-align:center;}

.fwlc_2 div.one .txtbox li,

.fwlc_2 div.three .txtbox li{ border-bottom:0;width:33.33%;}

.fwlc_2 div.two .txtbox li{ width:20%;}



.fwlc_2_line{ border-bottom:1px solid #979797; margin-top:68px;

    transition: all .3s linear 0s;

    -webkit-transition: all .3s linear 0s;

    -moz-transition: all .3s linear 0s;

    -ms-transition: all .3s linear 0s;}

.fwlc_2 div.one h5,

.fwlc_2 div.two h5,

.fwlc_2 div.three h5{ position:absolute; bottom:-110px;font-size:24px; line-height:30px; width:100%; text-align:center;

    transition: all .3s linear 0s;

    -webkit-transition: all .3s linear 0s;

    -moz-transition: all .3s linear 0s;

    -ms-transition: all .3s linear 0s;}



.fwlc_2 div.on .txtbox{-moz-box-shadow: 0 0 15px rgba(15,15,15,.2); /* 老的 Firefox */

box-shadow: 0 0 15px rgba(15,15,15,.2); border:1px solid #4d9ff6}

.fwlc_2 div.on h5{ color:#4d9ff6}

.fwlc_2 div.on h2{ background:#4d9ff6}

.fwlc_2 div.on li{ border-color:#f30000; color:#4d9ff6}

.fwlc_2 div.on .fwlc_2_line{ border-color:#4d9ff6;}

.fwlc_2 div.on .txtbox span{background:url(../../images/xianguo/fwlc_2_icon.jpg) right; }





.vis_box{ padding:25px; background:#FFF;}

.vis_1{}

.vis_1 li{ float:left;-moz-transition: all .3s ease;

    transition: all .3s ease;

-moz-border-radius:2px; /* 老的 Firefox */

position:relative;

}





#vis_box1 th{ border-bottom:4px solid #4d9ff6; color:#a3a3a3; font-size:16px;border-right:1px solid #d1d1d1; padding:20px;}

#vis_box1 th div{ display:inline-block; min-width:60%; max-width:100%;}

#vis_box1 th img{ display:inline-block; }

#vis_box1 th p{ text-align:left; font-size:21px;

    width:122px;

width:-moz-calc(100% - 73px);

    width:-webkit-calc(100% - 73px);

    width: calc(100% - 73px); display: inline-block; color: #818181;

}





#vis_box1 th.first_one p{ text-align: left; }

#vis_box1 th p strong{ color:#a3a3a3; font-weight:normal;}

#vis_box1 th span{ font-size:14px; color: #a3a3a3}



#vis_box1 td{ font-size:14px; color:#7f7f7f; padding:25px 0; border-bottom:1px solid #d1d1d1;border-right:1px solid #d1d1d1; text-align:center; position: relative; min-height: 90px; line-height: 42px;}

#vis_box1 td:first-child{ text-align:left;}

#vis_box1 td div{ float:left; width:50%;}

#vis_box1 td div.yihang{ width: 100%; float: none; text-align: left; margin:0 auto; line-height: 42px; margin-left: 0%}

#vis_box1 td div.yihang span{ padding-left: 44px; background: url(../../images/xianguo/icon_service_11.png) left center no-repeat; margin-right: 7px;}

#vis_box1 td div.yihang span i{ width: 0; margin-right: 7px; }

#vis_box1 td div.yihang span.red_1{background: url(../../images/xianguo/icon_service_22.png) left center no-repeat; margin-right: 7px;}

#vis_box1 td div.yihang span.red_2{padding-left: 0; background: none; margin-right: 0}

#vis_box1 td div.yihang p{ padding-left: 0 }

#vis_box1 td div.yihang p.yihang_bott{ text-align: left; padding-left:10%; }

#vis_box1 td div.yihang p.hui{ color: #a6a6a6 }



#vis_box1 td div.yihang li{ float: none; width: 100%; min-height: 42px;}



#vis_box1 td div.yihang li:after{ content:"."; display:block; height:0; visibility:hidden; clear:both;  }

#vis_box1 td div.yihang li span{ display: block; height: 100%; float: left; line-height: 42px; }

#vis_box1 td div.yihang li span.red_1{ float: none; min-height: 42px;}

#vis_box1 td div.yihang li span i{ width: auto; float: left; }

#vis_box1 td div.yihang li small{ font-size: 14px; line-height: 42px; float: left; display: block; width:-moz-calc(100% - 71px);

    width:-webkit-calc(100% - 71px);

    width: calc(100% - 71px)}



#vis_box1 td span{ color:#4d9ff6; font-size:14px; line-height:28px;}

#vis_box1 td span.red_2{ font-size:22px;}

#vis_box1 td p{ padding-left:28px; line-height:28px;color:#7f7f7f;}

#vis_box1.table_5{}

#vis_box1 #line1.hover,

#vis_box1 #line2.hover,

#vis_box1 #line3.hover,

#vis_box1 #line4.hover{ background:rgba(234,234,234,0.5)}

#vis_box1 td a{ line-height:30px;height:30px;width:100px; display: inline-block; background:none; border:1px solid #a3a3a3; color:#a3a3a3; text-align:center;

    -webkit-transition: all .3s ease;

-moz-transition: all .3s ease;

    transition: all .3s ease;}



#vis_box1 td a:hover{ background:#4d9ff6; border:1px solid #4d9ff6; color:#FFF;}

/* #vis_box1 #line1.hover a,

#vis_box1 #line2.hover a,

#vis_box1 #line3.hover a,

#vis_box1 #line4.hover a{ background:#4d9ff6; border:1px solid #4d9ff6; color:#FFF;} */

#vis_box1 td a.visbtn_2{    

    line-height:30px;height:30px;width:100px; display: inline-block; text-align:center;

     -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;

    background:#4d9ff6; border:1px solid #4d9ff6; color:#FFF; margin-right: 20px; margin-top:28px; float: right;

}

#vis_box1 td a.visbtn_2:hover{ background:none; border:1px solid #a3a3a3; color:#a3a3a3; }

#vis_box1 td .erhang{position: absolute;left:0 ;bottom:5px; width: 100%; text-align: center;font-size:14px; color:#7f7f7f;} 

#vis_box1 td a.visbtn_3{    

    line-height:30px;height:30px;width:100px; display: inline-block; text-align:center;

     -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;

    background: none;

    border:1px solid #fff; color:#4d9ff6;

}

#vis_box1 td a.visbtn_3:hover{color:#4d9ff6; border:1px solid #4d9ff6;}

#vis_box1 td a.qqbtn{     margin: 3px auto 0 auto;
    width: 69%;
    line-height: 45px;
    font-size: 16px;
    display: block;
    height: 45px;
    /* border-radius: 1px; */}





.vis_2{ margin-top:50px; background:url(../../images/xianguo/banner_service_5_1.jpg) center center no-repeat; text-align:center; height:151px; color:#FFF; font-size:22px; line-height:60px; padding-top:30px;}

.vis_2 a{line-height:43px;height:43px;width:160px; display: inline-block; background:#4d9ff6; border:1px solid #4d9ff6; color:#FFF; text-align:center;

-moz-transition: all .3s ease;

    transition: all .3s ease;

-moz-border-radius:2px; font-size:16px;}

.vis_2 a:hover{background:#FFF; color:#4d9ff6; border:1px solid #4d9ff6}



.ddtj_dbox{ width:85%; margin:0 auto;}



.news_list{ border-top:1px solid #dddddd; padding-top:55px;}

.news_left{ width:200px; float:left; margin-right:146px;}

.news_left h2{ color:#666; font-size:18px;}

.news_left h4{ color:#888; font-size:14px; line-height:20px;}

.news_left p{ font-size:14px; color:#888; line-height:28px; display:block; padding:10px 0; border-bottom:1px solid #dddddd;border-top:1px solid #dddddd; margin-top:15px;}



.news_right,#joinbox #join{width:650px;/*写给不支持calc()的浏览器*/

    width:-moz-calc(100% - 346px);

    width:-webkit-calc(100% - 346px);

    width: calc(100% - 346px); float:right;}

.news_box{ transition: all ease-out .3s; border-bottom:1px solid #dddddd}

.news_box:hover{}

.news_box a{ display:block; padding:50px 10px; cursor:pointer;}

.news_box a:hover .news_box_img img{transform: scale(1.2, 1.2)}

.news_box_img{ width:280px; height:150px; overflow:hidden; float:left;}

.news_box_img img{ width:100%;transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.news_box_txt{ position:relative;width:76%;/*写给不支持calc()的浏览器*/

    width:-moz-calc(100% - 340px);

    width:-webkit-calc(100% - 340px);

    width: calc(100% - 340px); float:right;}



.news_box_txt .more{

    width: 110px;

    height: 35px;

    line-height: 35px;

    display: block;

    text-align: center;

    color: #999999;

    font-size: 12px; margin-top:20px;

    font-family: "Times New Roman"; border:1px solid #d4d4d4;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.news_box_txt h4{line-height: 34px;font-size: 18px; font-weight:normal; -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;}

.news_box_txt p{color: #909090;line-height: 26px; font-size:14px;font-weight: normal; width:80%; font-size:14px;}

.news_box_txt span{ color:#b0b0b0; display:block; padding:15px 0; font-size:14px;}

.news_box a:hover .news_box_txt h4{ color:#4d9ff6}

.news_box a:hover .news_box_txt .more{ color:#FFF; background:#4d9ff6; border-color:#4d9ff6;}





/*最新动态*/



.news_box_2{ transition: all ease-out .3s; position: relative; width: 100%; float: left;}

.news_box_2:hover{}

.news_box_2 a{ display:block; cursor:pointer;}

.news_box_2 a:hover .news_box_img_2 img{transform: scale(1.2, 1.2)}

.news_box_2 a:hover .news_box_img_2.news_box_img_3 img{transform: scale(1.0, 1.0)}



.news_box_img_2{ width:100%; overflow: hidden;}

.news_box_img_2 img{ width:100%;transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display: block;}

.news_box_txt_2{ position: absolute; left: 50px; bottom: 30px; display: block; width: 100%;}



.news_box_txt_2 h4{line-height: 34px;font-size: 28px; font-weight:normal; -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease; color:#fff; font-weight: bold;

    text-shadow: 1px 1px 2px rgba(0,0,0,.5);

}

.news_box_txt_2 p{color: #fff;line-height: 26px; font-size:16px;font-weight: normal; width:95%; margin-top:10px;

text-shadow: 1px 1px 2px rgba(0,0,0,.5);}

.news_box_2 span{ color:#fff; display:block; position: absolute; left: -20px; top: 40px; background: url(../../images/xianguo/news_box_time.png);  text-align: center; font-size: 26px; 

    background-size: 100% 100%;

    width: 190px;

    height: 50px;

    line-height: 50px;

    -webkit-font-smoothing: antialiased;

    font-family: 'Helvetica Neue',Helvetica,STHeiti,'Microsoft YaHei',Arial,Verdana,sans-serif;



}



.news_box_2 a:hover .news_box_txt_2 h4{ color:#fff}





/*flash list*/

.flash_box{ transition: all ease-out .3s;margin-bottom: 44px; background: #fff;}

.flash_box:hover{-moz-box-shadow: 0 0 25px rgba(15,15,15,.4); /* 老的 Firefox */

box-shadow: 0 0 25px rgba(15,15,15,.4);

}

img#flash_box_img_2{ width: 100%;  display: block;}

.flash_box a{ display:block; cursor:pointer;}

.flash_box_img{ width:440px; height:280px; overflow:hidden; float:left;}

.flash_box_img img{ width:100%;}

.flash_box_txt{ position:relative;width:60%;/*写给不支持calc()的浏览器*/

    width:-moz-calc(100% - 480px);

    width:-webkit-calc(100% - 480px);

    width: calc(100% - 480px); float:right;}





.flash_box_txt .more{position: absolute;

    

    top: 110px;

    font-size: 40px;right: 0;

    opacity: 0;

    transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;

    }

.flash_box_txt_img{ float: right; height: 280px; margin-left:40px; overflow: hidden; }

.flash_box_txt_img img{ height:280px;}



.flash_box_txt h4{line-height: 34px; color:#666666;font-size: 24px; font-weight:normal; -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;}

.flash_box_txt p{color: #b0b0b0;line-height: 26px; font-size:14px;font-weight: normal; font-size:14px;}

.flash_box_txt span{ color:#b0b0b0; display:block; padding:15px 0; font-size:14px;}

.flash_box a:hover .flash_box_txt h4{ color:#4d9ff6}

.flash_box a:hover .flash_box_txt .more{

    right: -40px;  opacity: 1;

    color:#4d9ff6;

}





.qianyue_box{width:100%; height:auto; overflow:hidden}

.qianyue_box li{width:100%; float:left; line-height:67px;font-size:14px; color:#656565; border-bottom:1px solid #dddddd;}

.qianyue_box li a{font-size:14px;}

.qianyue_box span{ float:left;}

.qianyue_box span.qs1{width:16.645%;}

.qianyue_box span.qs2{width:47%;}

.qianyue_box span.qs3{width:36.3%;float:right;}



.ynjd{}

.ynjd p{ color:#909090; font-size:14px; border-bottom:1px solid #ddd; line-height:26px; padding:0 0 20px 0}

.ynjd p.red{ color:#e41111; font-size:18px; border:0; line-height:40px; padding:20px 0 0 0;}



#joinbox #join{ margin:0; padding:0;}



#vis_box1.table_3 .yihang{ width: 76%; margin-left: 12%; }

#vis_box1.table_4 .yihang{ width: 85%; margin-left: 7%; }

#vis_box1.table_5 .yihang{ width: 96%; margin-left: 2%; }



.service_filter2 .block{ width: 100%; margin:0; }

@media screen and (max-width:1600px){

    .block,

    .foot_bottom .links,

    #join{ margin-left:40px; margin-right:40px}

    .sbzc_1 li .wz{ font-size:12px; padding:5px 40px 0 0; line-height:20px;}

    .sbzc_1 li .txt{ padding-top:10px;}

    .sbzc_2 li{ height:305px;}

    .footer, .footer a { color:#777777; font-size:12px; }

    .foot_bottom, .foot_bottom a { color:#4a4a4a; font-size:12px; }

    .footer .foot_logo a{    color: #1e1e1e;}

    .copyright p{ font-size:12px; line-height:20px;}

    .zt-video{ border-left: 0;}

   /*  .research{ display: none; } */

    .service_filter2 a{ width: 13%; margin: 0 0.4%; }

}



@media screen and (min-width:1920px){

    .sbzc_1 li .wz{ padding-right:100px; padding-top:10px;}

    .hkzh li p{ padding:0; width:288px; margin-left:auto; margin-right:auto}

}



@media screen and (min-width:1922px){

    #vis_box1.table_5 .yihang{ width: 90%; margin-left: 5%; }

    #vis_box1.table_4 .yihang{ width: 76%; margin-left: 12%; }

    #vis_box1.table_3 .yihang{ width: 76%; margin-left: 12%; }



    #vis_box1.table_5 .yihang2{ width: 60%; margin-left: 20%; }

}
.research{display:block!important;}
@media screen and (max-width:920px){
	.block .header_login,.block .research{display:none!important}
}
.bx-wrapper .bx-pager.bx-default-pager{margin-left:-97.5px!important;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {width:auto!important;}
@media screen and (max-width:1330px){
.block{margin-left:0!important;margin-right:0!important;}
}
@media screen and (max-width:1260px){
	.block .logo,.block .header_wx{display:none;}

   /*  .block,
    
    .foot_bottom .links{ width:1260px; margin-left: 0; margin-right:0;}
     */
    

    /* .nav .nLi h3 a{ width:60px;}
    
    .nav .sub{ width:157px;}
    
    .nav .sub_2{ width:360px; left:-60px;}
    
    .sub_con{ width:330px;}
    
    .sub_con .hd,
    
    .sub_con .bd{ width:157px;} */

    

}

/*

@media screen and (min-width:768px ) and (max-width:1099px ){

    .block,

    .foot_bottom .links{ margin-left:20px; margin-right:20px;}

    .case_list_con{width: 30%;margin-right: 5%;}

    .case_list_con:nth-of-type(4n){ margin-right:5%;}

    .case_list_con:nth-of-type(3n){ margin-right:0;}

    

    

    .zt-video,.research{ display:none;}

}

@media screen and (min-width:320px ) and (max-width:767px ){

    .block,

    .foot_bottom .links{ width:640px; margin-left:0; margin-right:0;}

    .case_list_con{width: 46%;margin-right: 8%;}

    .case_list_con:nth-of-type(2n){ margin-right:0;}

    .zt-video,.research{ display:none;}

    

}



@media screen and (min-width:1921px){

    .block,

    .foot_bottom .links,

    .partner_list,

    #join{ width:1920px;}

}

*/

.loading_img{     margin: 0 auto;

    margin-top: 60px;

    padding: 0 25px;

    line-height: 38px;

    font-size: 14px;

    display: block;

    width: 84px;

    border: 1px solid #4d9ff6;

    background: #4d9ff6;

    color: #fff;}



.contact_weixin{ float: left; position: relative; width: 25px; height: 22px; padding-right: 5px; z-index: 25;}



.contact_weixin img.headerwximg{ display: none; position: absolute; left:-11px; top: 22px;}



@font-face{font-family:CalibreLight;src:url(../other/CalibreWeb-Light.eot);src:url(../other/CalibreWeb-Light.eot) format("embedded-opentype"),url(../other/CalibreWeb-Light.woff) format("woff");font-style:normal}

.CalibreLight{font-family:CalibreLight}



#service_028{ background: #1d1d1b }

#service_028 .block{ background: url(../../images/xianguo/service_bg.jpg);height: 350px;  }

.service_left{ width: 33.33%; float: left;}

.service_left_box{ padding:70px 20.5% 0 20.5%; }

.service_left_box img{ width: 100%; max-width: 100%; }

.service_left_box p{ line-height: 34px; font-size: 14px; color: #f3f3f3; padding: 20px 0 }

.service_left_box span{ font-size: 20px; color: #4d9ff6; display: block; font-weight: bold;}



.service_right{ width: 16.6675%; height: 350px; position: relative; float: left; background: url(../../images/xianguo/service_bg_line.jpg) left no-repeat;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;transition: all 0.8s ease; padding-top: 0; }

.service_right_box{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2 }

.service_right span{ position: absolute; display: block; margin:0; height: 100%; width: 100%;-webkit-transition: all 0.8s ease;-moz-transition: all 10.8s ease;transition: all 0.8s ease;}

.service_right span:before,

.service_right span:after,

.service_right span small:before,

.service_right span small:after{content:"";display:block;width:100%;height:100%;position:absolute;transition:all 1.3s cubic-bezier(.35,.75,.55,1);-moz-transition:all 1.3s cubic-bezier(.35,.75,.55,1);-webkit-transition:all 1.3s cubic-bezier(.35,.75,.55,1);opacity: 0}



.service_right span:before{border-top:1px solid #fff;top:0;left:0}

.service_right span:after{border-right:1px solid #fff;top:0;right:0}

.service_right span small:before{border-bottom:1px solid #fff;bottom:0;right:0}

.service_right span small:after{border-left:1px solid #fff;bottom:0;left:0}



.service_right .title{ color: #8e8e8e; text-align: center; padding-top: 10px;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;transition: all 0.8s ease;}

.service_right h3{ font-size:18px; line-height: 30px; }

.service_right h5{ font-size: 14px; line-height: 20px; }

.service_right .pic{ margin-top: 90px;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;transition: all 0.8s ease; }

.service_right .pic img{ display: block; margin: 0 auto; opacity: 0.5}

.service_right .con{ text-align: center; padding-top: 30px;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;transition: all 0.8s ease;}

.service_right .con a{ color: #676767 }

.service_right  a.service_more{ display: block; margin:20px auto 0 auto; width: 60%; text-align: center;  opacity: 0; color: #fff;

-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;transition: all 0.8s ease;

}



.service_right:hover{ background: #4d9ff6;}

.service_right:hover .pic{ margin-top: 70px; }

.service_right:hover span{height: 330px; margin:10px; width: auto; width:-moz-calc(100% - 20px);

    width:-webkit-calc(100% - 20px);

    width: calc(100% - 20px)}

.service_right:hover span:before,.service_right:hover span:after,.service_right:hover span small:before,.service_right:hover span small:after{ opacity: 1 }

.service_right:hover .pic img{ opacity: 1 }

.service_right:hover .title{ color: #fff }

.service_right:hover .con a{ color: #fff }

.service_right:hover a.service_more{ opacity: 1; margin-top: 10px;}





#case{ padding:70px 0; }

#case ul{width: 100%;display: block;font-size: 0;}

#case ul li{display: block;width: 33.3333%;position: relative;overflow: hidden; float: left;}

#case ul li a{ width: 100%;}

#case ul li .Img {width: 100%;position: relative;overflow: hidden;}

#case ul li .Img img {

    transition: all 1.5s ease-out;

    -moz-transition: all 1.5s ease-out;

    -webkit-transition: all 1.5s ease-out;border: 0 none;

    vertical-align: middle;

    width: 100%;

    height: auto;

    transform: scale(1);

}

#case ul li .Txt {

    transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background: #000;

    background: rgba(0,0,0,.6);

    opacity: 0;

}



#case ul li .Txt i,#case ul li .Txt span {

    transition: all .4s cubic-bezier(.3,.8,.6,1) .2s;

    -moz-transition: all .4s cubic-bezier(.3,.8,.6,1) .2s;

    -webkit-transition: all .4s cubic-bezier(.3,.8,.6,1) .2s;

}

#case ul li .Txt i {

    font-size: 40px;

    color: #fff;

    display: block;

    width: 90%;

    height: 0;

    position: absolute;

    top: 50%;

    margin-top: -80px;

    left: 5%;

    text-align: center;

    opacity: 0;

    transform: translateY(20px);

    -moz-transform: translateY(20px);

    -webkit-transform: translateY(20px);

}

#case ul li .Txt small {

    transition: all .6s ease-out;

    -moz-transition: all .6s ease-out;

    -webkit-transition: all .6s ease-out;

}

#case ul li .Txt small {

    content: "";

    display: block;

    width: 90%;

    height: 0;

    position: absolute;

    top: 50%;

    left: 5%;

    border-bottom: 1px solid rgba(255,255,255,.5);

    transform: scale(0,1);

    -moz-transform: scale(0,1);

    -webkit-transform: scale(0,1);

}

#case ul li .Txt i, #case ul li .Txt span {

    transition: all .4s cubic-bezier(.3,.8,.6,1) .2s;

    -moz-transition: all .4s cubic-bezier(.3,.8,.6,1) .2s;

    -webkit-transition: all .4s cubic-bezier(.3,.8,.6,1) .2s;

}

#case ul li .Txt span {

    font-size: 18px;

    color: #fff;

    display: block;

    width: 90%;

    margin: 0 auto;

    position: relative;

    top: 50%;

    margin-top: 0;

    opacity: 0;

    text-align: center;

    line-height: 50px;

    height: 50px;

    transform: translateY(-20px);

    -moz-transform: translateY(-20px);

    -webkit-transform: translateY(-20px);

}

#case ul li:hover .Txt{opacity:1}

#case ul li:hover .Txt small{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}

#case ul li:hover .Txt i,#case ul li:hover .Txt span{opacity:1;transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0)}

#case ul li:hover .Img img{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}



.STitle {

    padding-top: 120px;

    text-align: center;

}

.STitle h2,

#news .newstitle h2{font-size: 40px; font-weight: 400;}

.STitle h2 span,

#news .newstitle h2 span {

    font-size: 14px;

    display: block;

    padding-top: 15px;

}

.STitle ul {

    padding: 40px 0 30px;

    text-align: center;

}

.STitle li {

    display: inline-block;

    vertical-align: middle;

    width: 160px;

}

.STitle li span {

        font-family:'CalibreLight'; 

        color: #393939; font-weight: normal;

    font-size: 48px;

    display: block;

    line-height: 56px;

    height: 56px;

}



.NumContent {

    height: inherit;

    display: inherit;

    overflow: hidden;

    position: relative;

    line-height: inherit;

    font-size: inherit

}



.NumContent>div {

    line-height: inherit;

    color: inherit;

    font-size: inherit;

    display: inline-block;

    opacity: 0

}



.NumContent>div>div {

    line-height: inherit;

    color: inherit;

    font-size: inherit

}



.NumContent>div:nth-child(1) {

    transition: all 1.5s cubic-bezier(.35,.75,.55,1);

    -moz-transition: all 1.5s cubic-bezier(.35,.75,.55,1);

    -webkit-transition: all 1.5s cubic-bezier(.35,.75,.55,1)

}



.NumContent>div:nth-child(2) {

    transition: all 1.5s cubic-bezier(.35,.75,.55,1) .3s;

    -moz-transition: all 1.5s cubic-bezier(.35,.75,.55,1) .2s;

    -webkit-transition: all 1.5s cubic-bezier(.35,.75,.55,1) .2s

}



.NumContent>div:nth-child(3) {

    transition: all 1.5s cubic-bezier(.35,.75,.55,1) .4s;

    -moz-transition: all 1.5s cubic-bezier(.35,.75,.55,1) .4s;

    -webkit-transition: all 1.5s cubic-bezier(.35,.75,.55,1) .4s

}



.NumContent>div:nth-child(4) {

    transition: all 1.5s cubic-bezier(.35,.75,.55,1) .9s;

    -moz-transition: all 1.5s cubic-bezier(.35,.75,.55,1) .9s;

    -webkit-transition: all 1.5s cubic-bezier(.35,.75,.55,1) .9s

}



.NumContent>div:nth-child(5) {

    transition: all 1.5s cubic-bezier(.35,.75,.55,1) 1.2s;

    -moz-transition: all 1.5s cubic-bezier(.35,.75,.55,1) 1.2s;

    -webkit-transition: all 1.5s cubic-bezier(.35,.75,.55,1) 1.2s

}



.NumContent.active>div {

    transition: all .3s cubic-bezier(.35,.75,.55,1);

    -moz-transition: all .3s cubic-bezier(.35,.75,.55,1);

    -webkit-transition: all .3s cubic-bezier(.35,.75,.55,1)

}



#about{ height: 500px; }



.ibox div .hover{ position: absolute; z-index: 2; left:0; top:0; width: 100%; opacity: 0; display: block;

-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease; top: 0;}

.ibox div .hover img{ display: block; float: none;}

.ibox div .hover .more{ background: #383735; line-height: 30px; font-size: 12px; text-align: center; color: #fff; text-indent: 10px; opacity: 0;-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;transition: all 1.0s ease; top: 0;}



.iabout:hover .hover,

.iservice:hover .hover,

.icontact:hover .hover{ opacity: 1; top: -9%}

.iabout:hover .hover .more,

.iservice:hover .hover .more,

.icontact:hover .hover .more{ text-indent: 0; opacity: 1 }



#news{ padding-top: 110px; }

#news .newstitle{ text-align:center; }

#newsbox{

    position: relative;

    display: block; padding-top:50px;

}

#newsbox:before {

    content: "";

    display: block;

    width: 0;

    height: 30px;

    border-left: 1px solid #fff;

    position: absolute;

    left: 50%;

    top: 50px;

    z-index: 9;

}

#newsbox:after {

    content: "";

    display: block;

    width: 0;

    height: 30px;

    border-left: 1px solid #4d9ff6;

    position: absolute;

    left: 50%;

    top: 20px;

}

#newsbox .Content{ position: relative; background: #4d9ff6; height: 600px;}



#newsbox .Content span{ position: absolute; display: block; margin:0; height: 100%; width: 100%;-webkit-transition: all 10.8s ease;-moz-transition: all 10.8s ease;transition: all 0.8s ease;}



#newsbox .Content span:before,

#newsbox .Content span:after,

#newsbox .Content span small:before,

#newsbox .Content span small:after{content:"";display:block;width:100%;height:100%;position:absolute;transition:all 1.3s cubic-bezier(.35,.75,.55,1);-moz-transition:all 1.3s cubic-bezier(.35,.75,.55,1);-webkit-transition:all 1.3s cubic-bezier(.35,.75,.55,1);opacity: 0}



#newsbox .Content span:before{border-top:1px solid #fff;top:0;left:0}

#newsbox .Content span:after{border-right:1px solid #fff;top:0;right:0}

#newsbox .Content span small:before{border-bottom:1px solid #fff;bottom:0;right:0}

#newsbox .Content span small:after{border-left:1px solid #fff;bottom:0;left:0}



#newsbox .Content:hover span{ margin: 30px; width:-moz-calc(100% - 60px);

    width:-webkit-calc(100% - 60px);

    width: calc(100% - 60px);

height:540px;}



#newsbox .Content:hover span:before,

#newsbox .Content:hover span:after,

#newsbox .Content:hover span small:before,

#newsbox .Content:hover span small:after{ opacity: 1 }



.newsbox_warp{ padding:105px 30px; }



.newsbox_con{ width:14.84%; margin-left: 4.3%;height:390px; position: relative; background:#ffffff;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease; float: left; overflow: hidden;}



.newsbox_con a{ display: block; position: relative; width: 100%; height: 100%; }



.newsbox_con .pic{ display: block; height: auto; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;}

.newsbox_con .pic img{ display: block; width: 100%; max-width: 100%}

.newsbox_con .pic_h{ position: absolute;width: 100%; height: 100%; opacity: 0;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;}

.newsbox_con .title{ font-size: 16px; color: #666666; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease; padding-top:10px;}

.newsbox_con .time{ font-size: 14px; color: #666666; display: block; border-bottom: 1px solid #cccccc;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;}

.newsbox_con .con{color: #a1a1a1; font-size: 12px; line-height: 24px; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;}



.newsbox_con .con,

.newsbox_con .title,

.newsbox_con .time{ margin:0 20px; position: relative; z-index: 3}

.newsbox_con .time{ margin: 0 20px 10px 20px; line-height: 20px; padding-bottom:10px; }

.newsbox_con .more{ position: absolute; opacity: 0;  width: 100%; height: 90px; line-height: 90px; text-align: center; color: #fff;

-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;transition: all 0.8s ease; left: 0; bottom: 0; text-indent: 20px; }



.newsbox_con:hover{-moz-box-shadow: 0 0 15px rgba(15,15,15,0); background: none}

.newsbox_con:hover .pic{ height:0; overflow: hidden; }

.newsbox_con:hover .title,

.newsbox_con:hover .time,

.newsbox_con:hover .con{ color:#fff }

.newsbox_con:hover .time{ border-bottom: 1px solid #fff }

.newsbox_con:hover .more{ opacity: 1; text-indent:-5px;}

.newsbox_con:hover .title{ padding-top:60px;  }

.newsbox_con:hover .pic_h{ opacity: 1;}



.newsbox_con strong{ position: absolute; display: block; margin:0; height: 100%; width: 100%;-webkit-transition: all 10.8s ease;-moz-transition: all 10.8s ease;transition: all 0.8s ease; z-index: 2}



.newsbox_con strong:before,

.newsbox_con strong:after,

.newsbox_con strong small:before,

.newsbox_con strong small:after{content:"";display:block;width:100%;height:100%;position:absolute;transition:all 1.3s cubic-bezier(.35,.75,.55,1);-moz-transition:all 1.3s cubic-bezier(.35,.75,.55,1);-webkit-transition:all 1.3s cubic-bezier(.35,.75,.55,1);opacity: 0}



.newsbox_con strong:before{border-top:1px solid #fff;top:0;left:0}

.newsbox_con strong:after{border-right:1px solid #fff;top:0;right:0}

.newsbox_con strong small:before{border-bottom:1px solid #fff;bottom:0;right:0}

.newsbox_con strong small:after{border-left:1px solid #fff;bottom:0;left:0}



.newsbox_con:hover strong{ margin: 10px; width:-moz-calc(100% - 20px);

    width:-webkit-calc(100% - 20px);

    width: calc(100% - 20px);

height:370px;}



.newsbox_con:hover strong:before,

.newsbox_con:hover strong:after,

.newsbox_con:hover strong small:before,

.newsbox_con:hover strong small:after{ opacity: 1;}



.foot_nav{ background: #4a4a4a; height: 90px; margin-top:100px;}

.foot_nav .block{overflow: hidden;}

.foot_nav ul{ padding-top: 35px; float: left;width:68%;}

.foot_nav ul li{ width: 25%; font-size:16px; height: 20px; line-height: 20px;  display: block; color: #8f8f8f; float: left;

border-left:1px solid #8f8f8f; margin-left: -1px; text-align:  center;}

.foot_nav ul li img{ display: inline-block; vertical-align: middle; padding-right: 2px;}

.foot_nav a.want{ display: inline-block; border-radius: 19px; width: 240px; line-height:38px; height: 38px;margin-left: 5.2%  ;  float: left; margin-top: 25px; font-size:16px; text-align: center; background: #4d9ff6; color: #fff; border:1px solid #4d9ff6;}

.foot_nav a.want:hover{ background: #4a4a4a; color: #fff; border:1px solid #fff;}



.links .tit{display: inline-block;

    padding: 0 15px;

    border-radius: 6px; line-height: 30px;

    background: #8f8f8f;

    color: #1e1e1e;

    text-align: center;

    margin: 10px auto;}



ul.foot_sm{ width: 68%;}

.foot_logo {width: 26.8%; padding-left:50px;}

.foot_logo img{ width: 46%; max-width: 250px; margin:0;}

.foot_logo h5{ font-size: 30px; line-height: 48px; text-align: left; }

.foot_logo p img{ width: auto;max-width: 100%; display: inline-block; vertical-align: middle; margin-right: 11px; }

.foot_logo p span{ display: inline-block; margin-right: 31px; font-size: 14px; line-height: 24px;}

.foot_logo p{ text-align: left; padding-left:0;}

.foot_logo p img#foot_icon_one{ float: left; margin-top: 9px; }







#rightside{ position: fixed; top: 50%; margin-top: -125px; right: 0; width: 50px; height: 196px;     background-color: #2F3438;

    background-color: rgba(0,0,0,0.5);border-radius: 5px 0 0 5px ; z-index: 9999}

#rightside #open{ display: none; }



#rightside li{ font-size: 14px; color: #fff; line-height: 49px;  height: 49px; display: block; width: 50px; position:relative;}

#rightside li#close{ text-align: center; }

#rightside li#close a{ color: #fff }



#rightside .sidebox{ width: 50px; position: absolute; color: #fff; right: 0; top:0; height: 49px; overflow: hidden;border-radius: 5px 0 0 0 ;}

#rightside .sidebox.add{ height: 150px; }

#rightside li img{ vertical-align: middle;  }

#rightside li img#erweima_right{display: none; left: 0; top: 49px; z-index: 99}

#rightside li img#erweima_right.show{ display: block; }



@media screen and (max-width:1440px){

    .STitle h2{font-size: 30px;}

    #news .newstitle h2{ font-size: 30px; }

}



.Tpiaochuan{ width:613px; height:285px; background:url(../../images/xianguo/bgx-1.png) no-repeat center center; position:fixed; left:50%; margin-left:-250px; z-index:9999; top:50%; margin-top:-115px;

    background-size:100% 100%;

    -webkit-background-size:100% 100%;

    -moz-background-size:100% 100%;

    display:none;

    opacity:0.9; -html-opacity:0.9;

}

.Tpiaochuan .zixun{ position:absolute; bottom:45px; left:60px; cursor:pointer;}

.Tpiaochuan .noneyin{ position:absolute; bottom:45px; right:240px; cursor:pointer;} 

.header .nav{margin-top:0!important;position:inherit!important;}



.mod-nofind {
    border-bottom: 1px solid #ebebeb;
    padding: 12px 0;
    background: #fff;
    position: relative !important;
    left: 0 !important;
    top: 25px !important;
}

.mod-nofind-in {
    background: url(../../images/xianguo/nocar-pic_b2b8095.png) no-repeat left center;
    padding: 0 0 0 177px;
    height: 134px;
    width: 352px;
    margin: 0 auto;
	position:relative !important;
	left:0 !important;
	top:0 !important;
}


.mod-nofind .tit {
    color: #494949;
    padding: 17px 0 10px;
	font-size: 24px;
    font-weight: 700;
	position:relative !important;
	left:0 !important;
	top:0 !important;
}

.mod-nofind .con {
    font-size: 16px;
    color: #989898;
	position:relative !important;
	left:0 !important;
	top:0 !important;
}

.mod-nofind .con .link {
    color: #4d9ff6;
    font-weight: 700;
    margin: 0 5px;
	position:relative !important;
	left:0 !important;
	top:0 !important;
}

.vr_view,.vr_view:hover{position:absolute;right:0px;top:0;background:#4D9FF6;color:#fff;font-size:14px;padding:10px 45px;}
.case_con_info_inner{width:100%;text-align:center;padding:10px 0;}
.case_con_info_inner h2{font-size:25px;font-weight:bold;line-height:50px;color:#4D9FF6}
.info_qrcode{margin-top:20px;}
.info_qrcode .info_qrcode_item{width:45%;}
.info_qrcode .info_qrcode_item img{width:100%;display:block}
.info_qrcode .info_qrcode_item span{display:block;text-align:center;font-size:15px;font-weight:normal;padding:0;line-height:20px;}
.info_qrcode_left{float:left}
.info_qrcode_right{float:right}

.flow_more{margin:10px 0;text-align:center;color:#999;}
.flow_more a{display:inline-block;padding:10px 50px;background:#4D9FF6;color:#fff;font-size:15px}
.flow_more span{diplay:inline-block;}