@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; font-family:Arial;}
ul,li,span,em,i{ list-style:none; font-style:normal;}
ul,li,a,input,button,p,div,img,dd,dl,dt{ margin:0; padding:0; font-style:normal; text-decoration:none;}
.bgcolor_01 { background:#f5f5f5;}
.middle { width:1022px; margin:0 auto;}
.allpage { overflow:hidden;}
.top { width:100%; height:43px; background:#000; border-bottom:#707b85 1px solid;}
.top .topMiddle { width:1022px; height:43px;  margin:0 auto;}
.top .toplink { width:auto; height:43px; float:left; border-left:#707b85 1px solid; border-right:#2c3034 1px solid;}
.top .toplink li { width:51px; height:43px; float:left; position:relative;}
.top .toplink a { width:49px; height:43px; overflow:hidden; display:block; border-left:#2c3034 1px solid; border-right:#707b85 1px solid; float:left;}
.top .toplink a span { display:block;}
.top .toplink li div { width:250px; overflow:hidden; position:absolute; left:-100px; top:45px; text-align:center; display:none; z-index:9}
.top .toplink li div p { width:250px; overflow:hidden; position:relative; padding-top:15px;}
.top .toplink li div p img { position:absolute; left:110px; top:0;}
.top .toplink li div span { width:248px; overflow:hidden; display:block; border:#ccc 1px solid; background:#FFF; line-height:150%; padding:8px 0; border-radius:8px; font-size:14px;}
.top .toplink li div span,.top .toplink li div span a { color:#888;}
.top .topInfo { float:right; padding-top:8px;}
.top .topInfo input { width:253px; height:27px; overflow:hidden; background:none; border:#fc9f06 1px solid; float:left; text-indent:1em; color:#ccc;}
.top .topInfo button { width:29px; height:29px; border:none; background:none; float:left;}
.menu { width:100%; height:128px; border-bottom:#fc9f06 6px solid; background:url(/Public/frontStyle/images/1.png) repeat-x #000;border-top:#2c3034 1px solid;}
.menu .menuMiddle { width:1200px; margin:0 auto; position:relative;}
.menu .menuMiddle .logo { float:left;}
.menu .menuMiddle ul { padding-top:60px;}
.menu .menuMiddle ul,.menu .menuMiddle ul li { float:left;}
.menu .menuMiddle ul li {}
.menu .menuMiddle ul li a.Mone { padding:0 10px; text-transform:uppercase; color:#b1b1b4; border-right:#a1762c 1px solid; line-height:23px; font-size:16px;}
.menu .menuMiddle ul li.curr .Mone { color:#fc9f06}
.menu .menuMiddle ul li:hover .Mone { color:#fc9f06}
.menu .menuMiddle ul li.last .Mone { border-right:none}
.menu .menuMiddle ul li div { width:100%; padding-top:60px; position:absolute; left:0; top:78px; z-index:0; opacity:0
	-webkit-transition:-webkit-transform .2s linear 0s,opacity .2s;
	-moz-transition:-moz-transform .2s linear 0s,opacity .2s;
	-ms-transition:-ms-transform .2s linear 0s,opacity .2s;
	transition:transform .2s linear 0s,opacity .2s;
	-webkit-transform:scale(0.8, 0.8) translate(0px, -10px) perspective(500px) rotateX(30deg);
	-moz-transform:scale(0.8, 0.8) translate(0px, -10px) perspective(500px) rotateX(30deg);
	-ms-transform:scale(0.8, 0.8) translate(0px, -10px) perspective(500px) rotateX(30deg);
	transform:scale(0.8, 0.8) translate(0px, -10px) perspective(500px) rotateX(30deg);
}

.menu .menuMiddle ul li:hover div {
	opacity:1;
	-webkit-transform:scale(1, 1) translate(0px, 0px) perspective(500px) rotateX(0deg);
	-moz-transform:scale(1, 1) translate(0px, 0px) perspective(500px) rotateX(0deg);
	-ms-transform:scale(1, 1) translate(0px, 0px) perspective(500px) rotateX(0deg);
	transform:scale(1, 1) translate(0px, 0px) perspective(500px) rotateX(0deg);
}
.menu .menuMiddle ul li div ul {  width:96%; background:#fff; border-radius:10px; padding:2%;}
.menu .menuMiddle ul li div ul li { padding:0; margin:0; width:25%; height:190px; overflow:hidden;  text-align:center; background:url(../jianbian_line.png) right no-repeat; padding-top:20px;}
.menu .menuMiddle ul li div ul li.noborder { background:none;}
.menu .menuMiddle ul li div ul li a { color:#828284;}
.menu .menuMiddle ul li div ul li a:hover {color:#50a93b}
.menu .menuMiddle ul li div ul li span { width:157px; height:114px; overflow:hidden; display:block; padding:8px 43px}
.menu .menuMiddle ul li div ul li span img {width:100%;
transition:width .5s,margin .5s;
-moz-transition:width .5s,margin .5s; /* Firefox 4 */
-webkit-transition:width .5s,margin .5s; /* Safari and Chrome */
-o-transition:width .5s,margin .5s; /* Opera */}
.menu .menuMiddle ul li div ul li:hover span img { width:110%; margin-left:-5%; margin-top:-5%;}
.menu .menuMiddle ul li div ul li em { width:220px; margin:0 auto; overflow:hidden; display:block; text-align:left; line-height:20px; font-size:18px;}
.menu .menuMiddle ul li div ul li em i { display:block; width:180px; float:left;}
.menu .menuMiddle ul li div ul li em img { display:block; float:left; margin:0 8px;}
.menu .menuMiddle ul li div p img { float:left; display:block;}
.menubg { width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,.7); position:absolute; left:0; top:180px; z-index:9;display:none;}

.menu .menuMiddle ul li.cg { position:relative;}
.menu .menuMiddle ul li.cg div { top:20px; height:auto;}
.menu .menuMiddle ul li.cg div p { display:none; }
.menu .menuMiddle ul li.cg ul { width:150%;margin-left:-25%;padding-bottom:20px;}
.menu .menuMiddle ul li.cg li { width:90%; height:auto; margin:0 auto; float:none; padding-bottom:8px; background:none; border-bottom:#CCC 1px dashed}

.main{ position:relative;}
.banner{ width:100%; height:642px; overflow:hidden;}
.banner .bannerItem { width:1000px; margin:0 auto;}
.banner .bannerItem img {}
.banner_btn { width:68px; height:68px; overflow:hidden; position:absolute; top:200px; z-index:99; cursor:pointer; display:none;}
.banner_btn.fl { left:40px;}
.banner_btn.fr { right:40px;}
.main{ overflow:hidden;}
.hotPro { width:100%; height:209px; position:absolute; left:0; top:433px; z-index:8}
.hotPro .hotproMiddle { width:1022px; height:209px; overflow:hidden; margin:0 auto; background:#fff; box-shadow:rgba(0,0,0,.2) 4px 0px 14px;}
.hotPro .hotproMiddle div { width:155px; height:209px; overflow:hidden; float:left;}
.hotPro .hotproMiddle ul { width:867px; height:209px; overflow:hidden; float:left;}
.hotPro .hotproMiddle ul li { width:25%; height:209px; float:left;}
.hotPro .hotproMiddle ul li a { width:100%; height:209px; display:block; position:relative; }
.hotPro .hotproMiddle ul li span { width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:rgba(252,159,6,.7); text-align:center; opacity:0;
transition:opacity .5s;
-moz-transition:opacity .5s; /* Firefox 4 */
-webkit-transition:opacity .5s; /* Safari and Chrome */
-o-transition:opacity .5s; /* Opera */}
.hotPro .hotproMiddle ul li span i { display:inline-block; margin-top:100px;}
.hotPro .hotproMiddle ul li a:hover span {opacity:1}
.index_use { width:100%; height:460px; overflow:hidden; border-bottom:#dddddd 1px solid;}
.index_use p { text-align:center; padding-top:66px;}
.index_use em { font-size:26px; color:#fc9f06; text-align:center; text-transform:uppercase; display:block; line-height:150%; font-weight:bold;}
.index_use .useimg { width:1022px; padding-top:60px; overflow:hidden; margin:0 auto;}
.index_use .useimg ul { width:1056px;}
.index_use .useimg ul li { width:230px; height:228px; overflow:hidden; float:left; position:relative; margin-right:34px;}
.index_use .useimg ul li div { width:230px; height:153px; overflow:hidden;}
.index_use .useimg ul li div img { width:100%;
transition:width .5s,height .5s,margin .5s;
-moz-transition:width .5s,height .5s,margin .5s; /* Firefox 4 */
-webkit-transition:width .5s,height .5s,margin .5s; /* Safari and Chrome */
-o-transition:width .5s,height .5s,margin .5s; /* Opera */}
.index_use .useimg ul li i { width:41px; height:41px; overflow:hidden; display:block; border-radius:41px; background:#b1b1b4; position:absolute; left:95px; top:134px;
transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s; /* Opera */}
.index_use .useimg ul li span { width:100%; display:block; padding-top:24px; font-size:16px; color:#b1b1b4; line-height:150%; text-align:center;}
.index_use .useimg ul li:hover div img { width:130%;margin-left:-15%; margin-top:-15%;}
.index_use .useimg ul li:hover i { background:#fc9f06}
.index_use .useimg ul li:hover span { color:#fc9f06}
.index_pro { width:100%; height:812px; overflow:hidden;}
.index_pro.nobg { height:auto;}
.index_pro.nobg h2 { font-size:30px; color:#454c52; text-align:center; text-transform:uppercase; padding:0; margin:0; line-height:100%; padding-top:70px;}
.index_pro.nobg .ipImg{ background:none; margin-top:0;}
.index_pro .ipname { width:1022px; height:54px; overflow:hidden; background:#d2d2d6; margin:0 auto; margin-top:62px; line-height:54px;}
.index_pro .ipname span { float:right;}
.index_pro .ipname em { float:left; border-right:#d8d8da 1px solid;} 
.index_pro .ipname em a {
transition:background .5s;
-moz-transition:background .5s; /* Firefox 4 */
-webkit-transition:background .5s; /* Safari and Chrome */
-o-transition:background .5s; /* Opera */}
.index_pro .ipname em.curr a { background:#fc9f06;}
.index_pro .ipname em a:hover { background:#fc9f06;}
.index_pro .ipname a { width:auto; height:54px; overflow:hidden; display:block; text-transform:uppercase; padding:0 26px; color:#fff;}
.index_pro .ipImg { width:1022px; overflow:hidden; margin:0 auto; margin-top:18px; background:#fff; }
.index_pro .ipImg ul { padding-left:22px; padding-top:22px;}
.index_pro .ipImg ul li { width:228px; height:274px; overflow:hidden; margin-right:22px; margin-bottom:40px; float:left; position:relative;}
.index_pro .ipImg ul li .pro { width:226px; height:226px; overflow:hidden; border:#e3e3e3 1px solid;}
.index_pro .ipImg ul li a { width:228px; height:46px; overflow:hidden; position:absolute; left:0; top:0; padding-top:228px;
transition:height .5s,padding .5s;
-moz-transition:height .5s,padding .5s; /* Firefox 4 */
-webkit-transition:height .5s,padding .5s; /* Safari and Chrome */
-o-transition:height .5s,padding .5s; /* Opera */}
.index_pro .ipImg ul li a div { width:228px; height:46px; overflow:hidden; display:table-cell; text-align:center; vertical-align:middle; background:rgba(0,0,0,.45); color:#fff;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.index_pro .ipImg ul li a div img { opacity:0; width:41px; height:0px; margin:0 auto; margin-bottom:0;
transition:opacity .5s,height .5s,margin .5s;
-moz-transition:opacity .5s,height .5s,margin .5s; /* Firefox 4 */
-webkit-transition:opacity .5s,height .5s,margin .5s; /* Safari and Chrome */
-o-transition:opacity .5s,height .5s,margin .5s; /* Opera */}
.index_pro .ipImg ul li a div span { display:inline-block; width:100%;}
.index_pro .ipImg ul li a:hover { padding:0; height:274px;}
.index_pro .ipImg ul li a:hover div { height:274px;}
.index_pro .ipImg ul li a:hover div img { opacity:1; height:41px; margin-bottom:30px;}

.index_news{width:1022px; margin:0 auto; height:212px;}
.index_news .index_news_left{float:left; margin-right:22px;}
.index_news .index_news_left .index_news_title{font-size:26px; line-height:40px; font-weight:bold; color:#fc9f06; border-bottom:1px #CCC solid; padding-bottom:5px;}
.index_news .index_news_left ul{display:block; margin-top:10px;}
.index_news .index_news_left ul li{font-size:16px; line-height:24px; margin-bottom:5px; display:block; width:500px; height:24px;}
.index_news .index_news_left ul li a{float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:390px; height:24px; color:#000;}
.index_news .index_news_left ul li span{float:left;height:24px; width:100px; margin-left:10px;}

.index_news .index_news_right{float:left;}
.index_news .index_news_right .index_news_title{font-size:26px; line-height:40px; font-weight:bold; color:#fc9f06; border-bottom:1px #CCC solid; padding-bottom:5px;}
.index_news .index_news_right ul{display:block; margin-top:10px;}
.index_news .index_news_right ul li{font-size:16px; line-height:24px; margin-bottom:5px; display:block; width:500px; height:24px;}
.index_news .index_news_right ul li a{float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:390px; height:24px; color:#000;}
.index_news .index_news_right ul li span{float:left;height:24px; width:100px; margin-left:10px;}



.footer { width:100%; min-height:614px; overflow:hidden; background:#000; border-top:#fc9f06 6px solid;}
.footer .footerMiddle { width:1022px; overflow:hidden; margin:0 auto;}
.footer .footerline { width:100%; overflow:hidden; border-bottom:#576067 1px solid; padding-top:40px; padding-bottom:50px;}
.footer .footerline_02 { width:100%; overflow:hidden; border-top:#393f44 1px solid;}
.footer .ftmenu { width:222px; overflow:hidden; float:left;}
.footer .ftmenu a { font-size:18px; color:#b1b1b4; display:block; text-transform:uppercase; line-height:33px;}
.footer .ftmenu a:hover { color:#fc9f06;}
.footer .ftmenu a.curr { color:#fc9f06;}
.footer .ftInfo { width:513px; overflow:hidden; float:left; position:relative; padding-bottom:20px;}
.footer .ftInfo input { width:511px;outline:none; height:45px; overflow:hidden; background:none; border:#a8abae 1px solid; margin-bottom:15px; text-indent:2em; text-transform:uppercase; color:#fc9f06;}
.footer .ftInfo input.vcode{    width: 125px;
    display: block;
    float: left;
    margin-top: 15px;}
.footer .ftInfo .codeimg{width: 130px;
    height: 47px;
    display: block;
    float: left;
    margin-top: 15px;
    margin-left: 15px;cursor:pointer;}
.footer .ftInfo textarea {width:511px; height:75px; outline:none; overflow:hidden; background:none; border:#a8abae 1px solid; box-sizing:inherit; padding:0; text-indent:2em; line-height:180%; font-family:Arial; color:#fc9f06; padding-top:10px}
.footer .ftInfo button { width:100px; height:40px; overflow:hidden; border:none; background:#000; position:absolute; right:0px; bottom:38px; font-size:20px; color:#fc9f06; cursor:pointer;	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}
.footer .ftInfo button:hover{background:#fc9f06;color:#000;	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}
.footer .ftewm { width:250px; float:right; text-align:center; color:#b1b1b4; text-transform:uppercase; text-indent:0; }
.footer .ftewm dl {}
.footer .ftewm dl dt { margin:15px 0;}
.footer .ftewm dl dd { width:100%; height:40px; overflow:hidden; background:url(../kuang.png) center no-repeat; line-height:40px; font-size:14px;}
.footer .fticon { width:172px; margin:0 auto; position:relative; padding:30px 0;}
.footer .fticon li { width:33px; height:33px; padding:5px; float:left; position:relative;}
.footer .fticon li a { width:33px; height:33px; overflow:hidden; display:block;}
.footer .fticon li a span { width:33px; height:66px; overflow:hidden; display:block;}
.footerline_02 p { text-transform:uppercase; text-align:justify; font-size:12px; color:#999; text-align:center; line-height:160%;}
.footer .fticon li div { width:250px; overflow:hidden; position:absolute; left:-105px; top:45px; text-align:center; display:none; z-index:9}
.footer .fticon li div p { width:250px; overflow:hidden; position:relative; padding-top:15px;}
.footer .fticon li div p img { position:absolute; left:110px; top:0;}
.footer .fticon li div span { width:248px; overflow:hidden; display:block; border:#ccc 1px solid; background:#FFF; line-height:150%; padding:8px 0; border-radius:8px; font-size:14px;}
.footer .fticon li div span,.footer .fticon li div span a { color:#888;}
.footer .ftptb {width:100%; overflow:hidden; padding-top:30px; padding-bottom:15px;}
.backbtn { width:61px; height:61px; overflow:hidden; position:fixed; right:0; bottom:80px; cursor:pointer;}
.backbtn div { width:61px; height:61px; overflow:hidden; position:relative}
.backbtn img { width:61px; height:61px; overflow:auto; position:absolute; left:0; top:0;}
.backbtn em { width:49px; height:49px; overflow:hidden; margin:6px; background:#fff; display:block;}
.backbtn:hover em { background:#fc9f06}
.Toplink {overflow:hidden; padding-left:30px; background:url(../homeicon.gif) left 16px no-repeat;  font-family:"宋体"; color:#b1b1b4; line-height:58px;}
.Toplink a { color:#b1b1b4; font-family:Arial;}
.Toplink a.curr { color:#fc9f06;}
.aboutText { width:100%; overflow:hidden; padding-bottom:140px;}
.contactbox { width:100%; padding-bottom:140px;}
.aboutText h2 { font-size:30px; font-weight:bold; text-align:center; text-transform:uppercase;}
.aboutText h2.sublistmenu{font-weight:normal;border-bottom:1px solid #fc9f06; width:100%; height:44px; display:block;}
.aboutText h2 a.secondlink{font-size:18px;line-height:44px;min-width: 80px;max-width: 430px;height:44px; color:#fc9f06; padding: 0px 20px; border: #fc9f06 solid 1px; box-sizing:border-box; border-bottom:none; border-top-left-radius:5px; border-top-right-radius:5px; float: left;margin-right: 20px;display: block;    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}
.aboutText h2 a.secondlink:hover{ color:#fff;background:#fc9f06;    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}
.aboutText h2 a.secondlink.cur{background:#fc9f06; color:#fff;}


.aboutText p { font-size:14px; color:#b1b1b4; line-height:180%; text-align:justify; text-transform:uppercase;}
.aboutText .aboutMiddle { width:982px; overflow:hidden; background:#ddd; padding:20px; padding-bottom:56px; margin:66px 0;}
.aboutText .aboutMiddle ul { width:1022px;}
.aboutText .aboutMiddle ul li { width:306px; overflow:hidden; float:left; margin-right:32px;}
.aboutText .aboutMiddle ul li span { display:block; text-align:center; padding:46px 0;}
.aboutText .aboutMiddle ul li em { font-size:16px; color:#454c52; text-align:center; text-transform:uppercase; font-weight:bold; display:block; padding-bottom:5px;}
.aboutText .aboutMiddle ul li p { color:#fff; line-height:160%;}



.down { width:965px; overflow:hidden; margin:0 auto; padding-top:20px;}
.down li { width:965px; height:39px; overflow:hidden; margin-bottom:18px;}
.down li span { float:right; display:inline-block; padding:0 16px;}
.down li i { width:37px; height:37px; overflow:hidden; border:#dadadd 1px solid; border-right:none; float:left; display:block; text-align:center; line-height:37px; background:#e3e3e5; color:#bebec0;
transition:background .5s,color .5s,border-color .5s;
-moz-transition:background .5s,color .5s,border-color .5s; /* Firefox 4 */
-webkit-transition:background .5s,color .5s,border-color .5s; /* Safari and Chrome */
-o-transition:background .5s,color .5s,border-color .5s; /* Opera */
}
.down li a { width:926px; height:37px; overflow:hidden; line-height:37px; float:left; display:block; border:#dadadd 1px solid; border-left:none; color:#454c52; text-indent:20px; 
transition:color .5s;
-moz-transition:color .5s; /* Firefox 4 */
-webkit-transition:color .5s; /* Safari and Chrome */
-o-transition:color .5s; /* Opera */
}
.down li:hover i { background:#fc9f06; color:#fff; border-color:#fc9f06}
.down li:hover a { color:#fc9f06}
.application { width:1022px; overflow:hidden; margin:0 auto;padding-top:20px;}
.application .altbox { width:1100px;}
.application .altbox dl { width:481px; height:201px; overflow:hidden; float:left; margin-right:17px; padding:11px; border:#dadadc 1px solid; background:#fff; margin-bottom:17px;}
.application .altbox dl dt { width:152px; height:196px; overflow:hidden; border:#848480 1px solid; float:left;}
.application .altbox dl dt img {width:152px;
transition:width .5s,height .5s,margin .5s;
-moz-transition:width .5s,height .5s,margin .5s; /* Firefox 4 */
-webkit-transition:width .5s,height .5s,margin .5s; /* Safari and Chrome */
-o-transition:width .5s,height .5s,margin .5s; /* Opera */}
.application .altbox dl dd { width:315px; overflow:hidden; float:right;}
.application .altbox dl dd em { font-size:18px; width:100%; overflow:hidden; padding:10px 0; border-bottom:#d8d8d9 1px solid; display:block; color:#454c52; text-transform:uppercase;
transition:color .5s;
-moz-transition:color .5s; /* Firefox 4 */
-webkit-transition:color .5s; /* Safari and Chrome */
-o-transition:color .5s; /* Opera */}
.application .altbox dl dd p { font-size:14px; line-height:150%; text-transform:none; padding-top:5px;
transition:color .5s;
-moz-transition:color .5s; /* Firefox 4 */
-webkit-transition:color .5s; /* Safari and Chrome */
-o-transition:color .5s; /* Opera */}
.application .altbox dl:hover dt img { width:130%; margin-left:-15%; margin-top:-15%;}
.application .altbox dl:hover dd em { color:#fc9f06;}
.application .altbox dl:hover dd p { color:#fc9f06;}
.contact .map { width:1020px; overflow:hidden; border:#dadada 1px solid;}
.contact .map img { width:100%;}
.contact .cttbox { width:100%; padding-top:45px;}
.contact .cttbox em { font-size:26px; color:#231815; display:block; line-height:160%;}
.contact .cttleft { width:560px; overflow:hidden; padding-left:58px; float:left; background:url(../cttimg.gif) 8px top no-repeat;}
.contact .cttleft .cttleftTxt { width:100%; overflow:hidden; padding-top:24px;}
.contact .cttleft .cttleftTxt p { line-height:130%; margin-bottom:10px;}
.contact .cttright { width:340px; float:right; text-align:center;}
.contact .ctticon { width:234px; position:relative; margin:0 auto;}
.contact .ctticon li { width:29px; height:29px; padding:5px; float:left; position:relative;}
.contact .ctticon li a { width:29px; height:29px; overflow:hidden; display:block;}
.contact .ctticon li a span { width:29px; height:58px; overflow:hidden; display:block;}
.footerline_02 p { text-transform:uppercase; text-align:justify; font-size:12px; color:#999; text-align:center; line-height:160%;}
.contact .ctticon li div { width:250px; position:absolute; left:-105px; top:45px; text-align:center; display:none; z-index:9}
.contact .ctticon li div p { width:250px; text-align:center; position:relative; padding-top:15px;}
.contact .ctticon li div p img { position:absolute; left:110px; top:0;}
.contact .ctticon li div span { width:248px; overflow:hidden; display:block; border:#ccc 1px solid; background:#FFF; line-height:150%; padding:8px 0; border-radius:8px; font-size:14px;}
.contact .ctticon li div span,.contact .ctticon li div span a { color:#888;}

.pronav { width:214px; overflow:hidden; float:left;}
.pronav ul { width:212px; overflow:hidden; border:#dedede 1px solid;}
.pronav ul li{ width:212px; overflow:hidden; border-top:#dedede 1px solid; }
.pronav ul li .pnone { width:186px; overflow:hidden; display:block; padding:0 13px; color:#454c52; font-size:16px;}
.pronav ul li .pnone span { float:right; display:inline-block; width:11px; height:39px; overflow:hidden; background:url(../proicon.gif) no-repeat;}
.pronav ul li .pnone em { padding:10px 0; display:inline-block; float:left; width:175px;}
.pronav ul li div {border-top:#dedede 1px solid; display:none;}
.pronav ul li div a { width:160px; min-height:25px; overflow:hidden; margin:0 auto; padding:0 13px; display:block; font-size:14px; color:#454c52; line-height:25px; border-bottom:#dedede 1px dashed;}
.pronav ul li div a:hover{ color:#fc9f06;}
.pronav ul li.curr .pnone span { background:url(../proicon_02.gif) no-repeat;}
.pronav ul li.curr .pnone { color:#fc9f06;}
.pronav ul li.curr a.curr { color:#fc9f06;}
.prolist { padding-bottom:100px; overflow:hidden;}
.prolist .prolist_bt { width:780px; overflow:hidden; float:right;}
.prolist .ipImg { width:780px; overflow:hidden; float:right; padding-bottom:20px;}
.prolist .ipImg ul {}
.prolist .ipImg ul li { width:228px; height:274px; overflow:hidden; margin-left:26px; margin-bottom:40px; float:left; position:relative;}
.prolist .ipImg ul li .pro { width:226px; height:226px; overflow:hidden; border:#e3e3e3 1px solid;}
.prolist .ipImg ul li a { width:228px; height:46px; overflow:hidden; position:absolute; left:0; top:0; padding-top:228px;
transition:height .5s,padding .5s;
-moz-transition:height .5s,padding .5s; /* Firefox 4 */
-webkit-transition:height .5s,padding .5s; /* Safari and Chrome */
-o-transition:height .5s,padding .5s; /* Opera */}
.prolist .ipImg ul li a div { width:228px; height:46px; overflow:hidden; display:table-cell; text-align:center; vertical-align:middle; background:rgba(0,0,0,.45); color:#fff;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.prolist .ipImg ul li a div img { opacity:0; width:41px; height:0px; margin:0 auto; margin-bottom:0;
transition:opacity .5s,height .5s,margin .5s;
-moz-transition:opacity .5s,height .5s,margin .5s; /* Firefox 4 */
-webkit-transition:opacity .5s,height .5s,margin .5s; /* Safari and Chrome */
-o-transition:opacity .5s,height .5s,margin .5s; /* Opera */}
.prolist .ipImg ul li a div span { display:inline-block; width:100%;}
.prolist .ipImg ul li a:hover { padding:0; height:274px;}
.prolist .ipImg ul li a:hover div { height:274px;}
.prolist .ipImg ul li a:hover div img { opacity:1; height:41px; margin-bottom:30px;}
.procon { padding-bottom:140px;}
.procon .pcTop { width:100%; overflow:hidden; padding:48px 0;}
.procon .pcTop .pcleft { width:332px; height:334px; overflow:hidden; float:left;}
.procon .pcTop .pcleft dl {width:332px; height:334px; overflow:hidden; position:relative;}
.procon .pcTop .pcleft dl dt { width:332px; height:334px; overflow:hidden;}
.procon .pcTop .pcleft dl dt div { width:332px; height:334px; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center; }
.procon .pcTop .pcleft dl dt div img { max-width:100%; max-height:100%; margin:0 auto; display:block;}
.procon .pcTop .pcleft dl dd { position:absolute; right:0; bottom:0;background:rgba(0,0,0,0);
transition:background .5s;
-moz-transition:background .5s; /* Firefox 4 */
-webkit-transition:background .5s; /* Safari and Chrome */
-o-transition:background .5s; /* Opera */
}
.procon .pcTop .pcleft dl dd div { width:332px; height:238px; overflow:hidden; padding-top:40px; display:none;}
.procon .pcTop .pcleft dl dd div span,.procon .pcTop .pcleft dl dd div em { width:280px; margin:0 auto; display:block;}
.procon .pcTop .pcleft dl dd div em { font-size:18px; color:#fff; line-height:40px; text-transform:uppercase; color:#fc9f06;}
.procon .pcTop .pcleft dl dd div span { margin-bottom:10px; overflow:hidden;}
.procon .pcTop .pcleft dl dd div span img { width:32px; height:32px; overflow:hidden; display:block; float:left;}
.procon .pcTop .pcleft dl dd div span i { width:238px; height:32px; overflow:hidden; display:block; float:left; padding:0; background:#fff; line-height:32px; font-size:12px; padding-left:10px; border-radius:0 5px 5px 0;  }
.procon .pcTop .pcleft dl dd div span a {color:#454c52}
.procon .pcTop .pcleft dl dd div span a:hover i { color:#fc9f06;}

.procon .pcTop .pcleft dl dd div span a span{width:243px; height:32px; overflow:hidden; display:block; float:left; padding:0; background:#fff; line-height:32px; font-size:12px; padding-left:5px; border-radius:0 5px 5px 0; margin-bottom:0;  } 
.procon .pcTop .pcleft dl dd div span a span{color:#454c52;}
.procon .pcTop .pcleft dl dd div span a span:hover i{ color:#fc9f06;}
.procon .pcTop .pcleft dl dd div span a span:hover span{ color:#fc9f06;}



.procon .pcTop .pcleft dl dd i { width:28px; height:28px; overflow:hidden; display:block; padding:14px; float:right; cursor:pointer;}
.procon .pcTop .pcleft dl dd:hover { background:rgba(0,0,0,.7);}
.procon .pcTop .pcleft dl dd:hover div { display:block;}
.procon .pcTop .pcright { width:658px; float:right;}
.procon .pcTop .pcright .pcrTxt {width:100%; overflow:hidden;}
.procon .pcTop .pcright .pcrTxt li {    list-style: disc inside;}
.procon .pcTop .pcright em { font-size:18px; color:#454c52; font-weight:bold; text-transform:uppercase; padding:10px 0; display:block;}
.procon .pcTop .pcright p {  font-size:14px; color:#b1b1b4; line-height:150%; }
.procon .pricon { float:right;}
.procon .pricon li { width:32px; height:32px; padding:5px; float:left; position:relative;}
.procon .pricon li a { width:32px; height:32px; overflow:hidden; display:block;}
.procon .pricon li a span { width:32px; overflow:hidden; display:block;}
.procon .pricon li div { width:250px; position:absolute; left:-105px; top:45px; text-align:center; display:none; z-index:9}
.procon .pricon li div p { width:250px; text-align:center; position:relative; padding-top:15px;}
.procon .pricon li div p img { position:absolute; left:110px; top:0;}
.procon .pricon li div span { width:248px; overflow:hidden; display:block; border:#ccc 1px solid; background:#FFF; line-height:150%; padding:8px 0; border-radius:8px; font-size:14px;}
.procon .pricon li div span,.contact .ctticon li div span a { color:#888;}
.procon .pcText { border:#d1d1d3 1px solid;}
.procon .pcText .pctlist { width:100%; height:44px; overflow:hidden; display:block; background:#dddddd;}
.procon .pcText .pctlist a { display:block; height:44px; line-height:44px; font-size:16px; color:#fff; padding:0 30px; float:left; text-transform:uppercase;}
.procon .pcText .pctlist a.curr { background:#fc9f06;}
.procon .pcText .pctxt { padding:70px 40px; display:block; font-size:14px; line-height:180%; color:#b1b1b4; display:none;}
.procon .pcText .pctxt img{ max-width:96%;}
.procon .pcText .pctxt ul {     list-style: disc inside;}
.procon .pcText .pctxt li {    list-style: disc inside;}

.newscon { width:904px; margin:0 auto; overflow:hidden; padding-top:8px; padding-bottom:160px;}
.newscon h2 { font-size:18px; color:#212121; text-align:center; border-bottom:#eeeeee 1px solid;}
.newscon h2 span { display:block; font-size:14px; color:#aaaaaa; font-weight:normal; padding:20px 0;}
.newscon .newsText { font-size:14px; color:#231815; line-height:180%; overflow:hidden; padding-bottom:50px;}
.newscon .newsText p { margin-top:10px;}
.newscon .newsText ul{list-style:disc inside;}
.newscon .newsText ul li{list-style:disc inside;}

.downloadff{ width:210px; height:26px; display:block; font-family:Arial; font-size:24px; font-weight:bold; margin-bottom:28px; color:#660099; border-bottom: 1px solid #660099;padding-bottom:5px;    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}
.downloadff:hover{ color:#fc9f06; border-color:#fc9f06;    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}

.newsback { width:100%; overflow:hidden; text-align:center;}
.newsback a { width:129px; height:32px; overflow:hidden; display:inline-block; background:#dadada; color:#555555; text-align:center; line-height:32px; border-radius:6px;}
.newsback a span {height:32px; overflow:hidden; display:inline-block; background:url(../newsback.png) left center no-repeat; padding-left:22px;}
.newsback a:hover { background:#fc9f06; color:#fff;}
.news { width:100%; overflow:hidden; }
.news h2 { text-align:center; font-size:30px; color:#454c52;}
.news .newslink { width:1100px; overflow:hidden; padding-top:20px; padding-bottom:100px;}
.news .newslink dl { width:323px; height:434px; overflow:hidden; background:#fff; float:left; margin-right:26px; margin-bottom:42px; position:relative;}
.news .newslink dl dt{ width:323px; height:434px; overflow:hidden;}
.news .newslink dl dt .ntbox { padding:24px; height:140px; overflow:hidden; padding-bottom:0;}
.news .newslink dl dt div.nimg { width:323px; height:209px; overflow:hidden; display:table-cell;}
.news .newslink dl dt div.nimg img { max-width:323px; max-height:209px; display:block; margin:0 auto;}
.news .newslink dl dt h3 { font-size:12px; color:#dcdcdc; font-weight:normal; margin:0; padding:0;}
.news .newslink dl dt h2 { font-size:16px; text-align:left;}
.news .newslink dl dt p { font-size:14px; color:#c5c5c5;}
.news .newslink dl dd { position:absolute; right:0; bottom:0;background:rgba(0,0,0,0);
width:323px;
transition:background .5s;
-moz-transition:background .5s; /* Firefox 4 */
-webkit-transition:background .5s; /* Safari and Chrome */
-o-transition:background .5s; /* Opera */
}
.news .newslink dl dd div { width:323px; height:355px; overflow:hidden; padding-top:40px; display:none;}
.news .newslink dl dd div span,.news .newslink dl dd div em { width:280px; margin:0 auto; display:block;}
.news .newslink dl dd div em { font-size:18px; color:#fff; line-height:40px; text-transform:uppercase; color:#fc9f06;}
.news .newslink dl dd div span { margin-bottom:10px; overflow:hidden;}
.news .newslink dl dd div span img { width:32px; height:32px; overflow:hidden; display:block; float:left;}
.news .newslink dl dd div span i { width:238px; height:32px; overflow:hidden; display:block; float:left; padding:0; background:#fff; line-height:32px; font-size:12px; padding-left:10px; border-radius:0 5px 5px 0; color:#000;  }
.news .newslink dl dd div span span{width:238px; height:32px; overflow:hidden; display:block; float:left; padding:0; background:#fff; line-height:32px; font-size:12px; padding-left:10px; border-radius:0 5px 5px 0; margin-bottom:0;  } 
.news .newslink dl dd div span a {color:#454c52}
.news .newslink dl dd div span a:hover i{ color:#fc9f06;}
.news .newslink dl dd div span a:hover span{ color:#fc9f06;}
.news .newslink dl dd i { width:275px; height:15px; overflow:hidden; display:block; cursor:pointer; margin:0 auto; line-height:15px; font-size:14px; color:#c5c5c5; padding-bottom:24px;}
.news .newslink dl dd i img {width:15px; height:15px; overflow:hidden; float:right; margin:0;}
.news .newslink dl dd:hover { background:rgba(0,0,0,.7);}
.news .newslink dl dd:hover div { display:block;}

.feedback { padding-bottom:80px; overflow:hidden;}
.feedback  h2 { text-align:center; font-size:30px; color:#454c52;}
.feedback form {overflow:hidden;  padding:0 48px;}
.feedback div {overflow:hidden; margin-bottom:10px;  }
.feedback div p { width:100%; overflow:hidden; line-height:33px; color:#858585; text-transform:capitalize; font-size:18px;}
.feedback div span { float:right; line-height:33px; color:#fc9f06;}
.feedback div input { width:908px; height:32px; overflow:hidden; border:#e4e4e4 1px solid; background:#fff;}
.feedback div textarea { width:908px; height:260px; overflow:hidden; border:#e4e4e4 1px solid; background:#fff;}
.feedback i { width:100%; overflow:hidden; display:block; font-size:13px; color:#878787; text-transform:uppercase;}
.feedback i span { color:#fc9f06; padding-right:4px;}
.feedback button { width:129px; height:32px; overflow:hidden; display:inline-block; background:#dadada; color:#555555; text-align:center; line-height:32px; border-radius:6px; border:none; float:right; margin:50px 0;}
.feedback button span {height:32px; overflow:hidden; display:inline-block; background:url(../fbback.png) right center no-repeat; padding-right:22px;}
.feedback button:hover { background:#fc9f06; color:#fff;}

.pagebt { width:100%; overflow:hidden; text-align:center;}
.pagebt span { display:inline-block; margin:0 2px; line-height:26px;}
.pagebt a { display:inline-block; width:auto; height:26px; overflow:hidden; text-align:center; line-height:26px; border:#dadadd 1px solid; padding:0 8px; margin:0 2px; color:#888888; font-size:16px; 
transition:background .5s,color .5s;;
-moz-transition:background .5s,color .5s;; /* Firefox 4 */
-webkit-transition:background .5s,color .5s;; /* Safari and Chrome */
-o-transition:background .5s,color .5s;; /* Opera */
}
.pagebt a:hover { background:#888888; color:#fff;}
.pagebt a.cur { background:#888888; color:#fff;}

.stButton .linkedin{background-image:none !important;}
.stButton .googleplus{background-image:none !important;}
.stButton .chicklets{ height:32px !important;}