body { margin: 0; padding: 0; font-size: 14px; color: #373737; line-height: 22px; background: #fff; font-family: "Microsoft YaHei"; }

a { text-decoration: none; color: #383838; }

a:focus { outline: none; -moz-outline-style: none; }

a:hover { color: #ff6801; text-decoration: none; }

ul, li { list-style: none; margin: 0; padding: 0; }

i, b, u, em { font-style: normal; text-decoration: none; }

input { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; }

img { border: 0; }

* { margin: 0; padding: 0; }

table, tr, td { margin: 0; padding: 0; border: 0; }



.w1170 { width: 1170px; margin: 0 auto; overflow: hidden; }

.left { float: left; }

.right { float: right; }





/*顶部*/

.w1170 .welcome { width:50%; float:left;  font-size:14px;}

.header_top_bg{height:30px;line-height:30px;background-color:#2c2c2c;color:#969696; font-size:12px;}

.header_top_bg .hy{ float:left; width:36%; color:#d8d8d8; font-size:14px;}

.header_top_bg .tel{ width:28%; float:right;  text-indent:40px; font-size:14px; color:#fff;}



.nav1170:before{display: table;content: " ";}





.pre{ cursor:pointer; width:45px; height:45px;  position:absolute; top:40%; left:10px; z-index:10;}

.next{

    cursor: pointer;

    width: 45px;

    height: 45px;



    position: absolute;

    top: 40%;

    right: 10px;

    z-index: 10;}

	

	

	

	

	

	



.navbar-fixed-top { top: 0;border-width: 0 0 1px;}



.navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0;left: 0;z-index: 1030;}

.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden; height:auto;_height:600px;}   .carousel img{ width:100%; height:auto;_height:600px;}

.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}

.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}

.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}

.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}

.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}

.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}

.carousel-inner>.active.left{left:-100%}

.carousel-inner>.active.right{left:100%}

.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}

.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}

.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}

.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block}

.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}

.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}





#banner_ie6{ width:100%; margin:0 auto; overflow:hidden; height:595px; background:#c00}  #banner_ie6 img{ _width:1903px; _height:595px;}





.navigation{background:#e50012;width:100%; position:relative;height:70px; margin-top:30px;_margin-top:0;*padding-top:30px;_padding-top:0; z-index:999;}

.navigation:before, .navigation:after {bottom: 0;content: "";position: absolute;top: 0;}

.navigation:before {background:#fff;width:35%; left:0}

.navigation:after {left: 100%;background:#3e50b4;}





.navigation .logo{padding-left:0;}

.nav_img { display:none;}



.wap-right { float: right;}



.nav_left{ width:23%;position: relative; _position:static; float:left}



.nav_right{ width:72%;_width:73%; float:right}







/*nav css*/



.nav1170{ width:1170px; margin:0 auto;}

.navul { width:100%; margin-top:25px;}

.navul li{POSITION:relative;display: block; TEXT-ALIGN:center;FLOAT:left;  margin-left:28px;_margin-left:15px; z-index:20;}

.navul  li a{ 

  border-radius: 5px;

    -webkit-border-radius: 5px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

   font-size:18px; padding:10px 20px; }   .navul  li a:hover{ color:#4eabf9}

  

.navul  li a.li1 { color:#fff;padding:10px 20px;_padding:10px 15px;color: #fff;

    background: #222;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0);}

.navul  li a.li0 { color:#fff; }







.navul li:hover dt a{ font-size:13px;padding: 0; text-indent:15px;}

.navul li:hover dt a:hover{ text-decoration:none;display:block;}

.navul li:hover .plist{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:30px; LEFT:-560px;}

.navul li:hover .plist ul{ width:90%; margin:0 auto;}



.navul li:hover .ndropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:30px; LEFT:0px}

.navul li.navlm:hover .gdropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:30px; LEFT:0px; color:#666}



.list01{DISPLAY:none;  padding:10px 0; color:#eee; width:190px; *margin-top:-10px;}



.list01 DT A{height:34px; line-height:34px; text-decoration:none; display:block; text-align:left; font-weight:normal;font-size:14px; padding-left:12px; color:#fff}/*tian yige float:left*/

.list01 DT A:hover{ background:#be182e; color:#fff; border-radius:0}



.plist {overflow:hidden; height:450px;position: absolute ; padding-top:10px; width:1700px; margin-left:-265px; }





/** 导航 下拉  结束 **/

.list01 li{TEXT-ALIGN:left; PADDING:0px; MARGIN:10px 0px 0px;  FLOAT:left; height:400px; overflow:hidden; padding-right:20px;}



.list01 li OL LI{PADDING: 0px;  padding-left: 10px;   height:32px; line-height:32px;margin:1px 10px 0 10px;}









.list01 LI OL LI span {

  background-position: center center;

  float: left;



  background-repeat: no-repeat;

  width: 30px;

  height: 24px;

}

.list01 LI OL LI A{MARGIN-LEFT:3px;float:left; padding:0; line-height:30px;font-size:13px;   color:#FFFFFF}



/*jieshu*/

.list01 li OL LI b { width:100%; overflow:hidden;}

.list01 li OL LI b  a{ font-size:16px; font-family:"Microsoft Yahei","宋体"; color:#fff; height:24px; line-height:24px; margin-bottom:20px;}

LI.feilei1{WIDTH:290px;}  

LI.feilei1 LI{WIDTH:100px}

LI.feilei2{WIDTH:290px}

LI.feilei2 LI{WIDTH:100px}

LI.feilei3{WIDTH:170px}

LI.feilei3 LI{WIDTH:160px}

LI.feilei4{WIDTH:170px;}

LI.feilei5 {

    WIDTH: 180px;

}

.dropbottom { TEXT-ALIGN: right; LINE-HEIGHT: 50px;WIDTH: 100%; overflow:hidden; margin-bottom:0;COLOR: #fff; padding-right: 40px; font-size: 15px; background:#232832; }



.dropbottom A { DISPLAY: inline; color: #fff; }













.sy_new { width: 100%; margin: 0 auto; overflow: hidden; padding: 20px 0; background: #f5f5f5; }

.sy_new dl { width: 88%; float: right; }

.sy_new h2 { font-size: 26px; color: #fff; width: 8%; float: left; padding: 5px 0; line-height: 36px;  padding-left: 24px; letter-spacing: 5px; }

.sy_new dt { width: 13%; float: left; }

.sy_new dt img { width: 100%;  }

.sy_new dd { width: 85%; float: right; font-size: 13px; line-height: 26px; }

.sy_new dd h3 { font-size: 16px; margin: 0 0 8px 0; }





.sy_sol h2, .que h2, .fwCont h2, .sy_pro h2 { font-size: 30px; color: #000; padding: 5px; margin: 50px 0 30px 0; }

.sy_pro h2 { text-align: center; margin: 50px 0 0 0; position: relative; }



.sy_pro h2:after { content: ""; display: block; width: 90px; height: 1px; background-color: #888888; margin: 0 auto; margin-top: 15px; }



.sy_pro h4 { font-size: 14px; text-align: center; font-weight: 500; color: #666; margin-bottom: 35px; }

.sy_sol { width: 36%; float: left; overflow: hidden; }

.sy_sol dl { display: block; position: relative; }

.sy_sol dt { width: 100%; }

.sy_sol dt img { width: 100%; height: auto;_height:160px; }

.sy_sol dd { width: 100%; font-size: 13px; line-height: 26px; margin-top: 20px; color: #626670; }

.sy_sol dd h3 { font-size: 16px; margin: 10px 0; color: #000; }

.core_desc { position: absolute;_position:static; left: 0px; width: 100%; margin-top: -40px; margin-bottom: 20px;margin-bottom:0;overflow: hidden; }

*html .imagedesc_370 .core_desc { position: absolute; bottom: 0px; left: 0px; width: 100%; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; }

.core_bg { position: absolute; left: 0px;width: 100%; height: 100%;_height:40px; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; }

.core_text { position: relative; overflow: hidden; height:40px; width: 100%; line-height: 40px; font-size: 16px; color: #fff; text-indent:20px}

.core_text a { color: #fff; }



.sy_sol dd .more { background: url(../image/more.jpg) no-repeat; float: right; margin-top: 5px; text-indent: -99999em; width: 14px; height: 14px; }





/*快速通道标题*/

.quick_t { margin: 0 auto; width: 100%; border-bottom: 1px solid #d2d2d2; height: 42px; line-height: 42px; margin-bottom: 70px; }

.quick_t_txt { margin: 0 auto; padding: 0; width: 100px; position: relative; }

.quick_t_txt_t { width: 100px; hanging-punctuation: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #2d2d2d; position: absolute; top: 0; left: 0; border-bottom: 2px solid #ff6801; }

.quick_t_txt_b { width: 300px; left: -100px; top: 42px; text-align: center; line-height: 42px; color: #c7c7c7; font-size: 16px; position: absolute; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }

.sy_pro { width: 1170px; margin: 0 auto; overflow: hidden; }

.sy_pro li { width: 21.9%;width: 21.8%;float: left; position: relative; margin-right: 0.1%; height: 190px; }

.sy_pro li img { width: 100%; height: auto;_height:192px; }



.sy_pro li.xk { width: 34%; margin-right: 0; }

.sy_pro li a { display: block; width: 100%; height: 100%; margin: 0; padding: 0; }

.sy_pro li b { z-index: 998; display: inline-block; position: absolute; left: 15px; top: auto; bottom: 15px; color: #fff; font-size: 16px; padding-left: 18px; height: 24px; line-height: 24px; }

.sy_pro li a:hover .mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 997; display: block; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; background: #000; }



/*常见问题*/

.que { float: right; width: 58%; }

.que h3 { color: #e50012; font-size: 23px; margin: 0 0 20px 0; text-align: center; }

.mao1 { display: inline-block; width: 26px; margin: 0 10px 0 0; height: 32px; background: url(../image/icon-21.png) 0 no-repeat; }

.mao2 { display: inline-block; width: 26px; margin: 0 0 0 10px; height: 32px; background: url(../image/icon-22.png) 0 no-repeat; }



.que p { line-height: 28px; color: #666; }

.que ul { width: 100%; overflow: hidden; margin-top: 22px; }

.que li { margin-right: 3.5%; _margin-right: 2%;float: left; width: 20%; text-align: center; }

.que li a { background: #fff; border: #999 1px solid; display: inline-block; padding: 9% 6%; width: 100%; font-size: 16px; color: #000; }

.que li a:hover, .que li .atc { background: #e50012; border: #d50000 1px solid; color: #fff; }













/* 滑块 start */

#subjects { height: 135px; background-color: #e0e2e4; margin-top: 70px;* margin-top:20px;}

#subjects .g-wrap a { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; overflow: hidden; -webkit-opacity: 1; opacity: 1; display: block\9; -webkit-transition: left 300ms, -webkit-opacity 700ms; transition: left 300ms, opacity 700ms; }

#subjects .g-wrap .item-1 { z-index: 1; background-color: #c8c8c8; }

#subjects .g-wrap .item-2 { z-index: 2; background-color: #e50012; }

#subjects .g-wrap .item-3 { z-index: 3; background-color: #5A5A5A; }

#subjects .g-wrap .item-4 { z-index: 4; background-color: #3C3C3C; }

#subjects .g-wrap a span { position: absolute; background: no-repeat 0 0; }

#subjects .g-wrap .p2 { -webkit-opacity: 0; opacity: 0; display: none\9; -webkit-transition: -webkit-opacity 400ms; transition: opacity 400ms; }

#subjects .g-wrap .item-1 .p1 { left: 0; top: 0; width: 493px; font-size: 40px; font-weight: 600; color: #222; text-indent: 40px; line-height: 135px; }

#subjects .g-wrap .item-1 .p2 { left: 276px; top: 30px; z-index: 2; width: 189px; height: 29px; }

#subjects .g-wrap .item-2 .p1 { left: 41px; top: 6px; font-size: 36px; font-weight: 700; color: #fff; text-indent: 20px; line-height: 120px; }

#subjects .g-wrap .item-2 .p2 { left: 250px; top: 14px; }

#subjects .g-wrap .item-3 .p1 { left: 20px; top: 40px; width: 160px; height: 76px; font-size: 26px; font-weight: 700; color: #fff; text-indent: 10px; line-height: 60px; }

#subjects .g-wrap .item-3 .p2 { left: 210px; top: 12px; width: 282px; height: 122px; }

#subjects .g-wrap .item-4 .p1 { left: 23px; top: 26px; width: 250px; height: 80px; font-size: 36px; font-weight: 700; color: #fff; text-indent: 40px; line-height: 80px; }

#subjects .g-wrap .item-4 .p2 { left: 227px; top: 10px; width: 245px; height: 122px; }



/*#subjects*/

#subjects .trans a { -webkit-opacity: 0; opacity: 0; display: none\9; }



/* 逐个出现 */

#subjects .ready .item-2 { transition-delay: 150ms; -webkit-transition-delay: 150ms; -ms-transition-delay: 150ms; -moz-transition-delay: 150ms; }

#subjects .ready .item-3 { transition-delay: 150ms; -webkit-transition-delay: 300ms; -ms-transition-delay: 300ms; -moz-transition-delay: 300ms; }

#subjects .ready .item-4 { transition-delay: 150ms; -webkit-transition-delay: 450ms; -ms-transition-delay: 450ms; -moz-transition-delay: 450ms; }



/* 没有指向 */

#subjects .state-0 .item-1 { left: 0; }

#subjects .state-0 .item-2 { left: 340px; }

#subjects .state-0 .item-3 { left: 617px; }

#subjects .state-0 .item-4 { left: 793px; }

/* 指向第一个 */

#subjects .state-1 .item-1 { left: 0; }

#subjects .state-1 .item-2 { left: 492px; }

#subjects .state-1 .item-3 { left: 705px; }

#subjects .state-1 .item-4 { left: 917px; }

#subjects .state-1 .item-1 .p2 { -webkit-opacity: 1; opacity: 1; display: block\9; }

/* 指向第二个 */

#subjects .state-2 .item-1 { left: 0; }

#subjects .state-2 .item-2 { left: 212px; }

#subjects .state-2 .item-3 { left: 705px; }

#subjects .state-2 .item-4 { left: 917px; }

#subjects .state-2 .item-2 .p2 { -webkit-opacity: 1; opacity: 1; display: block\9; }

/* 指向第三个 */

#subjects .state-3 .item-1 { left: 0; }

#subjects .state-3 .item-2 { left: 212px; }

#subjects .state-3 .item-3 { left: 425px; }

#subjects .state-3 .item-4 { left: 917px; }

#subjects .state-3 .item-3 .p2 { -webkit-opacity: 1; opacity: 1; display: block\9; }

/* 指向第四个 */

#subjects .state-4 .item-1 { left: 0; }

#subjects .state-4 .item-2 { left: 212px; }

#subjects .state-4 .item-3 { left: 425px; }

#subjects .state-4 .item-4 { left: 637px; }

#subjects .state-4 .item-4 .p2 { -webkit-opacity: 1; opacity: 1; display: block\9; }

/* 滑块 end */



.g-wrap { position: relative; margin: 0 auto; width: 1170px; height: 100%; overflow: hidden; }









/*版权*/

#footer { width: 100%; margin: 0 auto; overflow: hidden; float: left; background: #242933; height: auto; color: #7e8793; }

#footer_feilei { width: 1180px; margin: 0 auto; overflow: hidden; padding: 0px 0px 5px 0px; margin-top: 30px; margin-bottom: 15px; color: #FFF; }

#footer_feilei li { float: left; padding: 0 0px; }

#footer_feilei li .bw { width: 40%; float: left; text-align: center; line-height: 40px; }

#footer_feilei li .gw { width: 30%; float: left; text-align: center; line-height: 40px; }





#footer_feilei li.first { margin-left: 40px; }

#footer_feilei li dl { margin-top: 15px; }

#footer_feilei li dl dt { font-size: 16px; font-weight: bolder; margin-bottom: 15px; color: #999; }

#footer_feilei li dd { line-height: 25px; width: 100%; }

#footer_feilei li dd a { color: #999; }





.fenleia1 { width: 30%; color: #999999; margin-top: 10px; }

.fenleia2, .fenleia3, .fenleia4, .fenleia5 { width: 15.8% !important; width: 14.7%; }

.fenleia1 a { margin: 0 15px; color: #fff; }

.fenleia1 .tel { font-size: 20px; color: #fff; margin-bottom: 15px; text-indent: 20px; }





.fenleia6 { width: 80px; }

.footer_txt { margin: 0 auto; width: 100%; overflow: hidden; text-align: center; height: 50px; line-height: 50px; color: #8e8e8e; background: #111; }

.footer_txt a { color: #8e8e8e; }

.footer_txt a:hover { color: #fff; }







/*back top*/




.sub_banner { width: 100%; margin: 0 auto; overflow: hidden;  height: 439px; }

.con_banner { width: 100%; margin: 0 auto; overflow: hidden;  height: 439px; }

.pro_banner { width: 100%; margin: 0 auto; overflow: hidden;  height: 439px; }

.prodetail_banner { width: 100%; margin: 0 auto; overflow: hidden;  height: 200px; }

.newdetail_banner { width: 100%; margin: 0 auto; overflow: hidden;  height: 200px; }

.casedetail_banner { width: 100%; margin: 0 auto; overflow: hidden;  height: 200px; }

.new_banner { width: 100%; margin: 0 auto; overflow: hidden; height: 439px; }

.about_banner { width: 100%; margin: 0 auto; overflow: hidden;  background-size: cover; overflow: visible; height: 439px; }

.case_banner { width: 100%; margin: 0 auto; overflow: hidden;  height: 439px; }

.sub_bg { width: 40%; margin: 0 auto; margin-top: 130px; margin-bottom: 30px; padding: 30px 20px; transition: 400ms;  }

.sub_banner h3, .con_banner h3, .pro_banner h3, .new_banner h3, .about_banner h3, .case_banner h3 { font-size: 40px; text-align: center; color: #fff; padding: 5px 0; margin: 0 0 10px 0;  }

.sub_banner p, .con_banner p, .pro_banner p, .new_banner p, .about_banner p, .case_banner p { font-size: 16px; margin-top: 20px; color: #FFF; text-align: center; line-height: 30px; }

.pro_lei { width: 1130px; margin: 0 auto; margin-top: 50px; border: #ececec solid 1px; padding: 20px; overflow: hidden; margin-bottom: 60px; background: #fbfbfb; }

.pro_lei h3 { font-size: 16px; text-align: center; color: #222; padding: 5px 0; width: 10%; float: left; }

.pro_lei p { font-size: 22px; margin-bottom: 40px; margin-top: 20px; text-align: center; position: absolute; }



.pro_lei ul { width: 88%; height: 42px; margin-top: 5px; float: left; }

.pro_lei li { display: block; float: left; text-align: center; margin-right: 3%; }



.pro_lei li a { display: block;  color: #000; font-size: 16px; text-align: center; text-align: center; padding-left: 20px; font-size: 16px; color: #656565; display: inline-block; cursor: pointer; }

.pro_lei .current a {  color: #e50012; text-align: center; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }



/* Carousel (Elasti)

---------------------------------------- */





.product_list { width: 1260px; margin: 0 auto; overflow: hidden; margin-top: 55px; margin-bottom: 20px; }

.product_list ul { margin-left: 45px; }



.es-carousel { overflow: hidden; width: 100%; }

.es-carousel li { float: left; width: 30%; margin: 0 3% 4% 0; overflow: hidden; position:relative;_position:static ; }

.es-carousel h4 { height:50px; line-height:50px; background: #666; text-align: center; font-size: 16px; color: #fff; }

.es-carousel h4:hover { background: #d6281a; color: #fff;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s }



.es-carousel li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 85%; background: #000; position: absolute; left: 0; top: 0; transition: 400ms; }

.es-carousel li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 40%; transition: 400ms; }

.es-carousel li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 40%; transition: 400ms; }

.es-carousel li .t { margin: 10px 0 0 0; height: 24px; overflow: hidden; color: #6b6b6b; font-size: 18px; transition: 400ms; }

.es-carousel li .img { margin: 8% 0 8% 19%;_ margin: 2% 0 2% 6%;max-width: 228px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s ;_width:228px;_height:209px;}

.es-carousel li:hover .img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1)}



.es-carousel li .time { color: #3a3a3a; font-size: 14px; transition: 400ms; }

.es-carousel li:hover { border-color: #69B015; }

.es-carousel li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }

.es-carousel li:hover .t { color: #e3e3e3; }

.es-carousel li:hover .time { color: #e3e3e3; }

.es-carousel li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }

.es-carousel li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }

.es-carousel li .more { width: 100%; overflow: hidden; text-align: center; }

.es-carousel li .more a { width: 160px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; background: #7bc91e; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }

.es-carousel li .more a:hover { background: #b2b2b2; }



.prodetail { width: 1170px; margin: 0 auto; }



.wrap { width: 100%; min-width: 1170px; height: auto; overflow: hidden; }

.w100 { width: 100%; overflow: hidden; }

.l { float: left; }





.breadCrumb { width: 100%; height: auto; overflow: hidden; background-color: #f0f0f0; }

.bread-bd { width: 1200px; height: 31px; line-height: 31px; margin: 0 auto; color: #9a9898; }

.bread-bd a { color: #9a9898; }

.container { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; }

.main { padding-top: 35px; }

.item { width: 100%; overflow: hidden; }

.item-bd { padding-bottom: 21px; overflow: hidden; }



.detail_tj { width: 100%; margin: 0 auto; overflow: hidden; margin-top: 50px; }

.detail_tj_left { width: 41%; float: left; }

.detail_tj_right { float: right; margin-top: 40px; width: 53%; }

.sol_tj { width: 100%; margin: 0 auto; overflow: hidden; margin-top: 70px; }

.sol_tj_left { width: 44%; float: left; }  .sol_tj_left img{ width:510px; height:370px;}

.sol_tj_right { float: right;width: 49%; }

.detail_tj_right h1 ,.sol_tj_right h1{ font-size: 35px; margin: 0 0 20px 0; text-align: left; padding: 5px 0; }

.describe { width: 100%; overflow: hidden; }

.describe p { color: #666666; font-family: 'Microsoft YaHei'; font-size: 13px; margin-bottom: 10px;  margin-top:10px;}

.describe p span { color:#e70012; font-size: 15px; }



#pro_tj_lx_tel { width: 100%; margin: 3% 0 0 0; overflow: hidden; }

#pro_tj_lx_tel p {  font-size: 14px; padding: 1.5% 1% 2% 9%; text-align: left; float: left; width: auto; }

#pro_tj_lx_tel span { font-weight: bold; margin-right: 8px; margin-top: 1%; float: left; width: auto; font-size: 28px; color: #006ECF; }

#pro_tj_lx a { padding: 1.5% 6%; float: left; color: #fff; font-size: 15px; display: inline-block; text-align: center; font-weight: bold; margin-top: 25px; }

#pro_tj_lx a.line-zixun { background:  #F63401; color: #fff; }

#pro_tj_lx a.line-order { background:  #222; margin-left: 15px; }



.advantage { margin-bottom: 30px; margin-top: 30px; }

.advantage h2, .Process h2, .xg_case h2, .data h2, .list_img h2, .message h2 { font-size: 22px; margin: 20px 0 30px 0; border-top: #d8d8d8 1px solid; padding-top: 30px; }

.advantage h4 { font-size: 16px; color: #EA9F06; }

.advantage p { color: #777; margin: 20px 0 20px 0; }



.advantage .ad_left { float: left; width: 46%; }

.advantage .ad_right { float: right; width: 46%; }

.Process{ width:100%; margin:0 auto; overflow:hidden; background:#fff;}

.Process .right { width: 45%; float: right; text-indent: 30px; line-height: 27px; }

.Process .left { width: 43%; float: left; }

.Process .left img { height: auto; }

.Process .right img { max-width:500px;   }



.Process .left p{ color: #777; margin: 15px 0 15px 0;  line-height:30px;}

.data, .message { width: 100%; margin: 0 auto; overflow: hidden; }



.data table { border: #d8d8d8 1px solid; border-collapse: collapse; margin-top: 10px; margin-bottom: 15px; width: 100%; float: left; text-align:center; }

    .data table td { padding: 3px 0; line-height: 21px; border: #ccc 1px solid; text-align: center; }

.data table td { padding: 8px 0;  vertical-align: top; }

.data table { width: 100%; float: left; overflow: hidden; }



.xg_case ul { height: auto; overflow: hidden; }

.xg_case dl { float: left; width: 29%; height: auto; margin: 0 4% 1% 0 !important; margin: 0 3% 1% 0; }

.xg_case dl > a { display: block; }

.xg_case dt img { width: 100%; height: auto; _height:229px; }

.xg_case dt a:hover { background: #CCC; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; color: #000000; }

.xg_case dd {background: #f5f5f5;

    padding: 8px 10px 10px 10px;

    line-height: 25px;}



.list_img, .xg_case { width: 1220px; margin: 0 auto; overflow: hidden; margin-top: 20px; }

.list_img li { float: left; margin-right: 4%; position: relative; width: 21%; margin-bottom: 30px; text-align: center; line-height: 23px; }

.list_img li img { width: 100%; height: auto;_height:188px; margin-bottom: 10px; }



.message { margin: 0 0 70px 0; }

.left_form2 { width: 62%; overflow: hidden; float: left; border-right: #d8d8d8 1px solid; padding: 0 3% 1% 0; }

.left_form2 h3 { font-size: 16px; border-bottom: #d8d8d8 1px solid; margin-bottom: 5px; padding-bottom: 7px; margin-top: 20px; }

.left_form2 form { overflow: hidden; }

.left_form2 ul li { height: 45px; line-height: 45px; margin-bottom: 5px; overflow: hidden; }

.left_form2 ul li.message { height: 130px; position: relative; _height: 138px; }

.left_form2 ul li span { display: block; width: 128px; text-align: right; margin-right: 10px; float: left; font-size: 14px; line-height: 50px; }

.left_form2 ul li input.intxt { width: 55%; margin: 5px 0 2px; border: 1px solid #D9D9D9; border-top: 1px solid silver; line-height: 32px; height: 32px; color: #999; padding: 0 4px; overflow: hidden; }

.left_form2 ul li textarea { border: 1px solid #CCC; width: 68%; height: 100px; margin-bottom: 0; line-height: 20px; margin: 6px 0 0; padding: 4px; color: #999; resize: none; }

.left_form2 .btnclick { padding-left: 20%; overflow: hidden; }

.left_form2 .btnclick input { display: block; width: 110px; height: 38px; line-height: 38px; text-align: center; color: white; float: left; margin-right: 15px; cursor: pointer; font-size: 16px; overflow: hidden; -webkit-appearance: none; }

.left_form2 .btnclick input.btn_submit { background: #EB2002; border: 0; -webkit-appearance: none; }

.left_form2 .btnclick input.btn_reset { background: #454545; border: 0; -webkit-appearance: none; }



.contact { width: 100%; overflow: hidden; }

.contact p { text-indent: 20px; font-size: 14px; line-height: 30px; }

.contact_left { width: 39%; float: left; font-size: 16px; margin-top: 10px; }

.contact_left p { text-indent: 35px; padding: 6px 0 6px 0; line-height: 20px; }

.contact_left .redfont { font-size: 25px; color: #ED1C24; }

.contact_left .tel {  margin-bottom: 15px; margin-top: 15px; }

.contact_left .tel1 {margin-bottom: 15px; margin-top: 15px; }

.contact_left .add {  margin-bottom: 15px; }

.contact_left .email {margin-bottom: 25px; }

.contact_left .message { cursor: pointer; color: #fff; padding: 13px 25px; background: #009CDF /*#0070C0*/; width: 160px; text-align: center; text-indent: 0; font-size: 18px; margin-bottom: 50px; }

.contact_left .message:hover { color: #fff !important; background: #0565b6; }

.contact_right { width: 58%; float: right; margin-top: 30px; }

.contact_right img { width: 100%; height: auto; }

.right_contact { float: right; width: 28%; overflow: hidden; }

.right_contact p { line-height: 30px; }

.right_contact p.nosame, .right_contact p.onlinetalk { font-size: 14px; margin-bottom: 6px; clear: both; }

.right_contact h6 { font-size: 24px; color: #000; font-weight: bold; margin-bottom: 15px; }

.right_contact a { display: block; background: #ededed; width: 90px; height: 35px; line-height: 35px; float: left; font-size: 15px; font-weight: bold; text-align: center; margin: 10px 10px 10px 0px; overflow: hidden; }











.principle p { color: #666666; font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 24px; padding: 6px 0; }

.principle p img, .principle p object { float: right; margin-left: 5%; }

.parameter-main tr { font-family: 'Microsoft YaHei'; color: #333333; }

.parameter-main p { font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; line-height: 35px; }



.sidebar { background-color: #333333; position: fixed; z-index: 9999; transition: All .2s ease; -webkit-transition: All .2s ease; -moz-transition: All .2s ease; -o-transition: All .2s ease; }

.sidebar-bd { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; line-height: 61px; }

.sidebar-bd h1 { color: #fff; }

.sidebar-bd ul li { float: right; font-family: 'Microsoft YaHei'; color: #fff; margin-left: 40px; font-size: 14px; cursor: pointer; }

.sidebar-bd ul li.s-on { color: #f12418; }







/*contact*/



.contact-info { float: left; width: 35%; margin-top: 60px; }

.contact-info h2 { font-size: 24px; margin-bottom: 30px; color: #000; }

.contact-info p { margin-bottom: 20px; color: #333; text-indent: 0; }

.contact-info p span { font-size: 22px; color: #Ff4a00; font-weight: bold; }

.contact-info p a { font-size: 18px; color: #FD7C3A; text-decoration: underline; }

.contact-info p a:hover { color: #fe3c00; text-decoration: underline; }

.contact-info p.online { margin-top: 20px; }

.contact-info p.online a { background: #f44236; color: #fff; width: 160px; height: 46px; text-decoration: none; text-align: center; line-height: 46px; display: block; font-size: 18px; }

.contact-info p.online a:hover { background: #19273b; }

.map { margin-bottom: 20px; overflow: hidden; width: 100%; }





/*--- respond ---*/

#respond { width: 58%; float: right; border-left: 1px solid #ddd; padding-left: 50px; margin-top: 60px; }

#respond h4 { font-size: 22px; }

#respond p { text-indent: 0; }

#respond h4 { margin-bottom: 30px; color: #000; font-size: 24px; }

.col-md-7 { width: 28%; position: relative; min-height: 1px; padding-right: 25px; float: left; }

#respond .c-note { margin-bottom: 20px; color: #9a9a9a; line-height: 26px; }

#respond .comments-form p { margin-bottom: 30px; }

#respond .comments-form p .required { display: none; }

#respond .comments-form p #fromname,

#respond .comments-form p #email,

#respond .comments-form p #lianxi { height: 40px; padding-left: 20px; width: 94%; line-height: 40px; background: #fff; color: #666; border: #d8d8d8 1px solid; }

#respond .comments-form p #fromname:focus, #respond .comments-form p #email:focus, #respond .comments-form p #lianxi:focus { border-color: #e5091c; }

#respond .comments-form p #note { height: 150px; padding: 15px 20px; width: 90%; border: 1px solid #d8d8d8; background: #fff; color: #666; }

#respond .comments-form p #note:focus { border-color: #e5091c; }



#respond .form-submit .buttons { background: #19273b; font-size: 16px; padding: 12px 80px; color: #fff; border: none; position: relative; cursor: pointer; }

#respond .form-submit button:hover { background: #000; }

.maph3 { width: 1170px; margin: 0 auto; margin-top: 60px; margin-bottom: 30px; overflow: hidden; font-size: 24px; padding: 5px 0; }

.map { width: 100%; margin: 0 auto; overflow: hidden; }







.news_tj { width: 1205px; margin: 0 auto; overflow: hidden; }

.news_tj ul { margin-left: 18px; width: 100%; overflow: hidden; }

.news_tj li { float: left; margin-right: 3%; *margin-right: 1.89%; width: 28.33333333%;_width:28%; background: #f5f5f5; padding: 1%; overflow:hidden; }

.news_tj .img { display: block; width: 100%; height: 0; overflow: hidden; padding-bottom: 75%; position: relative; }

.news_tj .img img { width: 100%;_width:341px; height: 100%;_height:256px; position: absolute; left: 0; top: 0; }

.news_tj .time { display: block; font-family: Arial; margin-bottom: 5px; color: #999; }

.news_tj .n { display: block; height: 30px; line-height: 30px; font-size: 18px; font-weight: normal; padding-top: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; font-weight: bold; }



.news_tj .time { width: 80px; height: 50px; background: #be182e; text-align: center; position: relative; margin-top: -50px; color: #fff; margin-bottom: 0; }

.news_tj .time b { display: block; font-size: 20px; font-weight: bold; line-height: 1.2; padding-top: 5px; }

.news_tj li:hover .time { background: #222; }

.news_tj .text { color: #454545; font-size: 13px; }

.news_tj .text a:hover { color: #00ace3; }







.videoList { margin-bottom: 60px; }

.videoList li { width: 50%; float: left; position: relative; overflow: hidden; border-bottom: #fff 1px solid; }

.videoList .img { display: block; width: 100%; height: 0; overflow: hidden; padding-bottom: 79.5%; overflow: hidden; position: relative; }

.videoList .img img { display: block; width: 100%; height: auto; }

.videoList .intro { width: 150px; padding: 20px; background: rgba(255,255,255,.90); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ddffffff,endcolorstr=#ddffffff); position: absolute; right: 0; bottom: 0; }

.videoList .intro .play { display: block; width: 0; height: 0; border-color: transparent #fff transparent transparent; border-style: dashed solid dashed dashed; border-width: 10px; position: absolute; left: -20px; top: 50%; margin-top: -10px; filter: alpha(opacity=90); opacity: 0.9; }

.videoList .intro .n { display: block; font-size: 14px; color: #000; margin-bottom: 8px; }

.videoList .intro b { font-size: 20px; display: block; line-height: 1.2; }

.videoList .intro .time { display: block; color: #747474; }

.videoList .intro .time [class*="ico-"] { font-size: 14px; }

.videoList .hover .intro { background: rgba(250,205,0,.90); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ddfacd00,endcolorstr=#ddfacd00); }

.videoList .hover .intro .play { border-right-color: #facd00; }



.videoList .short { height: 160px; }

.videoList .short .img { width: 53%; height: 0; float: left; margin-right: 14px; }

.videoList .short .intro { position: static; width: auto; height: 120px; background: #f5f5f5; }

.videoList .short .play { width: 55px; height: 55px;  left: 18%; filter: none; opacity: 1; border-width: 0; margin-top: -27px; }

.videoList .last .intro { height: 118px; }

.videoList .left { float: left; width: 69%; }

.videoList .left li { width: 50%;*width:48%; float:left }

.videoList .right { float: left;*float: right; width: 31%;*width:28% }

.videoList .right li { width: 100%; }



.sub_new { margin-bottom: 60px; }

.sub_new_tit {  display: block; height: 38px; width: 1170px; margin: 0 auto; margin-top: 60px; margin-bottom: 2%; overflow: hidden; position: relative; }

.sub_new_tit h3 { height: 35px; line-height: 35px; background: #fff; color: #111; text-align: center; font-size: 32px; padding: 0 20px; font-weight: 900; position: absolute; margin-left: 42%; }

.sub_new_tit a { font-size: 14px; font-weight: 500; color: #999; font-family: Arial, Helvetica, sans-serif; }

.sub_new_tit a:hover { color: #ff4a00; }



.sub_new ul li { line-height: 36px; height: 36px; width: 47%; float: left; overflow: hidden; font-size: 14px; }



.about { margin-top: 60px; }

.about h2,.baselayout h2 { font-size: 38px; width: 100%; color: #000; text-align: center; padding: 5px 0; }

.about .info { width: 100%; overflow: hidden; line-height: 26px; margin-top: 30px; /*text-align: center;*/ font-size:14px; }



.culture { width: 100%; margin: 0 auto; overflow: hidden; margin-top: 30px; margin-bottom: 60px; }

.culture_title { text-align: center; width: 100%; overflow: hidden; }

.culture_bigzi { font-size: 28px; }

.culture_title span { color: #ff4a00; margin-right: 15px; }

.culture_smallzi { font-size: 16px; color: #999; }

.culture .cultureNav { text-align: center; width: 100%; overflow: hidden; }

.culture .cultureNav .child { cursor: pointer; position: relative; width: 174px; height: 174px; margin: 0 14px; display: inline-block; *display: inline; *zoom: 1; }

.culture .cultureNav .child .childImg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; width: 127px; height: 127px; border: 1px solid #dbdbdb; background-color: #fff; background-repeat: no-repeat; background-position: center; border-radius: 127px; -moz-border-radius: 127px; -ms-border-radius: 127px; -o-border-radius: 127px; -webkit-border-radius: 127px; }

.culture .cultureNav .child .childQuan1 { display: none; position: absolute; top: 0px; left: 0px; width: 174px; }

.culture .cultureNav .child .childQuan2 { display: none; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; }



.culture .cultureNav .child.child2 .childImg { background-image: url(../image/icon2.png); }

.culture .cultureNav .child.child3 .childImg { background-image: url(../image/icon3.png); }

.culture .cultureNav .child.child4 .childImg { background-image: url(../image/icon40.png); }

.culture .cultureNav .child.child5 .childImg { background-image: url(../image/icon505.png); }

.culture .cultureNav .child.on .childImg { background-color: #be182e; border: 1px solid #be182e; }

.culture .cultureNav .child.on .childQuan1 { display: block; animation: cultureNavQuan1 1s ease-in-out 0s infinite; -moz-animation: cultureNavQuan1 1s ease-in-out 0s infinite; -webkit-animation: cultureNavQuan1 1s ease-in-out 0s infinite; -o-animation: cultureNavQuan1 1s ease-in-out 0s infinite; }

.culture .cultureNav .child.on .childQuan2 { display: block; }

.culture .cultureNav .child.child1.on .childImg { background-image: url(../image/icon1On.png); }

.culture .cultureNav .child.child2.on .childImg { background-image: url(../image/icon2On.png); }

.culture .cultureNav .child.child3.on .childImg { background-image: url(../image/icon3On.png); }

.culture .cultureNav .child.child4.on .childImg { background-image: url(../image/icon4On.png); }

.culture .cultureNav .child.child5.on .childImg { background-image: url(../image/icon5On.png); }

.culture .cultureNav .child:hover .childImg { background-color: #be182e; border: 1px solid #be182e; }

.culture .cultureNav .child:hover .childImg { animation: cultureNavImg .5s ease-in-out 0s both; -moz-animation: cultureNavImg .5s ease-in-out 0s both; -webkit-animation: cultureNavImg .5s ease-in-out 0s both; -o-animation: cultureNavImg .5s ease-in-out 0s both; }

.culture .cultureNav .child:hover .childQuan1 { display: block; animation: cultureNavQuan1 .5s ease-in-out 0s infinite; -moz-animation: cultureNavQuan1 .5s ease-in-out 0s infinite; -webkit-animation: cultureNavQuan1 .5s ease-in-out 0s infinite; -o-animation: cultureNavQuan1 .5s ease-in-out 0s infinite; }

.culture .cultureNav .child:hover .childQuan2 { display: block; animation: cultureNavQuan2 .5s ease-in-out 0s both; -moz-animation: cultureNavQuan2 .5s ease-in-out 0s both; -webkit-animation: cultureNavQuan2 .5s ease-in-out 0s both; -o-animation: cultureNavQuan2 .5s ease-in-out 0s both; }

.culture .cultureNav .child.child1:hover .childImg { background-image: url(../image/icon1On.png); }

.culture .cultureNav .child.child2:hover .childImg { background-image: url(../image/icon2On.png); }

.culture .cultureNav .child.child3:hover .childImg { background-image: url(../image/icon3On.png); }

.culture .cultureNav .child.child4:hover .childImg { background-image: url(../image/icon4On.png); }

.culture .cultureNav .child.child5:hover .childImg { background-image: url(../image/icon5On.png); }

.culture .content { text-align: center; }

.culture .content .child { display: none; }

.culture .content .child.on { display: block; }

.culture .content p { color: #656565; font-size: 14px; line-height: 26px; }

.culture .content .title { color: #222; font-size: 24px; line-height: 42px; padding-bottom: 16px; }



.history { background: #f5f5f5; width: 100%; margin: 0 auto; }

.history .tit { font-size: 38px; font-weight: 600; margin: 50px 0 30px 0; text-align: center; }

.historyNav { position: relative; }

.historyNav .historyBtn { position: absolute; top: 0px; cursor: pointer; }

.historyNav .historyBtn.leftBtn { left: 0px; }

.historyNav .historyBtn.rightBtn { right: 0px; }

.historyNav .content { overflow: hidden; position: relative; _position:static; margin: 0 auto; width: 900px; height: 100px;  background-position: center 30px; }

.historyNav .content .moveContent { position: absolute; top: 0px; left: 0px; }

.historyNav .content .child { cursor: pointer; position: absolute; top: 19px; width: 150px; }

.historyNav .content .child .childImg { position: absolute; top: 0px; left: 0px; right: 0px; margin: 0 auto; width: 20px; height: 20px; border: 1px solid #d6d6d6; background: #fff; border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-border-radius: 20px; }

.historyNav .content .child .childImg .childImgPointer { display: none; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; background: #d6281a; width: 12px; height: 12px; border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; -webkit-border-radius: 12px; }

.historyNav .content .child .childTitle { text-align: center; font-family: Century Gothic,Arial, Helvetica, sans-serif; position: absolute; top: 36px; left: 0px; width: 90%; line-height: 33px; color: #656565; font-size: 16px; }

.historyNav .content .child .childTitle .pointer { display: none; position: absolute; left: 0px; right: 0px; top: -8px; height: 8px; margin: 0 auto; }

.historyNav .content .child.on .childImg .childImgPointer { display: block; }

.historyNav .content .child.on .childTitle { color: #D52719; font-size: 18px; border: 1px solid #d6281a; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; }

.historyNav .content .child.on .childTitle .pointer { display: block; }



.historyContent { padding: 50px 0; }

.historyContent .child { display: none; }

.historyContent .child.on { display: block; }

.historyContent .child:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }

.historyContent .child .childImg { width: 37%; float: left; text-align: center; margin-left: 120px; }

.historyContent .child .childImg img { width: 100%; height: auto;_height:307px; }

.historyContent .child .childInfo { float: right; width: 49%;_width:40%;}

.historyContent .child .childInfo p { line-height: 28px; color: #656565; font-size: 14px; }





.service { margin-top: 60px; height: auto; /* start height */ }

.service .ren { width: 706px; height: auto; margin: 0 auto; margin-top: 47px; text-align: center; }

.service .ren img { margin: 0 auto; width: 100%; height: auto;_height:297px; }

.service .title h3 { line-height: 88px; color: #212121; text-align: center; font-size: 38px; text-align: center; }

.service .title p { color: #000; line-height: 29px; text-align: center; font-size: 20px; color: #999; position: relative; }

.service .title p span { color: #ff4a00; }





/*caselist*/



.case_zi { font-size: 16px; line-height: 32px; }

.case_zi span { color: #ff4a00; }



.case_list { width: 1170px; margin: 0 auto; overflow: hidden; margin-bottom: 60px; }

.listh2 { font-size: 40px; text-align: center; color: #000; padding: 5px 0; margin: 50px 0 30px 0; }

.case_list ul { margin-top: 30px; }

.case_list li { width: 30%; margin-right: 3.333333%; margin-bottom: 2%; float: left; list-style: none; }



.case_list li h4 { font-size: 16px; font-weight: 500; text-align: center; line-height:42px; background:#f0f0f0 }



.thumb-info img { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; position: relative; width: 100%; height: auto; margin-bottom: 5px; }



.thumb-info .thumb-info-wrapper { backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

.thumb-info .thumb-info-wrapper:after { content: ""; background: rgba(36,27,28,.9); bottom: -4px; color: #FFF; left: -4px; position: absolute; right: -4px; top: -4px; display: block; filter: alpha(opacity=0); opacity: 0; z-index: 1; }

.thumb-info-title { background: rgba(36,27,28,.9); bottom: 10%; color: #FFF; font-size: 18px; left: 0; padding: 9px 11px; position: absolute; text-transform: uppercase; z-index: 2; max-width: 100%; }

.thumb-info:hover .thumb-info-wrapper:after { filter: alpha(opacity=100); opacity: 1; }



.thumb-info:hover .thumb-info-title { background: #000; }

.thumb-info-title p { font-size: 13px; color: #FFFFFF; text-align: center; margin-bottom: 5px; }

.thumb-info-title .show-more { margin: 0 auto; margin-top: 15px; background: #fff; padding: 8px 10px; width: 40%; font-size: 14px; text-align: center; }

.thumb-info-title .show-more a { color: #FF4a00; }

.thumb-info-title h5 { font-size: 15px; color: #Fc0; text-align: center; margin-bottom: 10px; }

.thumb-info-title h5 a { color: #Fc0; }

.thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background: rgba(36,27,28,.65); }

.thumb-info.thumb-info-centered-info .thumb-info-title { background: 0 0; width: 90%; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease; top: 30%; filter: alpha(opacity=0); opacity: 0; text-align: center; padding: 0; }

.thumb-info.thumb-info-centered-info:hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; top: 28%; left: 5%; }



.sub_tit { width: 100%; background: #f5f5f5; padding: 0.8% 0; font-size: 15px; overflow: hidden; }





.farming { margin-bottom: 60px; }

.farming li { float: left; }

.farming .l1 { width: 20.4%; overflow:hidden; }  .farming .l1 img{_height:188px;}

.farming .l2 { width: 39.2%; margin: 0 10px; }

.farming  .l3 { width: 38.5%;_width:38%; float: right; }   .farming  .l3 img{_height:184px;}

.farming .l2 img { height: auto;_height:351px; width: 100%; }

.farming .box1 { background: #be182e; padding: 7%; margin-top: 10px; width:84%; overflow:hidden}

.farming .box1 a { color: #fff; }

.farming .box2 a { color: #fff; }

.farming .box1 .info, .farming .box2 .info { font-size: 14px; line-height: 24px; }

.farming .box2 { background: #be182e; color: #fff; padding: 7%;_padding:2.5%; margin-bottom: 10px; }

.farming .box2 h4 { font-size: 16px; margin-bottom: 8px; }

.farming .box3 { background: #f4f4f4; padding: 3%; width: 36%; margin-right: 10px; line-height: 26px; }

.setImg { overflow: hidden; }

.setImg img { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; width: 100%; height: auto; }

.setImg:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }





.caseh1 { font-size: 28px; text-align: center; border-top: #d8d8d8 1px solid; margin: 25px 0; padding-top: 30px; }

.case { margin-top: 30px; }



.caseMain_ab { width: 100%; height: auto; overflow: hidden; border-top: 1px solid #e4e4e4; margin-top: 30px; }

.case_detail { width: 1170px; margin: 0 auto; height: auto; overflow: hidden; }

.case_detail h2 { font-size: 20px; color: #353535; padding: 10px 0px; }

.case_detail p { line-height: 25px; font-size: 14px; color: #2c2c2c; margin-bottom: 3px;  margin-top:7px;margin-bottom:7px; }

.Cdetail p strong { color: #2c2c2c; }

.case_fan { width: 100%; height: auto; overflow: hidden; padding: 7px 0px; }

/*case_list*/

.xg_case_detail { padding-top: 10px; width: 1170px; margin: 0 auto; margin-bottom: 60px; overflow: hidden; }

.xg_case_detail h2 { font-family: 微软雅黑; font-size: 30px; padding: 20px 0px 30px; width: 1170px; margin: 0px auto; color: #000; }

.xg_case_detail dl { height: auto; overflow: hidden; }

.xg_case_detail dl { float: left; width: 30%; height: auto; margin: 0 3% 1% 0 !important; margin: 0 2% 1% 0; }

.xg_case_detail dl > a, .xg_case_detail dl a, .xg_case_detail dl > a { display: block; }

.xg_case_detail dt > a img, .xg_case_detail dt a img { width: 100%; height: auto;  }

.xg_case_detail dt img { width: 100%; height: auto; }

.xg_case_detail dt > a :hover, .xg_case_detail dt a :hover { background: #CCC; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; color: #000000; }

.xg_case_detail dd { background: #f5f5f5; padding: 18px 10px 30px 10px; height: 120px; overflow: hidden; line-height: 25px; }

.hr1 { border: 0; background-color: #e4e4e4; height: 1px; margin: 0 0px 45px 0px; }

.hr2 { border: 0; background-color: #e4e4e4; height: 1px; margin: 35px 0px 5px 0px; }





.about_top { margin-top: 80px; }



.about_top .yingwen { font-size: 50px; text-align: center; text-transform: uppercase; text-align: center; color: #878787; margin: 20px 0 15px 0; font-weight: 200; }

.about_top .yingwen strong { color: #7a7a7a; }

.about_top .pageTitle1 { font-size: 30px; color: #777; text-align: center; margin: 10px 0; font-weight: 600; color: #ffc103; }







/*新闻详细*/

.newsdetail { margin-top: 60px; margin-bottom: 60px; }

.newsdetail .title { border-bottom: 1px dotted #cccccc; font-size: 22px; padding-bottom: 20px; font-weight: bold; text-align:center; }

.newsdetail ._tools { padding: 10px 0; color: #999999; width: 100%; overflow: hidden; }

.newsdetail ._tools span { float: left; }

.newsdetail .sj {  padding-left: 20px; margin: 0 30px 0 0; }

.newsdetail .dj {  padding-left: 20px; margin: 0 30px 0 0; }

.newsdetail .fx {  padding-left: 20px; margin: 0 30px 0 0; }

.newsdetail .fh {  padding-left: 20px; }

.newsdetail .jt_x {  padding-left: 20px; float: left; }

.newsdetail .jt_s {  padding-left: 20px; float: left; }

.newszi { width: 100%; overflow: hidden; }

.newszi p { margin-bottom: 15px; line-height: 25px; text-indent: 30px; }

.daodu { padding: 10px 20px 10px 20px; font-size: 14px; width: 96.3%; background-color: #f8f8f8; border: 1px #E5E5E5 solid; color: #333; margin-bottom: 20px; }



.newsdetail ._detailPage_bottom { border-top: 1px solid #cccccc; margin-top: 30px; }

.newsdetail ._detailPage_bottom li { line-height: 40px; overflow: hidden; height: 40px; padding: 0 10px; border-bottom: 1px solid #cccccc; }

.newsdetail ._detailPage_bottom ._mark { font-weight: bold; float: left; margin-right: 10px; }

.newsdetail ._detailPage_bottom ._title { font-size: 14px; float: left; width: 68%; }

.newsdetail ._detailPage_bottom ._title:hover { color: #e50012; }

.newsdetail ._detailPage_bottom ._time { float: right; }



.xg_news { width: 100%; overflow: hidden; margin-top: 30px; }

.newstit { font-size: 24px; text-align: center; color: #000; margin: 30px 0 40px 0; line-height: 40px; }







#Context_news { line-height: 25px; padding-right: 5px; }

.xg_newsh3 { font-size: 16px; margin-top: 10px; margin-bottom: 10px; }

.xg_news h4 { font-size: 14px; margin-top: 8px; margin-bottom: 8px; }

.xg_news p { text-indent: 20px; font-size: 14px; line-height: 2; text-indent: 2em; color: #666; margin-top: 8px; margin-bottom: 20px; }

.xg_news .xg_title { height: 30px; line-height: 30px; font-size: 16px; margin-top: 10px; margin-bottom: 10px; color: #E3131E; font-weight: bolder; }

.xg_news .xg_list { text-align: left; margin-top: 8px; }

.xg_news .xg_ul { margin: 0; padding: 0; list-style: none; }

.xg_news .xg_ul li { width: 100%; font-size: 14px; line-height: 30px; }

.xg_news .xg_ul li a { color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 80%; float: left; }

.xg_news .date { color: #838282; float: right; width: 20%; display: block; }



.news_l { float: left; width: 49%; }

.news_r { float: right; width: 49%; }





/** page**/

#ctl00_ContentConn_PageInfo { padding: 3px; text-align: center; margin-top: 20px; font-size: 14px; float: left; /*height: 45px;*/ line-height: 40px; width: 95%; }

#ctl00_ContentConn_PageInfo a { background: #fff none repeat scroll 0 0; border: 1px solid #bcbcbc; color: #999; margin: 5px 5px 0 0; padding: 4px 10px; }

#ctl00_ContentConn_PageInfo a:hover { background: #ff3a3b none repeat scroll 0 0; border: 1px solid #c00; color: #fff; text-decoration: none; }

#ctl00_ContentConn_PageInfo .current { background: #ff3a3b none repeat scroll 0 0; border: 1px solid #c00; color: #fff; text-decoration: none; }





.sol_list{ width:1200px; margin:0 auto; overflow:hidden; padding-left:25px;}

.sol_list dl{ width:30%; float:left; margin-right:3%;_margin-right:2%; margin-bottom:3%;position: relative; overflow:hidden}  .sol_list dt{ overflow:hidden}   .sol_list dt a{display: block;} 



.sol_list  a:hover .bg{position: absolute;

    width: 100%;

    height: 233px;

    top: 0;

    left: 0;

    z-index: 997;

    display: block;

    filter: alpha(opacity=50);

    -moz-opacity: 0.5;

    -khtml-opacity: 0.5;

    opacity: 0.5;

    background: #000;-webkit-transition: all 0.45s ease-in-out;

    transition: all 0.45s ease-in-out;}





 .sol_list dt a .pic { -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -ms-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0); -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; width:100%; height:auto;_height:233px;}

 .sol_list dt a:hover .pic { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); }





.sol_list dd{ width:100%; background:#f3f3f3; padding:10px 0;}   .sol_list dd strong{ font-weight:bold;}  .sol_list dd h4{ font-size:16px; margin-bottom:10px; margin-left:15px;}   .sol_list dd p{ margin-left:15px; margin-bottom:5px;  line-height:28px;}

.sol_list dd .show-more{  font-size:16px; text-align:center; width:50%; margin:0 auto;  margin-top:10px; margin-bottom:5px;}   .sol_list dd .show-more a{ color:#000; border:#797979 1px solid;padding:7px 0; display: block}

.sol_list dd .show-more a:hover{ background:#e50012;border:#e50012 1px solid; color:#fff;}



.sol_list dt:hover .i6 { left:44%; opacity: 1; filter: alpha(opacity=100); position:absolute; top:23% }  

.sol_list dt a .i6 { left:44%;  filter: alpha(opacity=0); position:absolute; top:23%; opacity:0;}  





/*capacity*/



  .baselayout{ width:100%; margin:0 auto;  margin-top:40px; margin-bottom:40px; overflow:hidden }



  .baselayout h2{ margin-bottom:20px;}

.imagedesc_370{width:22%;  float:left;position:relative;   margin: 2% 3% 2% 0;}

.imagedesc_370 img{width:100%; height:auto;}



.imagedesc_370 .core_desc{position:absolute; bottom:0px; left:0px; width:100%;}

*html .imagedesc_370 .core_desc{position:absolute; bottom:0px; left:0px; width:100%; background:#000;filter:alpha(opacity=50); -moz-opacity:0.50;-khtml-opacity: 0.50;opacity: 0.50;}

.imagedesc_370 .core_bg{position:absolute; left:0px; top:0; width:100%; height:100%; background:#000;filter:alpha(opacity=50); -moz-opacity:0.50;-khtml-opacity: 0.50;opacity: 0.50;}

.imagedesc_370 .core_text{position:relative;  padding:8px 10px; font-size:14px; width:205px; line-height:18px; color:#fff;}



/*kejiyanjiu*/

.yanjiu{ margin-top:40px; margin-bottom:40px;}   .yanjiu p{ margin-bottom:30px;}

.yanjiu .row{ width:100%; border-bottom:1px solid #eee; margin-bottom:25px; padding-bottom:25px; overflow:hidden;}

.yanjiu .pic{ float:left; margin-right:20px;}

.yanjiu .wenzi{ float:left; width:52%;}

.yanjiu .wenzi strong{ color:#ec1d25; display:block; margin-bottom:6px; font-size:16px;}

.yanjiu .wenzi p{ color:#666; margin-bottom:0;}



/*guojihezuo*/

.guoji{ width:100%; margin-bottom:25px; margin-top:40px; overflow:hidden;}

.gj-wz{ border-bottom:1px solid #e5e5e5; margin-bottom:16px;}

.gj-wz p{ margin-bottom:15px; text-indent:2em;}

.gj-wz span{ font-size:19px; color:#ed1c24; font-weight:bold; display:block;}

.gj-wz em{ display:block; color:#999; font-style:normal; margin-bottom:15px;}

.hezuo{ width:100%; margin-bottom:10px; overflow:hidden;}

.hezuo h3{ color:#333; font-size:20px; margin-bottom:25px; margin-top:15px;}

.hezuo ul{ width:100%;}

.hezuo ul li{ float:left; width:19%; margin-right:1%;}

.hezuo ul li span{ display:block; text-align:center; margin-top:8px;}



/*手机端底部*/

.fix-footer{ position:fixed; bottom:0; left:0; z-index:999; margin:0; padding:0; width:100%; background:#f63401;}

.fix-footer ul li{ float:left; border-right:1px solid #f25830; width:33%; position:relative; height:50px;}

.fix-footer ul li a{ display:block; height:50px; line-height:50px; text-align:center;}

.fix-footer ul li a img{ margin:15px 5px 0 0; display:inline-block;}

.fix-footer ul li a span{ display:inline-block; font-size:14px; color:#fff; vertical-align:top;}