.row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%}


@media screen and (max-width: 768px) {
.contact-info .row{ width:100%; float:left;}
.contact-info .item{width:100%; margin:auto;}
.contact-info .item .box{width:380px; margin-left:25px;}

.contact-info .item .box .t a{color:#000; font-size:18px; margin-bottom:10px; font-weight:600; text-align:center;}
.contact-info .item .box{padding:55px 20px;}

.about_contact .pannel { position: relative; top:70px; margin-left:-100px; z-index:20; padding:10px 16px 2px 0px;}
.about_contact .pannel ._txt_area { padding:14px 9px px 0px; width:100%; border-top:#808080 1px dotted; border-bottom:#808080 1px dotted;color:#fff;z-index:10; }


}
.wrap { width:1380px; margin-right:auto; margin-left:auto;}

.common-num{line-height:34px; background:url(/images/common_numbg.png) no-repeat left center; margin:20px 0 30px;}
.common-num .no{color:#fff; font-size:22px;display:inline-block; *display:inline; *zoom:1; width:85px; padding-left:10px;}
.common-num .t{font-size:20px; color:#333; font-weight:bold; }


/*Ӫ������*/
.network .pt1{padding:90px 0;}
.contact-info{background:#f5f7f9; overflow:hidden; padding-bottom:80px; margin-top:-220px;}
.contact-info .item{background:#; padding-right:100px;}
.contact-info .item .box{padding:45px 20px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;
  transform: scale(1.05);
          box-shadow: 0px 0px 35px 0px rgba(6,94,169,0.55);}
.contact-info .item .box .t{color:#000; font-size:20px; margin-bottom:10px; font-weight:600; text-align:center;}
.contact-info .item .box .info{color:#333; font-size:14px; line-height:30px;font-family: '΢���ź�','Poppins', sans-serif;}

.contact-info .item .box:hover{background:url(../ysdwimages/ygs_contact_bg.jpg) no-repeat right top; background-size:cover; box-shadow: 2px 2px 10px rgba(0,0,0,.2); 
 transform: scale(1.05);
          -webkit-transform: scale(1.05);
          z-index: 10;
          box-shadow: 6px 25px 40px -6px rgba(0,0,0,0.15);
          z-index: 10;
          transition: all .4s;
          -webkit-transition: all .4s;
		 transition-duration: 700ms;}
.contact-info .item .box:hover .t{color:#fff;}
.contact-info .item .box:hover .info{color:#fff;}
.contact-info .item .box:hover .info a{color:#fff;}
.contact-info .item .box a{transition:none;}
.contact-info .item .box a:hover{color:#fff;}



/*联系我们内容区域*/
.channel.about_contact{margin-top:0; width:100%;}
.about_contact .cbanner{width:100%;}
.cbanner { position:relative; height:340px; overflow:hidden; }

.channel.about_contact { margin-bottom:0; }
.about_contact .cbanner { height:auto; margin-bottom:5px; padding-bottom:28px; }
.about_contact .cban_con { position:relative; height:585px; margin-top:0px; }
.about_contact .cban_con ._pic { position:absolute; top:0; left:50%; z-index:0; width:1920px; max-width:none; margin-left:-960px; }
.about_contact .cbanner .ttop { display:block; position:absolute; left:50%; bottom:0; width:49px; height:56px; background:url(/resources/web/img/about14.png) 0 0 no-repeat; cursor:pointer; }
.about_contact .pannel_wrap { position:relative; }
.about_contact .pannel { position:absolute; top:70px; left:18%; z-index:20; padding:34px 36px 52px 50px;  color:#fff; background-color:rgba(6, 51, 112, 0.6); }
.about_contact .pannel ._txt_area { padding:14px 9px 38px 30px; border-top:#808080 1px dotted; border-bottom:#808080 1px dotted;color:#fff;z-index:10; }
.about_contact .pannel ._ptt { margin-bottom:16px; font-size:32px; font-weight:bold; color:#fff; }
.about_contact .pannel  ._bd { cursor:default;color:#fff; line-height:25px;}
.about_contact .pannel ._rec02 ._bd { cursor:default;color:#fff; }
.about_contact .pannel ._rec03 ._bd { cursor:default;color:#fff; }
.about_contact .pannel ._rec04 ._bd { cursor:default;color:#fff; }

.about_contact .pannel ._rec01 ._bd:hover { color:#fff; }
.about_contact .pannel ._btn_msg { display:block; width:280px; height:37px; font-size:18px; line-height:37px; margin-bottom:20px; color:#ffffff; background-color:#de1a38; text-align:center; }
.about_contact .pannel ._down { padding-top:25px; }
.about_contact .pannel ._down ._tt { font-size:17px; color:#fff;  }
.about_contact .con_list .lists { margin-bottom:48px; }
.about_contact .con_list ._sub_title { margin-bottom:18px; font-size:24px; font-weight:bold;color: #de1a38;}
.about_contact .con_list .item { position:relative;height:207px; margin-bottom:24px; overflow:hidden; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;background-color:#f6f4f4; }
.about_contact .con_list .item:hover { color:#ffffff; }
.about_contact .con_list .item:hover ._rec{color:#fff;}
.about_contact .con_list .item:hover ._bd a{color:#fff;}
.about_contact .con_list .item ._txt_box { position:absolute; z-index:2; top:0; left:0; padding:32px 40px 37px 28px; }
.about_contact .con_list .item ._tt { margin-bottom:10px; font-size:20px; color:#fff; }
.about_contact .con_list .item:hover ._tt { color:#ffffff; }
.about_contact .con_list .item ._hr { margin-bottom:16px; background-color:#ffb500; }
.about_contact .con_list .item:hover ._hr { background-color:#ffffff; }
.about_contact .con_list .item ._rec { position:relative;color: #adadad; color:#fff;}
.about_contact .con_list .item ._hd { position:absolute; top:0; left:0;color:#fff; }
.about_contact .con_list .item ._bd {color:#fff; display:inline-block; *display:inline; *zoom:1; /*max-height:3.6em;*/ overflow:hidden; padding-left:3em; }
.about_contact .con_list .item ._bg { content:''; display:block; position:absolute; top:100%; left:0; width:100%; height:100%; background-color:#de1a38; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.about_contact .con_list .item:hover ._bg { top:0; }
.about_contact .msg_box { padding-top:58px; background-color:#f4f4f4; }
.about_contact .sub_tt { margin-bottom:62px; }
.about_contact .msg_form { padding-bottom:98px; text-align:center; }
.about_contact .msg_form ._rec01,.about_contact .msg_form ._rec03 { margin-right:2%; }
.about_contact .msg_form ._rec { display:inline-block; *display:inline; *zoom:1; width:40%; margin-bottom:12px; text-align:left; }
.about_contact .msg_form ._rec05 { width:83%; }
.about_contact .msg_form ._rec textarea { width:99%; height:145px; }
.about_contact .msg_form ._rec input,
 .about_contact .msg_form ._rec textarea { background-color:#eeeeee; border:#cccccc 1px solid; }
.about_contact .msg_form ._rec input { width:100%; height:32px; text-indent:10px; }
.about_contact .msg_form ._rec ._hd { margin-bottom:6px; font-size:16px; color:#121212; }
.about_contact .con_list .item:hover ._rec{color:#fff;}


/*��ϵ����*/
.contact .pt1{padding:70px 0 40px;}
.contact .map_box{ position: relative; height: 420px; max-height: 420px; }
.contact .map_box .map{ height: 100%; overflow:hidden;}
.contact .map_box .map img{max-width: none;}
.contact .map_box .con{ position: absolute; top: 15%; right: 5%; background: url(../img/blue.8.png); color: #fff; }
.contact .map_box .con dl{ padding: 40px; }
.contact .map_box .con dt{ font-size: 28px; margin-bottom: 20px; }
.contact .map_box .con dd{ font-size: 15px; margin-top: 10px;}