@charset "utf-8";
/*!  Project : 四川省风景旅游规划设计院有限公司名称
    +---------style.css----------+
    |                            |
    |    Author  |  yeshiqiu     |
    |    Q__Q    |  574442979    |
    |    Addr    |  SC_Chengdu   |
    |    Date    |  2017.08.29   |
    |                            |
    +--!-_-!--------------!-_-!--+
*/

/* 自定义响应结构 */
/* ysq _ ROW | TR */
.ysqTr .ceil4{float: left; width: 25%;}
.ysqRow .col{position: relative; overflow: hidden; z-index: 1; float: left; -webkit-transition: background 250ms,color 250ms,-webkit-transform 250ms; transition: background 250ms,color 250ms,-webkit-transform 250ms; transition: transform 250ms,background 250ms,color 250ms; transition: transform 250ms,background 250ms,color 250ms,-webkit-transform 250ms; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ysqRow .col3{width: 32%;}
.ysqRow .col4{width: 23.5%;}
.ysqRow .col5{width: 19.5%;margin-right: 0.5%;}/*Clovis 2017.11.29*/
@media screen and (min-width: 1024px){.ysqRow .col3:nth-child(3n+2), .ysqRow .col3:nth-child(3n+3){margin-left: 2%;} .ysqRow .col3:nth-child(1n+4){margin-top: 2%;} .ysqRow .col4:nth-child(4n+2), .ysqRow .col4:nth-child(4n+3), .ysqRow .col4:nth-child(4n+4){margin-left: 2%;} .ysqRow .col4:nth-child(1n+5){margin-top: 2%;}}
@media screen and (max-width: 1023px){.ysqRow .col3{width: 49%;} .ysqRow .col3:nth-child(2n+2){margin-left: 2%;} .ysqRow .col3:nth-child(1n+3){margin-top: 2%;} .ysqRow .col4{width: 32%;} .ysqRow .col4:nth-child(3n+2), .ysqRow .col4:nth-child(3n+3){margin-left: 2%;} .ysqRow .col4:nth-child(1n+4){margin-top: 2%;} .ysqTr .ceil4{width: 50%;}}
@media screen and (max-width: 767px){.ysqRow .col4{width: 49%;} .ysqRow .col4:nth-child(2n+1){margin-left: 0;} .ysqRow .col4:nth-child(2n+2){margin-left: 2%;} .ysqRow .col4:nth-child(1n+3){margin-top: 2%;}}
@media screen and (max-width: 539px){.ysqRow .col3{width: 100%; margin-left: 0 !important;} .ysqRow .col3:nth-child(1n+2){margin-top: 2%;} .ysqRow .col4{width: 100%; margin-left: 0 !important;} .ysqRow .col4:nth-child(1n+2){margin-top: 2%;} .ysqTr .ceil4{width: 100%;}}
/* 组件 */
.csstransf .linkBd{position: relative; overflow: hidden;}
.csstransf .linkBd::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; border: 0 solid rgba(0, 0, 0, 0.08); border-radius: inherit;}
.csstransf .linkBd:hover::after{border-width: 25px;}
.skin{color: #111;}
.skin::-webkit-input-placeholder{color: #999;}
.skin:-moz-placeholder{color: #999;}
.skin::-moz-placeholder{color: #999;}
/* .skin:-ms-input-placeholder{color: #999;}
.skin.red{color: #ff000c; border-color: #ff000c !important;}
.skin.red::-webkit-input-placeholder{color: #ff000c;}
.skin.red:-moz-placeholder{color: #ff000c;}
.skin.red::-moz-placeholder{color: #ff000c;}
.skin.red:-ms-input-placeholder{color: #ff000c;} */
.csstransf .hbg .mb{-webkit-transform: translate(0, 100%); transform: translate(0, 100%);}
.csstransf .hbg:hover .mb,
.csstransf .hbg.hbgOn .mb{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
.csstransf .hbg .zd{-webkit-transform: scale(1.5); transform: scale(1.5);}
.csstransf .hbg:hover .zd,
.csstransf .hbg.hbgOn .zd{-webkit-transform: scale(1); transform: scale(1);}
.csstransf .hbg .zu{-webkit-transform: scale(0); transform: scale(0);}
.csstransf .hbg:hover .zu,
.csstransf .hbg.hbgOn .zu{-webkit-transform: scale(1); transform: scale(1);}
.csstransf .scs img{-webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s;}
.csstransf .scs.hbgOn img,
.csstransf .scs:hover img{-webkit-transform: scale(1.025); transform: scale(1.025);}
.csstransf .scst img{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.csstransf .scst.hbgOn img,
.csstransf .scst:hover img{-webkit-transform: scale(1.025); transform: scale(1.025);}
.csstransf .tfy3,
.csstransf .tfx3,
.csstransf .tfy-3,
.csstransf .tfx-3{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.csstransf .tfy3:hover{-webkit-transform: translateY(3px); transform: translateY(3px);}
.csstransf .tfx3:hover{-webkit-transform: translateX(3px); transform: translateX(3px);}
.csstransf .tfy-3:hover{-webkit-transform: translateY(-3px); transform: translateY(-3px);}
.csstransf .tfx-3:hover{-webkit-transform: translateX(-3px); transform: translateX(-3px);}
.hbg .op0{-webkit-transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0ms; transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible;}
.hbg:hover .op0,
.hbg.hbgOn .op0{-webkit-transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0ms; transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.hbg:hover .op0.htfn,
.hbg.hbgOn .op0.htfn{-webkit-transform: none !important; transform: none !important;}
.hbg .front,
.hbg:hover .behind,
.hbg.hbgOn .behind{-webkit-transition: all 222ms ease-out 0ms; transition: all 222ms ease-out 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.hbg .behind,
.hbg:hover .front,
.hbg.hbgOn .front{-webkit-transition: all 222ms ease-in 0ms; transition: all 222ms ease-in 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible;}
.hbg .bdu{border-width: 0; border-style: solid;}
.hbg:hover .bdu,
.hbg.hbgOn .bdu{height: 0 !important;}
.TAlert{display: none; position: fixed; left: 0; top: 0; z-index: 99; overflow: hidden; width: 100%; height: 100%; text-align: center; overflow-x: hidden; overflow-y: auto;}
.TAlert .contain{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; overflow: hidden; z-index: 9; vertical-align: middle; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 400px; padding: 40px 50px; background: #fff; font-size: 18px; line-height: 1; opacity: 0; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; -webkit-transform: scale(0.2); transform: scale(0.2);}
.TAlert.on .contain{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.TAlert .Tclose{position: absolute; top: 0; right: 0; cursor: pointer; width: 40px; height: 40px; color: #000; font: bold 40px/32px "黑体";}
.TAlert .head{font-size: 0;}
.TAlert .body{background: #fff; font-size: 18px; color: #333; font-weight: bold; line-height: 1.4333;}
@media screen and (max-width: 479px){.TAlert .contain{width: 90%; padding: 40px 20px;} .TAlert .Tclose{font-size: 30px; line-height: 36px;} .TAlert .body{font-size: 16px;}}
.pageListBox{margin-top: 45px; margin-bottom: 0px;}
.pageListBox .pageList{position: relative; overflow: hidden; height: 32px; line-height: 30px; font-size: 0; text-align: center;}
.pageListBox .pageList ul{position: relative; float: none !important;}
.pageListBox .pageList ul,
.pageListBox .pageList ul li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.pageListBox .pageList ul li{margin: 0 5px; font-size: 14px;}
.pageListBox .pageList a{display: block; border: #999999 solid 1px; padding-left: 10px; padding-right: 10px; height: 30px; font-family: Arial, sans-serif; color: #333; background-color: #fff; -webkit-transition: background 200ms, color 200ms; transition: background 200ms, color 200ms; font-size: 14px;}
.pageListBox .pageList a:hover,
.pageListBox .pageList a.selected{color: #fff; background-color: #4ab669;}
.pageListBox .pageList a:active{border-color: #fff;}
@media screen and (max-width: 767px){.pageListBox{margin-top: 4.6875%; margin-bottom: 0%;}}
.view-Share{margin-top: 15px; height: 28px;}
.view-Foot{position: relative; padding-top: 1.25%; padding-bottom: 1.25%; height: 32px; margin-top: 15px; line-height: 32px; border: #c9c9c9 dashed 1px; background-color: #fff; font-size: 20px;}
.view-Foot,
.view-Foot a{color: #b3b2b2;}
.view-Foot .ctr{position: relative; z-index: 2; height: 32px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.view-Foot .ctr s{position: absolute; top: 0; width: 32px; height: 32px; border-radius: 32px; background-image: url(../images/arrow2.png); -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.view-Foot .ctr:hover{color: #666;}
.view-Foot .ctr:active s{background-color: #f1f1f1;}
.view-Foot .prev{float: left; padding-left: 62px; text-align: left;}
.view-Foot .prev s{left: 20px; background-position: 0 0;}
.view-Foot .prev:hover s{left: 15px;}
.view-Foot .next{float: right; padding-right: 62px; text-align: right;}
.view-Foot .next s{right: 20px; background-position: -32px 0;}
.view-Foot .next:hover s{right: 15px;}
.view-Foot .historyBack{position: absolute; z-index: 1; overflow: hidden; left: 50%; top: 50%; margin-top: -13px; height: 26px; line-height: 26px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-align: center;}
.view-Foot .historyBack:hover{color: #666;}
.view-Foot .historyBack:active{background-color: #e1e1e1;}
@media screen and (min-width: 768px){.view-Foot .historyBack{margin-left: -60px; width: 80px; padding-left: 40px; background-image: url(../images/i6.png); background-repeat: no-repeat; background-position: 0 center;}}
@media screen and (max-width: 767px){.view-Foot{font-size: 16px;} .view-Foot .historyBack{width: 80px; margin-left: -40px;}}
@media screen and (max-width: 480px){.view-Foot .ctr{font-size: 0;}}