@charset "utf-8";

.index_news_boxs{margin-top:10px;max-height: 596px;overflow: hidden;}
.index_news_boxs li {clear:both;
    display: block;
    position: relative;
    padding: 10px;
    background: #ffffff;
    border-bottom: 1px solid #eee;
}
.index_news_boxs li  .pic {
float:left;margin-right:10px;

    width: 110px;

    height: 65px;

    overflow: hidden;

}



.assf_new_title h1{ font-size: 14px;height:50px;line-height: 25px;overflow:hidden;}



.index_newgjc{float:right;width:auto;height:20px;line-height:20px;font-size:12px; color:#999999;max-width:80px;overflow: hidden;padding-left: 15px; margin-right: 3px;background: url(/static/images/am-icon-eye.png) left center no-repeat;background-size: 12px auto;}






.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:168px !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:345px !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;;}*/




.bdsharebuttonbox.bdshare-button-style0-16{
	position: absolute;
	bottom: 0;
	right: 0;
}


















        .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:32px 0 70px; }



#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);



}



.pc_vr_listbox   .browseicon{width:18px !important;position:relative !important;margin-top:0 !important; }

.pc_vr_listbox   .loveicon{width:18px !important;position:relative !important;margin-top:0 !important; }

.pc_vr_listbox .authoricon{position:relative !important;margin-top:0 !important; }





.pc_vr_listbox .iconauthor{position:relative; }



.pc_vr_listbox  .mname{float:left !important;}



.STitle_iboxpic{background:none !important;position:relative !important;}



#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;
    max-width: 794px;
    margin: 0 auto;
    line-height: 24px;
}



.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:5px;}



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