@charset "gb2312";
/* CSS Document */
@import url("wei_common.css");


.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{zoom:1}
.fl{ float:left}
.fr{ float:right}

.temp{ font-size: 14px; line-height: 24px}
.temp *{ transition:ease all 0.5s}
.temp i,.temp em{ font-style: normal}

.temBanner{ width: 100%; cursor: pointer;}

.temBox{ width: 1190px; margin:40px auto 80px;}

.temP1 .temP1L{ width: 320px; height: 340px; overflow: hidden; float: left; position: relative;}
.temP1 .temP1L .temP1LCon{ transition: none}
.temP1 .temP1L .temP1LCon li{ width: 320px; height: 340px; position: relative}
.temP1 .temP1L .temP1LCon li p{ position: absolute; width: 100%; height:40px; line-height: 40px; padding-bottom: 20px; text-align: center; color: #fff; background: rgba(0,0,0,0.6); left: 0; bottom: 0;}
.temP1 .temP1L .temP1LBtn{ width: 100%; position: absolute; z-index: 2; text-align: center; left: 0; bottom:10px;}
.temP1 .temP1L .temP1LBtn li{width: 10px; height: 10px; display: inline-block; overflow: hidden; text-indent: 9999px; background: #ccc; border-radius: 50%; margin: 0 5px}
.temP1 .temP1L .temP1LBtn li.on{ background:#FE950E}
.temP1 .temP1C{ width: 440px; float: left; padding:0 40px}
.temP1 .temP1C h2{ background: url(../img/temDian.jpg) no-repeat left; padding-left: 30px; font-size: 18px}
.temP1 .temP1C p{ padding-bottom: 10px; height: 48px; overflow: hidden; padding-top: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ddd}
.temP1 .temP1C p a{ color: #f00;}
.temP1 .temP1C ul li{ overflow: hidden; height: 34px; line-height: 34px;}
.temP1 .temP1C ul li span{display: block; width: 80px; float: right; text-align: right}
.temP1 .temP1R{ width: 350px; float: right;}
.temP1 .temP1R .temPTop{ width: 350px; height: 140px; position: relative}
.temP1 .temP1R .temPTop p{ width: 160px; height: 100px; line-height: 50px; position: absolute; left: 20px; top: 20px; text-align: center}
.temP1 .temP1R .temPTop p b{display: block; height: 50px; color: #fff;}
.temP1 .temP1R .temPCen{ padding: 10px 0; height: 100px; text-indent: 2em}
.temP1 .temP1R .temPBot i,.temP1 .temP1R .temPBot a{ display: block; width: 80px; height: 30px; line-height: 30px; padding-top: 50px; float: left; text-align: center; color: #fff; cursor: pointer;}
.temP1 .temP1R .temPBot i:hover,.temP1 .temP1R .temPBot a:hover{ transform: translateY(-5px)}
.temP1 .temP1R .temPBot i{ margin-right: 10px}
.temP1 .temP1R .temPBot i.ico1{ background:#EE6E6F url(../img/zxico1.png) no-repeat center 10px; border-radius: 10px}
.temP1 .temP1R .temPBot i.ico2{ background:#00A6EB url(../img/zxico2.png) no-repeat center 10px; border-radius: 10px}
.temP1 .temP1R .temPBot i.ico3{ background:#FE9402 url(../img/zxico3.png) no-repeat center 10px; border-radius: 10px}
.temP1 .temP1R .temPBot a{ background:#C2996D url(../img/zxico4.png) no-repeat center 10px; border-radius: 10px}

.temTit{ text-align: center;}
.temTit h2{ font-size: 42px; height: 42px; line-height: 42px; display: inline-block; border-bottom: 1px solid #ddd; padding: 0 20px 15px}
.temTit em{display: block; color: #999; padding-top: 5px; font-size: 20px}

.temText{ padding-bottom: 40px; text-indent: 2em; font-size: 16px; line-height: 30px}

.temP2 .temP2C{ width: 110%;}
.temP2 .temP2C li{ float: left}
.temP2 .temP2C li .temP2Con{ overflow: hidden;}
.temP2 .temP2C li .temP2Con span{display: block; overflow: hidden;}
.temP2 .temP2C li .temP2Con p{ padding-top: 10px}
.temP2 .temP2C li .temP2Con p b{display: block; text-align: center; font-size: 20px}
.temP2 .temP2C li .temP2Con p em{display: block; text-indent: 2em; padding-top: 15px}
.temP2 .temP2C li i{ height: 45px; line-height: 45px; border-radius: 22px; text-align: center; cursor: pointer; display:block; margin:30px auto 0; color: #fff; font-size: 18px;}

.temP3 .temP3C .temP3CL{ float: left; position: relative}
.temP3 .temP3C .temP3CL p{ position: absolute; bottom: 0; padding: 20px; color: #fff;}
.temP3 .temP3C .temP3CR{ float: right}
.temP3 .temP3C .temP3CR li{ overflow: hidden;}
.temP3 .temP3C .temP3CR h3{ font-size:30px}
.temP3 .temP3C .temP3CR>p{ padding-top: 30px; text-indent: 2em; height: 48px; overflow: hidden;}
.temP3 .temP3C .temP3CR h4{ font-size:20px; padding-top: 15px}
.temP3 .temP3C .temP3CR .jsys{ overflow: hidden; padding-top: 20px}
.temP3 .temP3C .temP3CR .jsys>li{ color: #fff; text-align: center; float: left; margin-right:15px}
.temP3 .temP3C .temP3CR .temP3CRBtn{ text-align: center; margin-top: 30px; border-top: 1px solid #ccc; padding-top: 30px}
.temP3 .temP3C .temP3CR .temP3CRBtn a{display: inline-block; height: 40px; line-height: 40px; font-size: 18px; border-radius: 20px; margin: 0 10px; color: #fff;}
.temP3 .temP3C .temP3CR li{ overflow: hidden;}
.temP3 .temP3C .temP3CR li span{display:block; float: left; position: relative;}
.temP3 .temP3C .temP3CR li span i{display:block; display: box; display: -webkit-box; display: -moz-box;-webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center; border-radius: 50%; position: absolute; left: 50%; top: 50%; text-align: center; color: #fff; font-size: 16px}
.temP3 .temP3C .temP3CR li p{ float: left; display: box; display: -webkit-box; display: -moz-box;-webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center;}
.temP3 .temP3C .temP3Con{}
.temP3 .temP3C .temP3Con li{ float: left;}
.temP3 .temP3C .temP3Con li b{ display: block; text-align: center}
.temP3 .temP3C .temP3Con li span{ display: block; border-radius: 10px; overflow: hidden;}
.temP3 .temP3C .temP3Con li p{}
.temP3 .temP3C .temP3Con li i{display: block; height: 40px; line-height: 40px; margin: 0 auto; border-radius: 20px; text-align: center; cursor: pointer; font-size: 16px}

.temP4 .temP4C{ width: 110%;}
.temP4 .temP4C li{ float: left}
.temP4 .temP4C li .temP4Con span{display: block; overflow: hidden;}
.temP4 .temP4C li .temP4Con p b{display: block; text-align: center; font-size: 20px}
.temP4 .temP4C li .temP4Con p em{display: block; text-indent: 2em; padding-top: 15px}
.temP4 .temP4C li i{ height: 45px; line-height: 45px; border-radius: 22px; text-align: center; cursor: pointer; display:block; margin:30px auto 0; font-size: 18px;}

.temP5 .temP5C{ width: 110%;}
.temP5 .temP5C li{ float: left; text-align: center}
.temP5 .temP5C li img{ border-radius: 20px; overflow: hidden;}
.temP5 .temP5C li p{ padding-top: 30px; font-size: 16px}

.textcenter{ text-align: center}

.temBtn{ text-align: center; padding: 50px 0 0}
.temBtn a{display: inline-block; height: 50px; line-height: 50px; border-radius: 25px; font-size: 18px;}
.temBtn a:hover{ transform: scale(1.05);}

.temBg{ background: 100%; padding: 80px 0 0; overflow: hidden; margin-bottom: 80px}


/*专题banner图控制*/
.jxybsxy{ background:url(../img/banner.jpg) no-repeat center; height: 510px;}

/*专题第一版块右侧图控制*/
.wzpic1 p{ border: 1px solid #C2996D; color: #C2996D; background: #fff; font-size: 16px}
.wzpic1 p b{ background: #C2996D; font-size: 20px}


/*因素版块内容列表控制*/
.bk1 li{ width: 565px; margin-right:60px;}
.bk1 li .temP2Con{ padding: 20px;}
.bk1 li .temP2Con span{ width: 200px; height:180px; border-radius: 10px; float: left;}
.bk1 li .temP2Con p{ width: 300px; float: right;}
.bk1 li .temP2Con p b{ color: #C2996D; padding-top: 20px}
.bk1 li i{ width:70%;}
.bk1 li i:hover{ background:#C2996D; transform: scale(1.05)}

.bk2 li{ width: 357px; margin-right:60px;}
.bk2 li .temP2Con{ padding: 20px;}
.bk2 li .temP2Con span{ width: 100%; height:180px; border-radius: 10px;}
.bk2 li .temP2Con p{ width: 100%;}
.bk2 li .temP2Con p b{ color: #C2996D;}
.bk2 li i{ width:80%;}
.bk2 li i:hover{ background:#C2996D; transform: scale(1.05)}

.bk3 li{ width: 275px; margin-right:30px;}
.bk3 li .temP2Con{ padding: 20px;}
.bk3 li .temP2Con span{ width: 100%; height:150px; border-radius: 10px;}
.bk3 li .temP2Con p{ width: 100%;}
.bk3 li .temP2Con p b{ color: #C2996D;}
.bk3 li i{ width:80%;}
.bk3 li i:hover{ background:#C2996D; transform: scale(1.05)}

.bk4 li{ width: 214px; margin-right:30px;}
.bk4 li .temP2Con{ padding: 20px;}
.bk4 li .temP2Con span{ width: 100%; height:120px; border-radius: 10px;}
.bk4 li .temP2Con p{ width: 100%;}
.bk4 li .temP2Con p b{ color: #C2996D;}
.bk4 li i{ width:90%;}
.bk4 li i:hover{ background:#C2996D; transform: scale(1.05)}


/*技术版块控制*/
.jsbk1 .temP3CL{ width: 450px; height: 325px;}
.jsbk1 .temP3CR{ width: 680px;}
.jsbk1 .temP3CR h3{ color: #C2996D;}
.jsbk1 .temP3CR .jsys li{ width: 120px; height: 60px; line-height: 60px; border-radius:10px;}
.jsbk1 .temP3CR .temP3CRBtn a{ width: 40%;}
.jsbk1 .temP3CR .temP3CRBtn a.ar{}

.jsbk2 .temP3CL{ width: 500px; height: 360px;}
.jsbk2 .temP3CL p{ background: rgba(0,0,0,0.8)}
.jsbk2 .temP3CR{ width: 660px;}
.jsbk2 .temP3CR li span,.jsbk2 .temP3CR li p{ width: 330px; height: 120px;}
.jsbk2 .temP3CR li span i{ margin: -50px 0 0 -50px; width: 100px; height: 100px; background: rgba(0,0,0,0.8);}
.jsbk2 .temP3CR li p{ padding: 20px; box-sizing: border-box}

.jsbk3 .temP3Con li{ width: 356px; color: #fff; padding: 20px}
.jsbk3 .temP3Con li b{ height: 40px; font-size: 25px;}
.jsbk3 .temP3Con li span{ height: 180px;}
.jsbk3 .temP3Con li i{ width: 70%;}
.jsbk3 .temP3Con li i:hover{ transform: scale(1.05);}
.jsbk3 .temP3Con li.col1 i{ color: #EE6E6F;}
.jsbk3 .temP3Con li.col2 i{ color: #00A6EB;}
.jsbk3 .temP3Con li.col4 i{ color: #C2996D;}
.jsbk3 .temP3Con li.col5 i{ color: #9BB54C;}
.jsbk3 .temP3Con li p{ padding:20px 10px}

.jsbk4 .temP3Con li{ width: 555px; margin: 5px; padding: 20px}
.jsbk4 .temP3Con li b{ height: 40px; font-size: 25px;}
.jsbk4 .temP3Con li span{ height: 180px;}
.jsbk4 .temP3Con li i{ width: 70%;}

.jsbk6{ position: relative; height: 480px; background: url(../img/js6bg.jpg) no-repeat center}
.jsbk6 .temP3Con li{ width: 375px; height: 135px; position: absolute; border: 1px solid #ccc; border-radius: 20px; overflow: hidden;}
.jsbk6 .temP3Con li b{ height: 40px; line-height: 40px; background: #999; color: #fff; font-size: 16px}
.jsbk6 .temP3Con li.pos1{ top: 0; left: 3px;}
.jsbk6 .temP3Con li.pos2{ top: 170px; left:-37px;}
.jsbk6 .temP3Con li.pos3{ bottom: 0; left: 3px;}
.jsbk6 .temP3Con li.pos4{ top: 0; right: 3px;}
.jsbk6 .temP3Con li.pos5{ top: 170px; right: -41px;}
.jsbk6 .temP3Con li.pos6{ bottom: 0; right: 3px;}
.jsbk6 .temP3Con li p{ text-indent: 2em; padding:10px 20px}
.jsbk6 .temP3Con li p a{ color: #EE6E6F;}


/*通用版块*/
.tybk1 li{ width: 565px; margin-right:60px; border-radius: 10px; overflow: hidden; color: #fff;}
.tybk1 li span{ width: 200px; height:250px; float: left;}
.tybk1 li p{ width: 330px; float: right; padding:30px 15px 0}
.tybk1 .tybkl1 i{ color: #EE6E6F;}
.tybk1 .tybkr1 i{ color: #FE9402;}
.tybk1 li i{ width:70%; font-weight: bold}
.tybk1 li i:hover{ transform: scale(1.05); color: #C2996D;}

.tybk2 li{ width: 327px; margin-right:40px; border-radius: 10px; overflow: hidden; border: 1px solid #ccc; padding: 20px}
.tybk2 li span{ height:150px; background: #ccc}
.tybk2 li p{ padding-top: 10px}
.tybk2 li p b{ color: #C2996D;}
.tybk2 li i{ width:70%; color: #fff; font-weight: bold}
.tybk2 li i:hover{ transform: scale(1.05); background: #C2996D;}

.tybk3 li{ width: 232px; margin-right:30px; border-radius: 10px; overflow: hidden; border: 1px solid #ccc; padding: 20px;}
.tybk3 li span{ height:120px; background: #ccc}
.tybk3 li p{ padding-top: 10px}
.tybk3 li p b{ color: #C2996D;}
.tybk3 li i{ width:70%; color: #fff; font-weight: bold}
.tybk3 li i:hover{ transform: scale(1.05); background: #C2996D;}


.ppbk1 li{ width: 274px; margin-right:30px;}
.ppbk1 li img{ width: 274px; height: 200px;}


.btnbk1 a{ width: 30%; color: #fff; margin: 0 20px;}
.btnbk1 a:hover{ transform: scale(1.05); background: #C2996D;}
.btnbk2 a{ width: 20%; color: #fff; margin: 0 20px;}
.btnbk3 a{ width: 60%; color: #fff; margin: 0 20px;}


.col1{ background: #EE6E6F}
.col2{ background: #00A6EB}
.col3{ background: #FE9402}
.col4{ background: #C2996D}
.col5{ background: #9BB54C}
.col6{ background: #fff;}
.col7{ background: #eee}
.col8{ background: #ddd}
.col9{ background: #ccc}
.col11{ background: #e2e2e2}
.col17{ background: #5b5b5b}
.col12{ background: #e73179}
.col13{ background: #8950d0}
.col14{ background: #fa7e07}
.col15{ background: #0277c2}
.col16{ background: #9bb54c}


/*第二套模板*/
.temTit2{ text-align: center;}
.temTit2 h2{ font-size: 42px; height: 45px; line-height: 45px; display: inline-block; color: #333; border-bottom: 1px solid #818181; padding: 0 20px 15px}
.temTit2 em{display: block; color: #484848; padding-top: 6px; font-size: 16px}
.temTit2 b{display: block; width: 175px; height: 5px; margin: -3px auto 0; position: relative; background: #818181;}

.temp.color1 .temTit2 i{}

.temP6 .temP6C{ width: 110%;}
.temP6 .temP6C li{ width: 584px; margin-right: 22px; float: left; overflow: hidden;}
.temP6 .temP6C li span{display: block; width: 242px; height: 270px; float: left; border-radius: 30px; background: #eee; text-align: center; overflow: hidden; position: relative}
.temP6 .temP6C li span img{ width: 242px; height: 270px;}
.temP6 .temP6C li span i{ display: block; width: 100%; height: 60px; line-height: 60px; position:absolute; left: 0; bottom: 0; z-index: 2; font-size: 20px; border-radius: 30px; background: #ee6e6f; color: #fff; cursor: pointer;}
.temP6 .temP6C li p{ width: 280px; height: 168px; margin-top: 30px; padding: 20px 30px; float: left; background: #fff; border: 1px dashed #aeaeae;}
.temP6 .temP6C li p b{display: block; font-size: 24px; color: #333;}
.temP6 .temP6C li p em{display: block; font-size: 16px; padding-top: 15px; text-indent: 2em; line-height: 28px}

.p6bk1 li p{ border-left:none; border-top-right-radius:30px; border-bottom-right-radius:30px;}

.p6bk2 li p.pbk2L{ border-right:none; border-top-left-radius:30px; border-bottom-left-radius:30px;}
.p6bk2 li p.pbk2R{ border-left:none; border-top-right-radius:30px; border-bottom-right-radius:30px;border-top-left-radius:0; border-bottom-left-radius:0;}


.temP7 .temP7C{ width: 110%;}
.temP7 .temP7C li{ float: left; padding-bottom: 30px;}
.temP7 .temP7C li span{ width: 100%; position: relative; display: block;}
.temP7 .temP7C li span b{ display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #fff; position: absolute; bottom: 0; background: rgba(0,0,0,0.6)}
.temP7 .temP7C li p{ padding: 22px 30px; text-indent: 2em}
.temP7 .temP7C li i{ display: block; width: 90%; height: 60px; line-height: 60px; margin: 0 auto; color: #fff; font-size: 20px; border-radius: 30px; text-align: center; cursor: pointer;}

.p7bk1 li{ width: 580px; margin-right: 30px}
.p7bk1 li span{ height: 292px;}

.p7bk2 li{ width: 375px; margin-right: 32px}
.p7bk2 li span{ height: 245px;}

.p7bk3 li{ width: 285px; margin-right: 16px}
.p7bk3 li span{ height: 245px;}


.temP8 .temP8C{ width: 110%;}
.temP8 .temP8C li{ float: left; border-radius: 30px; overflow: hidden; position: relative}
.temP8 .temP8C li p{ padding: 22px 35px 35px; position: absolute; z-index: 2; color: #fff; background: rgba(0,0,0,0.6);}
.temP8 .temP8C li p b{display: block; font-size: 24px; text-align: center}
.temP8 .temP8C li p span{ display: block; padding-top: 15px; text-indent: 2em; font-size: 16px; line-height: 28px}


.p8bk1 li{ width: 580px; height: 355px; margin-right: 30px}
.p8bk1 li p{ bottom:-115px}
.p8bk1 li:hover p{ bottom: 0}

.p8bk2 li{ width: 375px; height: 355px; margin-right: 32px}
.p8bk2 li p{ bottom:-142px}
.p8bk2 li:hover p{ bottom: 0; }

.p8bk3 li{ width: 285px; height: 355px; margin-right: 16px}
.p8bk3 li p{ bottom:-172px}
.p8bk3 li:hover p{ bottom: 0; }


.temP9w{ border-top: 1px solid #e0e0e0}
.temP9 .temP9C{ width: 110%;}
.temP9 .temP9C li{ float: left; border-radius: 30px; background: url(../img/tempx.png) no-repeat center top; margin-top: -4px; padding-top: 100px}
.temP9 .temP9C li p{ color: #333;}
.temP9 .temP9C li p b{display: block; font-size: 24px; text-align: center;}
.temP9 .temP9C li p span{ display: block; padding-top: 15px; text-indent: 2em; font-size: 16px; line-height: 28px;}
.temP9 .temP9C li p i{display: block; height: 58px; line-height: 58px; border-radius: 29px; background: #fff; text-align: center; font-size: 20px; cursor: pointer;}
.temP9 .temP9C li *{ transition:none}

.p9bk1 li{ width: 375px; margin-right: 32px}
.p9bk1 li p{ border-radius: 30px; padding: 35px 30px 30px;}
.p9bk1 li p span{ height: 84px;}
.p9bk1 li p i{ border: 1px dashed #333; margin-top: 24px;}

.p9bk2 li{ width: 285px; margin-right: 18px}
.p9bk2 li p{ height: 205px; border-radius:50%; padding: 50px 30px 30px;}
.p9bk2 li p i{ border: 1px dashed #333; margin-top: 25px;}
.p9bk2 li p.mart1{ margin-top: -45px}

.p9bk3 li{ width: 220px; margin-right: 20px}
.p9bk3 li p{ height: 160px; border-radius:50%; padding: 30px;}
.p9bk3 li p i{ border: 1px dashed #333; margin-top: 15px;}
.p9bk3 li p.mart3{ margin-top: -55px}
.p9bk3 li p.mart2{ margin-top: -28px}


.temP10 .temP10C{ width: 110%;}
.temP10 .temP10C *{ transition:none}
.temP10 .temP10C .temP10CL{ width: 595px; float: left;}
.temP10 .temP10C .temP10CL li{ overflow: hidden; margin-bottom: 4px; background:#d2d1d1}
.temP10 .temP10C .temP10CL li span{ float: left; color: #fff; text-align: center; position: relative}
.temP10 .temP10C .temP10CL li.on{ background: #e1e1e1}
.temP10 .temP10C .temP10CL li.on span i{display: block; width: 0; height: 0; border-left: 20px solid transparent; position: absolute; top: 50%; right: -10px; margin-top: -10px; transform: rotate(45deg)}
.temP10 .temP10C .temP10CL li p{ float: left}
.temP10 .temP10C .temP10CL li p b{display: block; font-size: 22px; padding-bottom: 5px; color: #484848;}
.temP10 .temP10C .temP10CR{ width: 595px; float: left;}
.temP10 .temP10C .temP10CR span{display: block; overflow: hidden;}
.temP10 .temP10C .temP10CR span i{display: block; width: 50%; height: 70px; line-height: 70px; text-align: center; font-size: 20px; color: #fff; cursor: pointer; float: left}


.p10bk1 .temP10CL li span{ width: 108px; height: 82px; line-height: 82px; font-size: 50px;}
.p10bk1 .temP10CL li p{ padding: 18px 25px 0;}
.p10bk1 .temP10CR img{ height: 356px;}

.p10bk2 .temP10CL li span{ width: 108px; height: 100px; line-height: 100px; font-size: 50px;}
.p10bk2 .temP10CL li p{ padding: 28px 25px 0;}
.p10bk2 .temP10CR img{ height: 342px;}

.p10bk3 .temP10CL li span{ width: 120px; height: 135px; line-height: 135px; font-size: 70px;}
.p10bk3 .temP10CL li p{ padding: 45px 25px 0;}
.p10bk3 .temP10CR img{ height: 342px;}


.temP11 .temP11C{ width: 100%; position: relative}
.temP11 .temP11C li{ position: absolute;}
.temP11 .temP11C li p{ color: #fff; background: rgba(0,0,0,0.7)}
.temP11 .temP11C li p b{display: block; font-size:18px; margin-bottom: 5px}
.temP11 .temP11C .temPbg{ width: 511px; text-align: center; position: absolute; left: 50%; top: 0; margin: 0 0 0 -255px}
.temP11 .temP11C .temPbg b{ font-size: 26px; display: block; margin-top: 180px; line-height: 35px; color: #000;}
.temP11 .temP11C .temPbg i{display: block; width: 335px; height: 58px; line-height: 58px; border-radius: 29px; color: #fff; text-align: center; font-size: 20px; cursor: pointer; position: absolute; left: 50%; bottom: 0; margin-left: -167px}
.temP11 .temP11C .temPbg i:hover{transform: scale(1.05);}

.p11bk1{ height: 520px;}
.p11bk1 li{ width: 340px; height: 240px; position: absolute}
.p11bk1 li img{ width: 340px; height: 240px;}
.p11bk1 li p{ padding: 15px 25px; width:290px; position: absolute; bottom: 0;}
.p11bk1 li.p11pos1{ left: 0; top: 0;}
.p11bk1 li.p11pos2{ right: 0; top: 0;}
.p11bk1 li.p11pos3{ left: 0; bottom: 0;}
.p11bk1 li.p11pos4{ right: 0; bottom: 0;}
.p11bk1 .temPbg{ background: url(../img/temp11bg.png) no-repeat; height: 520px;}

.p11bk2{ height: 595px;}
.p11bk2 li{ width: 340px; position: absolute}
.p11bk2 li p{ padding: 15px 25px; width:290px; position: absolute; bottom: 0;}
.p11bk2 li.p11pos1{ left: 0; top: 0;}
.p11bk2 li.p11pos2{ right: 0; top: 0;}
.p11bk2 li.p11pos3{ left: 0; bottom: 0;}
.p11bk2 li.p11pos4{ right: 0; top: 207px;}
.p11bk2 li.p11pos5{ right: 0; bottom: 0;}
.p11bk2 .temPbg{ height: 595px; background: url(../img/temp11bg2.png) no-repeat;}


.temP12 .temP12C{ width: 110%;}
.temP12 .temP12C li{ float: left; margin-right: 30px; position: relative}
.temP12 .temP12C li img{ height: 232px;}
.temP12 .temP12C li p{ color: #fff; padding: 30px;}
.temP12 .temP12C li p b{display: block; font-size:26px; margin-bottom: 5px; text-align: center}
.temP12 .temP12C li p span{display: block; text-indent: 2em; padding: 10px 0 20px; font-size: 16px; height: 48px;}
.temP12 .temP12C li p em{ display: block;width: 0; height: 0; border-left: 40px solid transparent; position: absolute; left: 50%; z-index: 2; margin-left: -18px;}
.temP12 .temP12C li i{ display: block; width: 90%; height: 60px; line-height: 60px; font-weight: bold; margin: 0 auto; background: #fff; font-size: 20px; border-radius: 30px; text-align: center; cursor: pointer;}
.temP12 .temP12C li i:hover{transform: scale(1.05);}

.temP12 .temP12C li .col1 i{ color: #EE6E6F;}
.temP12 .temP12C li .col16 i{ color: #9bb54c;}

.p12bk1 li{ width: 580px;}
.p12bk1 li em{ top: 222px; transform: rotate(-45deg)}

.p12bk2 li{ width: 375px;}
.p12bk2 li p em{ top: 222px; transform: rotate(-45deg)}
.p12bk2 li p.embot em{ top:auto; bottom: 222px; transform: rotate(135deg)}

.p12bk3 li{ width: 285px;}
.p12bk3 li em{ top: 222px; transform: rotate(-45deg)}
.p12bk3 li p.embot em{ top: auto; bottom: 222px; transform: rotate(135deg)}



.temP13 .temP13C{}
.temP13 .temP13C .temP13CT{ margin-bottom: 45px; text-align: center}
.temP13 .temP13C .temP13CT>li{display: inline-block; text-align: center; height: 75px; line-height: 75px; font-size: 30px; margin: 0 6px; position: relative; border-radius: 10px; border: 1px solid #818181;}
.temP13 .temP13C .temP13CT>li i{display:none; width: 0; height: 0; border-left: 20px solid transparent; border-right:20px solid transparent;}
.temP13 .temP13C .temP13CB{ transition:none}
.temP13 .temP13C .temP13CB>li{overflow: hidden;}
.temP13 .temP13C .temP13CB>li .tP13L{ width: 375px; float: left}
.temP13 .temP13C .temP13CB>li .tP13L img{display: block; width: 375px; height: 253px; border-radius: 10px; overflow: hidden;}
.temP13 .temP13C .temP13CB>li .tP13L span{ display: block; padding-top: 20px; overflow: hidden;}
.temP13 .temP13C .temP13CB>li .tP13L span i{display: block; width: 180px; height: 47px; line-height: 47px; cursor: pointer; text-align: center; color: #fff; font-size: 16px; border-radius: 23px}
.temP13 .temP13C .temP13CB>li .tP13C{ width: 410px; padding: 14px 35px 0; float: left}
.temP13 .temP13C .temP13CB>li .tP13C p{ overflow: hidden; padding-bottom: 45px;}
.temP13 .temP13C .temP13CB>li .tP13C p i{ display: block; width: 98px; height: 33px; line-height: 33px; float: left; font-size: 16px; text-align: center; color: #fff; border-radius: 16px; background: #333;}
.temP13 .temP13C .temP13CB>li .tP13C p span{display: block; width: 295px; float: right}
.temP13 .temP13C .temP13CB>li .tP13R{ width: 335px; float: right; margin-top: 10px; position:relative}
.temP13 .temP13C .temP13CB>li .tP13R h3{ font-size: 22px; margin-bottom: 12px; color: #333; border-left: 5px solid #333 ;padding-left: 8px}
.temP13 .temP13C .temP13CB>li .tP13R .tP13Rul{ width: 335px; transition:none}
.temP13 .temP13C .temP13CB>li .tP13R .tP13Rul dd{ padding: 12px; height: 250px; border: 1px dashed #333; border-radius: 10px}
.temP13 .temP13C .temP13CB>li .tP13R .tP13Rul dd img{ width: 311px;}
.temP13 .temP13C .temP13CB>li .tP13R i{display: block; font-size: 22px; width: 24px; height: 24px; cursor: pointer; border: 1px solid #666; text-align: center; position: absolute; top: 0;}
.temP13 .temP13C .temP13CB>li .tP13R .jsprev{ right: 30px;}
.temP13 .temP13C .temP13CB>li .tP13R .jsnext{ right: 0;}

.p13bk1 .temP13CB li .tP13L span .fl{ background: #ee6e6f}
.p13bk1 .temP13CB li .tP13L span .fr{ background: #c2996d}




.pcbk1 .temPCT>li{float: left;text-align: center;height: 73px;line-height: 73px;font-size: 30px;color: #333;position:relative;border-radius: 10px;border: 1px solid #808080;cursor: pointer;}
.pcbk1 .temPCT li i{display: block;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;}
.pcbk1 .temPCT>li:last-child{margin-right: 0;}
.pcbk1 .temPCT li.on{color: #fff;}
.pcbk1 .temPCT li.on i{display: block;margin-left: 45%;}


.temP14 .temP14C .temP14CB{margin-top: 68px;}
.temP14 .temP14C .temP14CB>li{overflow: hidden;position: relative;}
.temP14 .temP14C .temP14CB>li img{float: left;width: 564px;height:330px;background:#D0D0D0;border: 8px solid #808080;}
.temP14 .temP14C .temP14CB>li h3{display: inline-block;line-height: 60px;padding: 0 50px;background: #ED6D6E;font-size: 26px;color: #fff;position: absolute;top: 22px;left: 546px;}
.temP14 .temP14C .temP14CB>li .tP14R{width: 570px;position: absolute;bottom: 0;right: 0;}
.temP14 .temP14C .temP14CB>li em{display: block;font-size: 16px;color: #333;line-height: 28px;text-indent: 2em;margin-bottom: 28px;}
.temP14 .temP14C .temP14CB>li p{overflow: hidden;line-height: 32px;font-size: 16px;color: #333;margin-top: 15px;}
.temP14 .temP14C .temP14CB>li p i{float: left;width: 98px;text-align: center;border-radius: 30px;background: #323232;color: #f3f3f3;margin: 0 12px;}
.temP14 .temP14C .temP14CB>li span{display: block;width: 340px;float: right;margin-top: 30px;}
.temP14 .temP14C .temP14CB>li span i{width: 162px;height: 46px;line-height:46px;border-radius: 30px;text-align: center;font-size: 16px;}
.temP14 .temP14C .temP14CB>li span i.fl{border: 1px dashed #323232;color: #666;}
.temP14 .temP14C .temP14CB>li span i.fr{background: #ED6D6E;border: 1px solid #ED6D6E;color: #fff;float: right;}
.temP14 .temP14C .temP14CB>li span i:hover{text-decoration: underline;cursor: pointer;font-size: 18px;}


.temP15 .temP15{}
.temP15 .temP15C .temP15CB{margin-top: 68px;}
.temP15 .temP15C .temP15CB>li{overflow: hidden;position: relative;}
.temP15 .temP15C .temP15CB>li .tP15L{float: left;position: relative;width: 578px;}
.temP15 .temP15C .temP15CB>li .tP15L img{display: block;width: 578px;height: 330px;background: #E4E4E4;}
.temP15 .temP15C .temP15CB>li .tP15L span{line-height: 49px;text-align: center;width: 100%;display: block;position: absolute;bottom: 30px;left: 0;overflow: hidden;}
.temP15 .temP15C .temP15CB>li .tP15L span i{width: 230px;border-radius: 30px;color: #fff;font-size: 16px;}
.temP15 .temP15C .temP15CB>li .tP15L span i.fl{margin-left: 48px;background: #323232;}
.temP15 .temP15C .temP15CB>li .tP15L span i.fr{margin-right: 48px;background: #ED6D6E;}
.temP15 .temP15C .temP15CB>li .tP15L span i:hover{text-decoration: underline;cursor: pointer;font-size: 18px;}
.temP15 .temP15C .temP15CB>li .tP15R{width: 609px;float: left;}
.temP15 .temP15C .temP15CB>li .tP15R h3{text-align: center;}
.temP15 .temP15C .temP15CB>li .tP15R h3 b{display: inline-block;line-height: 60px;padding: 0 50px;background: #ED6D6E;font-size: 26px;color: #fff;}
.temP15 .temP15C .temP15CB>li .tP15R .tP15R1{border: 3PX solid #E4E4E4;border-left: 0;margin-top: -30px;padding:60px 0 40px}
.temP15 .temP15C .temP15CB>li .tP15R .tP15R1 em{display: block;font-size: 16px;color: #333;line-height: 28px;text-indent: 2em;margin:0 32px 28px}
.temP15 .temP15C .temP15CB>li .tP15R .tP15R1 p{overflow: hidden;line-height: 32px;font-size: 16px;color: #333;margin-top: 15px;margin-left: 32px;}
.temP15 .temP15C .temP15CB>li .tP15R .tP15R1 p i{float: left;width: 98px;text-align: center;border-radius: 30px;background: #323232;color: #f3f3f3;margin: 0 12px;}


.temP16 .temP16C{}
.temP16 .temP16C .temP16CB{margin-top: 68px;}
.temP16 .temP16C .temP16CB>li .tP16L{float: left;position: relative;}
.temP16 .temP16C .temP16CB>li .tP16L img{display: block;width: 391px;height: 375px;background: #D0D0D0;border: 8px solid #808080;}
.temP16 .temP16C .temP16CB>li .tP16L span{line-height: 47px;text-align: center;width: 100%;display: block;position: absolute;bottom: 30px;left: 0;overflow: hidden;}
.temP16 .temP16C .temP16CB>li .tP16L span i{width: 163px;border-radius: 30px;color: #fff;font-size: 16px;}
.temP16 .temP16C .temP16CB>li .tP16L span i.fl{margin-left: 34px;background: #323232;}
.temP16 .temP16C .temP16CB>li .tP16L span i.fr{margin-right: 34px;background: #ED6D6E;}
.temP16 .temP16C .temP16CB>li .tP16L span i:hover{text-decoration: underline;cursor: pointer;font-size: 18px;}
.temP16 .temP16C .temP16CB>li .tP16R{float: left;width: 743px;height: 391px;background: #FFFDFD;padding-left: 40px;}
.temP16 .temP16C .temP16CB>li .tP16R h3{font-size: 26px;color: #333;line-height: 32px;font-weight: normal;border-left: 6px solid #323232;padding-left: 20px;margin: 28px 0 25px;}
.temP16 .temP16C .temP16CB>li .tP16R p{float: left;}
.temP16 .temP16C .temP16CB>li .tP16R p em{width: 90px;height: 90px;background: #323232;line-height: 90px;text-align: center;font-size: 16px;color: #f3f3f3;float: left;border-radius: 50%;position: relative;}
.temP16 .temP16C .temP16CB>li .tP16R p em::before{content:'';position:absolute;top:36px;right:-8px;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #323232;}
.temP16 .temP16C .temP16CB>li .tP16R p em b{line-height: 18px;font-weight: normal;display: block;width: 100%;position: absolute;left: 0;top: 26px;}
.temP16 .temP16C .temP16CB>li .tP16R p span{float: left;width: 210px;font-size: 16px;color: #333;line-height: 24px;vertical-align: middle;margin: 20px 15px 0 30px;}
.temP16 .temP16C .temP16CB>li .tP16R .tP16R1{float: left;overflow: hidden;margin-top: 26px;position: relative;width: 100%;height: 162px;}
.temP16 .temP16C .temP16CB>li .tP16R .tP16R1 p{margin-top: 36px;margin-right: 24px;}
.t16next,.t16prev{width: 25px;height: 25px;display: block;position: absolute;right: 15px;cursor: pointer;z-index: 111;}
.t16next{background: url(../images/t6next.jpg) no-repeat;top: 84px;}
.t16prev{background: url(../images/t6prev.jpg) no-repeat;top: 54px;}
.tP16R11{width: 578px;float: left;height: 162px;}
.tP16R11 div{height: 162px;}

.temP17 .temP17{}
.temP17 .temP17C .temP17CB{margin-top: 68px;}
.temP17 .temP17C .temP17CB>li{position: relative;overflow: hidden;}
.temP17 .temP17C .temP17CB>li .fl{width: 462px;}
.temP17 .temP17C .temP17CB>li .fl img{display:block;width: 462px;height: 326px;background: #E4E4E4;margin-top: 25px;}
.temP17 .temP17C .temP17CB>li .fl::before{content:'';position:absolute;top:0;left: 35px;width: 446px;height: 370px;border: 2px solid #E4E4E4;}
.temP17 .temP17C .temP17CB>li .tP17R{width: 660px;}
.temP17 .temP17C .temP17CB>li .tP17R h3{margin-bottom: 36px;}
.temP17 .temP17C .temP17CB>li .tP17R h3 b{display: inline-block;line-height: 56px;font-size: 26px;color: #ee6e6f;padding: 0 40px;border: 1px dashed #ED6D6E;border-radius: 10px;}
.temP17 .temP17C .temP17CB>li .tP17R p{overflow: hidden;line-height: 32px;font-size: 16px;color: #333;margin-top: 15px;}
.temP17 .temP17C .temP17CB>li .tP17R p i{float: left;width: 98px;text-align: center;background: #323232;color: #f3f3f3;margin-right: 12px;}
.temP17 .temP17C .temP17CB>li .tP17R .tP17R1{position: relative;height: 163px;margin-top: 38px;}
.temP17 .temP17C .temP17CB>li .tP17R .tP17R1 .t6next,.temP17 .temP17C .temP17CB>li .tP17R .tP17R1 .t6prev{right: 42px;}
.temP17 .temP17C .temP17CB>li .tP17R .tP17R1 .tP17R11{height: 163px;}
.temP17 .temP17C .temP17CB>li .tP17R .tP17R1 .tP17R11 div{height: 163px;}
.temP17 .temP17C .temP17CB>li .tP17btn{width: 100%;float: left;margin: 50px auto;}
.temP17 .temP17C .temP17CB>li .tP17btn span{display: block;font-size: 16px;color: #fff;background: #ED6D6E;line-height: 48px;width: 488px;margin: 0 auto;border-radius: 30px;text-align: center;cursor: pointer;}
.temP17 .temP17C .temP17CB>li .tP17btn span:hover{text-decoration: underline;font-size: 18px;}

/*.temP7{ background: #ccc}*/

.page11{width: 782px;overflow: hidden;}
.pagetl{width: 357px;position: relative;}
.pagetc{ height: 316px; overflow:hidden;}
.pagetc ul{ transition:none}
.pagetc li{position: relative; height: 316px;}
.pagetc li img{display: block;}
.pagetc li span{width: 100%;line-height: 54px;background: rgba(0,0,0,0.8);font-size: 16px;color: #fff;text-align: center;position: absolute;bottom: 0;left: 0;}
.pagets{width: 100%;height: 8px;text-align: center;position: absolute;bottom: 65px;}
.pagets ul{display: inline-block;height: 8px;text-align: center;}
.pagets ul li{width: 8px;height: 8px;float: left;text-indent: -99999px;margin: 0 6px;background: #8D8D8D;overflow: hidden;border-radius: 50%;}
.pagets ul li.on{background: #FED117;}
.pagetr{width: 384px;overflow: hidden;}
.pagetr ul{width: 100%;margin-top: 28px;}
.pagetr ul li{display: block;margin-bottom: 34px;}
.pagetr ul li h2{font-size: 20px;color: #333;line-height: 26px; height: 26px; overflow: hidden;background: url(../img/temDian.jpg) no-repeat left center;padding-left: 30px;}
.pagetr ul li p{font-size: 14px;color: #666;line-height: 26px;text-indent: 2em;margin-top: 6px;}
.pagetr ul li p a{color: #f30000;}
.pagebc{width: 98%;overflow: hidden;margin-top: 12px;margin-left: 2%;float: left;}
.pagebc li{float: left;width: 33.33%; height: 30px; overflow: hidden;text-align: left;font-size: 14px;color: #666;line-height: 30px;}
.page12{width: 364px;}
.page12 ul{overflow: hidden;}
.page12 ul li{float: left;width: 103px;height: 103px;overflow: hidden;position: relative;margin-right: 27px;}
.page12 ul li:nth-child(3){margin-right: 0;}
.page12 ul li img{display: block;}
.page12 ul li a{position: absolute;bottom:0;left: 0;width: 103px;height: 103px;border-radius: 50%;background: rgba(0,0,0,0.65);font-size: 20px;color: #ffffff;line-height:24px;display: block;text-align: center;padding-top: 28px;box-sizing: border-box;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.page12 ul li:hover a{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.page121 p{position: relative;}
.page121 img{display: block;margin-top: 20px; height: 193px;}
.page121 span{display: block;font-size: 14px;color: #666;line-height: 26px;text-indent: 2em;margin-top: 10px;}
.page121 p b{text-align: center;width: 100%;line-height: 55px;background: rgba(0,0,0,0.65);font-size: 26px;color: #ffd200;position: absolute;bottom: 0;left: 0;display: block;}


/*大标题*/
/*dbt为标题的公共样式，dib为h2的display:inline-block,dbt2为em包涵的中文样式*/
.dbt1{width:1190px;margin: 0 auto;text-align: center;position: relative;}
.dbt1 *{ font-style: normal;color: #333;}
.dbt1 h2{font-size: 46px;line-height: 50px;position: relative;z-index: 0;}
.dib h2{display: inline-block;}
.dbt1 em{display: block;font-size: 16px;color: #484848;line-height: 26px;margin:8px auto;}
.dbt2 em{font-size: 22px;color: #333;display: inline-block;padding: 0 12px;position: relative;z-index: 0;}
.dbt1 b{font-weight: normal;}

.temTit1 h2{border-bottom: 1px solid #808080;padding-bottom: 24px;padding: 0 20px 24px;}
.temTit1 h2 i{color: #fe9402;}
.temTit1 b{display: block;width: 172px;height: 5px;background: #323232;margin: -3px auto 0;position: relative;z-index: 1;}

.temTit2 p{display: inline-block;width: 100px;height: 98px;line-height:98px;background: #ED6D6E;border-radius: 10px;font-size: 88px;color: #fff;font-weight: bold;margin-right: 14px;}
.temTit2 p span{font-size: 35px;color: #fff;}
.temTita1{display: inline-block;position: relative;z-index: 1;}
.temTita1 i{display: block;font-size: 22px;text-align: left;line-height: 40px;}

.temTit3 h2 i{color: #d1914b;}
.temTit3 span{display: block;width: 32px;height: 32px;line-height:32px;text-align:center;border: 1px solid #AEAEAE;color: #828282;border-radius: 50%;margin: 10px auto 0;transform: rotate(90deg);-webkit-transform: rotate(90deg);font-size: 22px;font-family: "宋体";font-weight: bold;}

.temTit4 p{background: none;}
.temTit4 *{color: #fff;}
.temTit4 .temTita1 img{ vertical-align:top;}
.temTit4 .temTita1{background:#04B2CC;padding: 20px 42px 20px 42px;border: 2px dashed;}
.temTit4 span{display: block;width:100%;border-top: 2px dashed #ADADAD;position: absolute;top: 50%;z-index: 0;}

.temTit51{width: 72px;height: 42px;margin: 0 auto 20px;background: url(../img/temTita51.png) no-repeat;}
.temTit5 .temTita1{background: #fff;padding: 0 26px;}
.temTit5 span{display: block;width:100%;border-top: 1px solid #323232;position: absolute;bottom: 22px;z-index: 0;}

.temTit6 i{color: #ee6e6f;}
.temTit61{display: inline-block;border: 1px solid #323232;padding: 0 50px;position: relative;z-index: 1;background: #fff;height: 48px;}
.temTit61 em{margin-top: 0;}
.temTit61 h2{margin-top: -25px;background: #fff;padding: 0 16px 7px;}
.temTit6 span{display: block;width:100%;border-top: 1px solid #323232;position: absolute;bottom: 25px;z-index: 0;}

.temTit7 em{margin-top: -15px;}
.temTit7 h2{border-bottom: 1px solid #323232;padding-bottom: 25px;}
.temTit7 span{display:block;margin:0 auto 25px;width:100px;height:64px;background:#8CB011;border-radius:0 0 50px 50px;font-size: 44px;color: #fff;font-weight: bold;line-height: 50px;}

.temTit8 div{display:inline-block;padding: 0 40px;height:88px;background:#49BFFA;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px;
position:relative;border:10px solid #188AE9;}
.temTit8 div::before{content:'';position:absolute;top:96px;left:46%;height: 0;width: 0;border-right: 23px solid transparent;border-top: 20px solid #188AE9;border-left: 23px solid transparent;}
.temTit8 h2{color:#fff;font-size: 40px;line-height: 88px;}
.temTit8 img{ vertical-align:middle;}
.temTit8 i{color: #fef700;}

.temTit9 div{display: inline-block;margin: 0 auto;position: relative;}
.temTit9 i{color: #01b3cd;}
.temTit9 span{font-size: 22px;}
.temTit9 div::before{content:'';position:absolute;top:-46px;left:29%;height: 20px;width: 236px;border: 3px solid #323232;border-bottom: none;}
.temTit9 div::after{content:'';position:absolute;bottom:-30px;left:29%;height: 20px;width: 236px;border: 3px solid #323232;border-top: none;}

.temTit10 i{color: #ee6e6f;}
.temTit10 h3{font-size: 22px;margin-bottom: 20px;}
.temTit10 span{line-height: 48px;background: #ED6D6E;text-align: center;display: inline-block;color: #fff;padding: 0 46px;position: relative;}
.temTit10 span::before{content:'';position:absolute;top:0;left:0;width:0;height:0;border-left: 20px solid #fff;border-top: 24px solid transparent;border-bottom: 24px solid transparent;}
.temTit10 span::after{content:'';position:absolute;top:0;right:0;width:0;height:0;border-right: 20px solid #fff;border-top: 24px solid transparent;border-bottom: 24px solid transparent;}

.temTit11 b{color: #01b3cd;}
.temTit11 span{display: inline-block;width: 30px;height: 18px;background:#fff url(../img/temTit11.png) no-repeat;position: relative;bottom: 5px;}
.temTit11 .temTita1{padding: 0 12px;background: #fff;margin: 0 -4px;}
.temTit11::before{content:'';position:absolute;bottom:22px;left:0;width:100%;height: 1px;background: #323232;}

.temTit12 i{color: #128aeb;}
.temTit12 h3{display: inline-block;font-size: 22px;color: #fff;line-height: 48px;background: #188AE9;padding: 0 28px;margin-top: 18px;position: relative;}
.temTit12 h3::before{content:'';position:absolute;top:11px;left:-40px;width:36px;height: 43px;background:url(../img/temTit12.png) no-repeat;}
.temTit12 h3::after{content:'';position:absolute;top:11px;right:-40px;width:36px;height: 43px;background:url(../img/temTit12.png) no-repeat;
-webkit-transform: rotate(180deg);  
 -moz-transform: rotate(180deg);  
  -ms-transform: rotate(180deg);  
   -o-transform: rotate(180deg);  
      transform: rotate(180deg);
}

.temTit13 i{color: #ee6e6f;}
.temTit13 span{vertical-align: top; display:inline-block; width:110px; height:98px; background:url(../img/temTit13.png) no-repeat;}
.temTit13 span img{ display:block; margin-top:36px;}
.temTit13 h2 em{font-weight: normal;}

.temTit14 img{vertical-align: bottom;margin-right: 10px;}
.temTit14 i{color: #d1914b;}
.temTit14 em{padding-bottom: 30px;}
.temTit14 em::before{content:'';position:absolute;bottom:14px;left:0;width:100%;height: 1px;background: #9C9C9C;z-index: 0;}
.temTit14 em::after{content:'';position:absolute;bottom:0;left:46%;width:100%;height: 1px;z-index: 0;width:0;height:0;border-top: 14px solid #9C9C9C;border-left: 16px solid transparent;border-right: 16px solid transparent;}

.temTit15 div{display: inline-block;position: relative;}
.temTit15 i{color: #8eb100;}
.temTit15 em{display: inline-block;line-height: 38px;border: 1px solid #323232;padding: 0 30px;margin-top: 18px;background: #fff;position: relative;z-index: 1;}
.temTit15 div::before{content:'';position:absolute;bottom:20px;left:0;width:100%;height: 1px;background: #323232;z-index: 0;}

.temTit16 img{vertical-align: middle;margin-right: 10px;}
.temTit16 i{color: #00b1a2;}
.temTit16 h2{padding: 0 18px;border-bottom: 1px solid #9C9C9C;padding-bottom: 18px;}
.temTit16 h2::before{content:'';position:absolute;bottom:-3px;left:50%; margin-left: -72px; width:144px;height: 5px;background: #595959;z-index: 0;}
.temTit16 b{width:24px;height:24px;margin:6px auto;font-size: 30px;color: #595959;display: block;font-family:arial;
-webkit-transform: rotate(90deg);  
 -moz-transform: rotate(90deg);  
  -ms-transform: rotate(90deg);  
   -o-transform: rotate(90deg);  
      transform: rotate(90deg);
}

.temTit17 i{color: #ee6e6f;}
.temTit17 h3 span{display: inline-block;line-height: 38px;border: 1px solid #323232;padding: 0 30px;font-size: 22px;margin-bottom: 16px;font-weight: normal;}
.temTit17 h2{padding-bottom: 30px;}
.temTit17 h2::before{content:'';position:absolute;bottom:14px;left:0;width:100%;height: 1px;background: #9C9C9C;z-index: 0;}
.temTit17 h2::after{content:'';position:absolute;bottom:0;left:46%;width:100%;height: 1px;z-index: 0;width:0;height:0;border-top: 14px solid #9C9C9C;border-left: 16px solid transparent;border-right: 16px solid transparent;}

.temTit18 h2{line-height: 72px;background: #BF884E;color: #fff;padding: 0 64px;}
.temTit18 h2 img{margin-right: 12px;vertical-align: sub;}
.temTit18 div{display: inline-block;position: relative;}
.temTit18 div::before{content:'';position:absolute;top:0;left:0;width:0;height:0;border-left: 32px solid #fff;border-top: 36px solid transparent;border-bottom: 36px solid transparent;z-index: 1;}
.temTit18 div::after{content:'';position:absolute;top:0;right:0;width:0;height:0;border-right: 32px solid #fff;border-top: 36px solid transparent;border-bottom: 36px solid transparent;}
.temTit18 b{display: block;width: 144px;height: 5px;background: #595959;margin: 10px auto 0;}

.temTit19::before{content:'';position:absolute;top:48px;left:0;width:100%;height: 2px;z-index: 0;background: #ADADAD;}
.temTit19 h2{line-height: 100px;padding: 0 60px;border-radius: 60px;background: #30B8BA;color: #fff;position: relative;}
.temTit19 em{display: inline-block;line-height: 38px;background: #fff;padding: 0 22px;border: 1px solid #ADADAD;position: absolute;bottom: -22px;left: 24%;font-weight: normal;margin: 0 auto;}

.temTit20 div{display: inline-block;border: 2px solid #ED6D6E;height: 104px;}
.temTit20 b,.temTit20 h2{display: inline-block;vertical-align: middle;position: relative;}
.temTit20 b{width: 100px;background: #ED6D6E;height: 100%;font-size: 70px;color: #fff;line-height: 104px;}
.temTit20 h2{padding:8px 48px 0;}
.temTit20 b::before{content:'';position:absolute;top:0;right:-22px;width:0;height:0;border-top: 52px solid transparent;border-bottom: 52px solid transparent;border-left: 22px solid #ED6D6E;}
.temTit20 em{text-align: left;font-weight: normal;}

.temTit21 .temTita1{margin-top: 18px;}
.temTit21 h3{display: inline-block;width: 104px;height: 113px; overflow: hidden;background: url(../img/temTit21.png) no-repeat;vertical-align: top;margin-right: 14px;}
.temTit21 h3 span{font-size: 30px;color: #fff;display: inline-block;margin-top: 58px;margin-left: 26px;}
.temTit21 b{color: #8eb100;}
.temTit21 em{text-align: left;}


.pageBtn{ text-align: center; margin-top: 30px}
.pageBtn li{ width: 10px; height: 10px; border-radius: 50%; margin: 0 5px; display: inline-block; text-indent: 999px; overflow: hidden; background: #ccc}


.tP13R{ height: 312px; background: url(http://www.ybs120.com/imgnew/wztppimg.jpg) no-repeat;}
.tP13R *,.tP16R1 *,.tybk1{display: none;}





