﻿/*@import "/skins/default/resetcommon.css";*/
/*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}


body{background:#fff;}
/*banner*/
.banner{ overflow:hidden; height:600px;background:url(../images/banner.html) no-repeat center center;background-size: 1920px 600px; overflow:hidden;}



/**/
.ad{ height: 658px; overflow: hidden; background: url(../images/ad_bj.html) no-repeat center top;}

.ad h2{ margin-top: 70px; line-height: 34px; font-weight: normal; text-align: center; font-size: 28px; color: #444; font-family: "Microsoft YaHei";}
.ad h2 b{ display: block; font-family: Arial; font-size: 28px; color: #ff7500; text-transform: uppercase;}

/**/
.pro{ height: 899px;}

.pro h2{ padding-top: 70px; height: 132px; overflow: hidden; line-height: 36px; font-weight: normal; text-align: center; font-size: 28px; color: #444; font-family: "Microsoft YaHei";}
.pro h2 b{ display: block; font-family: Arial; font-size: 28px; color: #ff7500; text-transform: uppercase;}

.pro_con{ height: 419px; overflow: hidden;}

.pro_c{ height: 419px; overflow: hidden; margin-bottom: 36px;}

.pro_c dl dt{ width: 695px; height: 419px; overflow: hidden;}
.pro_c dl dt img{ width: 689px; height: 413px; border: 3px solid #dcdcdc;}
.pro_c dl dd{ width: 454px; height: 419px; overflow: hidden;}
.pro_c dl dd h3{ font-size: 18px; color: #212121; font-weight: bold; font-family: "Microsoft YaHei"; line-height: 48px;height: 48px;overflow: hidden;}

.pro_c dl dd p{ overflow: hidden; font-family: "Microsoft YaHei"; line-height: 30px; font-size: 14px;}
.pro_c dl dd p b{ width: 70px; display: block; color: #666;}
.pro_c dl dd p em{ width: 382px; display: block; font-weight: normal;}
.pro_c dl dd a{ margin-top: 30px; display: block; width: 93px; height: 29px; font-size: 14px; color: #fff; line-height: 29px; background: url(../images/pro_btn.gif) no-repeat left top; padding-left: 17px;background-size: 110px 29px;}

.pro_q{ height: 238px; position: relative;}
.pro_q .p_l ,.pro_q .p_r{ width: 27px; height: 27px; overflow: hidden; position: absolute; top: 65px; z-index: 10;}
.pro_q .p_l a,.pro_q .p_r a{ display: block; width: 27px; height: 27px; overflow: hidden;}

.pro_q .p_l{ left: -42px;}
.pro_q .p_l a{ background: url(../images/pro_l.png) no-repeat left top;}
.pro_q .p_l a:hover{ background: url(../images/pro_l01.png) no-repeat left top;}
.pro_q .p_r{ right: -42px;}
.pro_q .p_r a{ background: url(../images/pro_r.png) no-repeat left top;}
.pro_q .p_r a:hover{ background: url(../images/pro_r01.png) no-repeat left top;}

.pro_q ul li{ line-height: 0; float: left; margin-right: 12px; width: 230px; height: 179px; overflow: hidden;}
.pro_q ul li.last{margin-right:0;}
.pro_q ul li img{ width: 224px; height: 133px; border: 3px solid #dcdcdc;}
.pro_q ul li img:hover ,.pro_q .cur img{ border: 3px solid #ff7500;}
.pro_q ul li span{ display: block; text-align: center; font-size: 14px; color: #212121; line-height: 40px;}
/**/
.cha{ height: 756px; overflow: hidden; background: url(../images/cha_bj.gif) repeat;}
.cha h2{ padding-top: 70px; height: 132px; overflow: hidden; line-height: 36px; font-weight: normal; text-align: center; font-size: 28px; color: #444; font-family: "Microsoft YaHei";}
.cha h2 b{ display: block; font-family: Arial; font-size: 28px; color: #ff7500; text-transform: uppercase;}

.cha_con{ height: 476px; overflow: hidden;}
.cha_con dl{ width: 400px; height: 474px;overflow: hidden; background: #fff; float: left;}
.cha_con dl dt{ width: 400px; height: 253px; overflow: hidden;}
.cha_con dl dt img{ width: 400px; height: 253px;}
.cha_con dl dd{ width: 324px; margin-left: 36px; height: 221px; overflow: hidden;}
.cha_con dl dd p{ margin-top: 26px; line-height: 66px;height: 66px;overflow: hidden; font-size: 22px; font-family: "Microsoft YaHei"; color: #464646; font-weight: bold;}
.cha_con dl dd p em{ color: #ff7500;}
.cha_con dl dd span{ display: block; font-size: 14px; color: #7a7a7a; line-height: 25px;height: 75px;overflow: hidden; font-family: "Microsoft YaHei";}

/**/
.edgv{ height: 757px; overflow: hidden;}

.edgv h2{ padding-top: 62px; height: 127px; overflow: hidden; line-height: 30px; font-weight: normal; text-align: center; font-size: 28px; color: #444; font-family: "Microsoft YaHei";}
.edgv h2 b{ display: block; font-family: Arial; font-size: 28px; color: #ff7500; text-transform: uppercase;}

.edgv_con dl{ margin-bottom: 23px; position: relative; width: 390px; height: 227px; overflow: hidden; float: left; margin-right: 15px;}
.edgv_con dl dt{ display: none; width: 390px; height: 227px; position: relative;}
.edgv_con dl dt img{ width: 390px; height: 227px;}
.edgv_con dl dd{ width: 320px; padding: 0 35px; background: #5ed3b6; height: 227px; overflow: hidden; position: absolute; top: 0; left: 0;}
.edgv_con dl dd em{ display: block; width: 60px; height: 60px; margin: 29px auto 0;}
.edgv_con dl dd em img{ width: 60px; height: 60px;}
.edgv_con dl dd b{ display: block; text-align: center;height: 44px;overflow: hidden; font-size: 20px; font-family: "Microsoft YaHei"; line-height: 44px; color: #fff;}
.edgv_con dl dd p{ text-align: center;height: 75px;overflow: hidden; font-size: 16px; line-height: 25px; font-family: "Microsoft YaHei"; color: #fff;}

.edgv_con .nobot{ margin-right: 0;}
.edgv_con .ed02 dd{ background: #4fbeea}
.edgv_con .ed03 dd{ background: #f8b238}
.edgv_con .ed04 dd{ background: #f47f54}
.edgv_con .ed05 dd{ background: #af4993}
.edgv_con .ed06 dd{ background: #f26d7e}
/*.edgv_con .cur dd{ display: none;}*/

/**/
.tec{ height: 475px; background: url(../images/tec_bj.jpg) no-repeat center top; overflow: hidden;}

.tec h2{ padding-top: 72px; height: 131px; overflow: hidden; line-height: 30px; font-weight: normal; text-align: center; font-size: 28px; color: #444; font-family: "Microsoft YaHei";}
.tec h2 b{ display: block; font-family: Arial; font-size: 28px; color: #ff7500; text-transform: uppercase;}

.tec ul{ height: 160px; overflow: hidden;}
.tec ul li{ width: 68px; float: left; margin-right: 93px;}
.tec ul li em{ display: block; width: 68px; height: 68px; overflow: hidden;}
.tec ul li em img{width:68px;height: 68px;}
.tec ul li span{ margin-top: 13px; display: block; height: 24px; border-top: 1px solid #dedede; border-bottom: 2px solid #dedede; text-align: center; font-size: 16px; color: #4d4d4d; line-height: 24px;}
.tec .nobot{ margin-right: 0;}

.tec a.phover{ text-decoration: none;}
.tec a.phover span{ border-bottom-color: #ff7500;}

.tec_tel{ height: 30px; overflow: hidden; margin-left: 446px; width: 420px; background: url(../images/tec_tel.png) no-repeat left center;background-size: 29px 29px; padding-left: 40px;}
.tec_tel p{width: 300px; float: left; font-size: 16px; color: #4d4d4d; line-height: 30px; font-family: "Microsoft YaHei";}
.tec_tel p b{ vertical-align: middle; font-size: 23px; font-family: Arial;}
.tec_tel a{ float: left; display: inline-block; width: 93px; height: 29px; font-size: 14px; color: #fff; line-height: 29px; background: url(../images/pro_btn.gif) no-repeat left top;background-size: 110px 29px; padding-left: 17px;}


/**/
.case{ height: 664px; overflow: hidden;border-bottom: 2px solid #eee;}
.case h2{ padding-top: 70px; height: 132px; overflow: hidden; line-height: 30px; font-weight: normal; text-align: center; font-size: 28px; color: #444; font-family: "Microsoft YaHei";}
.case h2 b{ display: block; font-family: Arial; font-size: 28px; color: #ff7500; text-transform: uppercase;}

.case_c{ height: 413px; overflow: hidden;}
.case_x{ position: relative; width: 692px; height: 413px; overflow: hidden;}
.case_x ul{ height: 413px; overflow: hidden; width: 692px;}
.case_x ul li{ width: 692px; height: 413px; overflow: hidden; position: relative;}
.case_x ul li img{ width: 686px; height: 407px; border: 3px solid #dcdcdc;}
.case_x ul li p{background: url(../images/case_wb.png) repeat; width: 686px; overflow: hidden; position: absolute; bottom: 3px; left: 3px; font-size: 14px; font-weight: normal; color: #fff; font-family: "Microsoft YaHei"; line-height: 42px; height: 42px; overflow: hidden; text-align: center; }

.case_x .p_l ,.case_x .p_r{ width: 27px; height: 27px; overflow: hidden; position: absolute; top: 180px; z-index: 10;}
.case_x .p_l a,.case_x .p_r a{ display: block; width: 27px; height: 27px; overflow: hidden;}

.case_x .p_l{ left: 10px;}
.case_x .p_l a{ background: url(../images/pro_l.png) no-repeat left top;}
.case_x .p_l a:hover{ background: url(../images/pro_l01.png) no-repeat left top;}
.case_x .p_r{ right: 10px;}
.case_x .p_r a{ background: url(../images/pro_r.png) no-repeat left top;}
.case_x .p_r a:hover{ background: url(../images/pro_r01.png) no-repeat left top;}

.case_q{ width: 498px; height: 413px; overflow: hidden; position: relative;}
.case_q ul li{ float: left; width: 245px; height: 132px; overflow: hidden; margin-bottom: 8px; margin-right: 8px;}
.case_q ul li a{ padding: 0 20px; display: inline-block; width: 203px; height: 130px; border: 1px solid #efefef; color: #232222; }
.case_q ul li b{ margin-top: 14px; display: block; font-size: 19px; font-weight: normal; line-height: 38px;height: 38px;overflow: hidden;}
.case_q ul li span{ display: block; font-size: 12px; color: #d0cfcf; font-family: Arial; text-transform: uppercase; line-height: 16px;height: 16px;overflow: hidden;}
.case_q ul li a:hover ,.case_q .cur a{ border: 0; text-decoration: none; background: #ff7500; color: #fff;}
.case_q ul li a:hover b ,.case_q .cur b{ font-weight: bold;}
.case_q ul li a:hover span ,.case_q .cur span{ color: #ffb085;}
.case_q .nobot{ margin-right: 0;}


/**/
.about{ height: 590px; overflow: hidden;}
.about h2{ padding-top: 60px; height: 132px; overflow: hidden; line-height: 30px; font-weight: normal; text-align: center; font-size: 28px; color: #444; font-family: "Microsoft YaHei";}
.about h2 b{ display: block; font-family: Arial; font-size: 28px; color: #ff7500; text-transform: uppercase;}

.about dl{ background: #f8f8f8; height: 398px; overflow: hidden;}
.about dl dt{ width: 566px; height: 398px; overflow: hidden;}
.about dl dt img{ width: 566px; height: 398px;}
.about dl dd{ width: 513px; margin-left: 38px;}
.about dl dd b{ display: block; height: 92px;overflow: hidden; border-bottom: 1px solid #adadad; font-size: 18px; font-weight: bold; color: #333; line-height: 92px; font-family: "Microsoft YaHei";}
.about dl dd p{ margin-top: 18px;height: 196px;overflow: hidden; font-size: 14px; line-height: 28px; color: #555; font-family: "Microsoft YaHei";}
.about dl dd a{ margin-top: 40px; display: block; width: 93px; height: 29px; font-size: 14px; color: #fff; line-height: 29px; background: url(../images/pro_btn.gif) no-repeat left top;background-size: 110px 29px; padding-left: 17px;}
/**/
.sty{ height: 472px;}

.sty_q{margin-bottom: 20px; height: 58px; overflow: hidden; margin-top: 19px;}
.sty_q ul li{ height: 58px; width: 80px; float: left; margin-right: 36px;}
.sty_q ul li a{ display: inline-block; height: 56px; width: 80px; color: #333; font-size: 20px; line-height: 56px; }
.sty_q ul li a:hover ,.sty_q .cur a{ font-weight: bold;border-bottom:2px solid #ff7500;color: #ff7500; text-decoration: none;}


.sty_con{ height: 225px; position: relative;}
.sty_con ul li{ width: 290px; overflow: hidden; float: left; margin-right: 13px;}
.sty_con ul li.last{margin-right:0;}
.sty_con ul li img{ width: 284px; height: 292px; border: 3px solid #dcdcdc;}
.sty_con ul li p{ font-size: 14px;padding-top: 10px; text-align: center; line-height: 26px;overflow: hidden; height: 26px;}

.sty_con .p_l ,.sty_con .p_r{ width: 27px; height: 27px; overflow: hidden; position: absolute; top: 130px; z-index: 10;}
.sty_con .p_l a,.sty_con .p_r a{ display: block; width: 27px; height: 27px; overflow: hidden;}

.sty_con .p_l{ left: -42px;}
.sty_con .p_l a{ background: url(../images/pro_l.png) no-repeat left top;}
.sty_con .p_l a:hover{ background: url(../images/pro_l01.png) no-repeat left top;}
.sty_con .p_r{ right: -42px;}
.sty_con .p_r a{ background: url(../images/pro_r.png) no-repeat left top;}
.sty_con .p_r a:hover{ background: url(../images/pro_r01.png) no-repeat left top;}

/**/
.fh{ position: fixed; bottom: 20%; right: 20px; width: 33px; height: 58px; overflow: hidden;}
.fh img{width: 33px;height: 58px;}

/**/



/**/
