/***************** reset *****************/
*{ margin:0; padding:0; word-wrap:break-word;}
body{ color:#444; font:12px/1 Arial, Helvetica, sans-serif; background:#f5f5f5;}
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight:normal;}
a{ color:#444; text-decoration:none;}
a:hover{ color:#d70c19; text-decoration:underline;}
img{ border:0;}
ul, li{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
input, button, textarea, select, optgroup, option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
input, button, textarea, select{ *font-size:100%;}
sup{ vertical-align:baseline;}
sub{ vertical-align:baseline;}

.clear{clear:both; height:1px;font-size:0;line-height:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}

a.orange,.orange{ color:#f60;}

/***************** universal *****************/
span.spacing{ height:10px; display:block; overflow:hidden;}
#head,#banner,.crumb,#content,#foot,#i_banner,#i_content,#iot_content{ width:1200px; margin:0 auto;}

#top_line{ height:4px; overflow:hidden; background:#c4000d url(../images/top_bg.png) no-repeat 25% 0;}

/***************** head *****************/
#head_bg{ width:100%; min-width:1200px; background:#fff; box-shadow:8px 0 15px #ccc;}
#head{ height:108px;}
#head .logo{ width:225px; height:26px; margin-top:40px; float:left;}

#head .rt{ float:right;}
#head .rt .top_link{ float:right; padding-top:15px;}
#head .rt .top_link span,#head .rt .top_link a{ float:left;}
#head .rt .top_link span{ width:1px; height:10px; margin:2px 10px; background:#e2e2e2;}
#head .rt .top_link a{ font-weight:normal; color:#9e9e9e;}

/***************** nav *****************/
#nav{ width:920px; padding-top:35px; float:right;}
#nav ul li{ padding:0 30px; float:left; display:inline; position:relative; z-index:100; z-index:9999;}
#nav ul li.divider{ width:1px; height:12px; padding:0; margin-top:4px; background:#f1f1f1;}
#nav ul li a{ line-height:20px; color:#000; font-size:16px;}
#nav ul li a:hover,#nav ul li a.current,#nav ul li.iehover a,#nav ul li:hover a{ color:#d70c19; text-decoration:none;}

#nav li ul{ width:250px; padding:29px 0 0; display:none; position:absolute; top:14px; left:0; z-index:9999;}

#nav li ul div.sub_arrow{ display:block; padding:5px 15px 15px; background:#5a6067; position:relative; box-shadow:3px 3px 25px #5a6067;}
#nav li ul div.sub_arrow>.arrow{ position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid;}
#nav li ul div.sub_arrow>.arrow{ border-width:7px;}
#nav li ul div.top>.arrow{ top:-7px; left:25%; margin-right:-7px; border-bottom-color:#5a6067; border-top-width:0;}


#nav li ul li{ padding:0; float:none; /*For Gecko*/ display:inline; /*For IE*/ background:url(../images/li_bg.gif) repeat-x bottom;}
#nav li ul li a{ line-height:40px; display:block; font-size:12px; color:#fff;}
html>/**/body ul#menu li ul li{ display:block !important;/*For firfox*/}


/* 2nd Menu */ 
ul#menu li:hover li>a{ color:#a3a9b2; padding-left:15px; background:url(../images/arrow.gif) no-repeat 5px center;}
/* 2nd Menu Hover */
ul#menu li:hover li>a:hover,
ul#menu li:hover li:hover>a{ color:#c4000d; background:url(../images/arrow1.gif) no-repeat 5px center;}

ul#menu li:hover ul,
ul#menu li.iehover ul{ display:block;}

ul#menu li:hover ul,
ul#menu li.iehover ul{ display:block;}

.iot_head #nav li ul div.sub_arrow{ background:#fff;}
.iot_head #nav li ul div.top>.arrow{ border-bottom-color:#fff;}
.iot_head #nav li ul li{ border-bottom:1px #eee solid; background:none;}

ul#menu ul.long div.sub_arrow{ width:1160px; padding:20px; left:-663px;}
ul#menu ul.long div.top>.arrow{ left:60%;}
ul#menu ul.long li{ width:15%; height:140px; margin-right:23px; border-bottom:none; float:left; background-position:0 38px;}
ul#menu ul.long li:nth-child(6n+1){ margin-right:0;}
ul#menu ul.long li>a{ font-size:14px; color:#fff; background:#f9f9f9;}
ul#menu ul.long li:hover>a{ color:#fff; background:#c4000d;}
ul#menu ul.long li dl dd{ text-align:center;}
ul#menu ul.long li dl dd a{ color:#a3a9b2; background:none;}
ul#menu ul.long li dl dd a:hover,ul#menu ul.long li:hover dl dd a{ color:#c4000d; border-bottom:none; box-shadow:0px 0px 30px rgba(0,0,0,0.15);}
ul#menu ul.long li dl dd a img{ width:65%; display:block; margin:0 auto; }
#nav li ul.long li a{ text-align:center; line-height:24px; padding:0;}

ul#menu ul.long li:nth-child(2)>a{ background:#c4000d;}
ul#menu ul.long li:nth-child(3)>a{ background:#74CDD9;}
ul#menu ul.long li:nth-child(4)>a{ background:#FBB03F;}
ul#menu ul.long li:nth-child(5)>a{ background:#9B8679;}
ul#menu ul.long li:nth-child(6)>a{ background:#EE1E7B;}
ul#menu ul.long li:nth-child(7)>a{ background:#BCBDC0;}

/*ul#menu ul.long li:nth-child(2) dl dd>a:hover{ border-bottom:1px #c4000d solid;}
ul#menu ul.long li:nth-child(3) dl dd>a:hover{ color:#74CDD9; border-bottom:1px #74CDD9 solid;}
ul#menu ul.long li:nth-child(4) dl dd>a:hover{ color:#FBB03F; border-bottom:1px #FBB03F solid;}
ul#menu ul.long li:nth-child(5) dl dd>a:hover{ color:#9B8679; border-bottom:1px #9B8679 solid;}
ul#menu ul.long li:nth-child(6) dl dd>a:hover{ color:#EE1E7B; border-bottom:1px #EE1E7B solid;}
ul#menu ul.long li:nth-child(7) dl dd>a:hover{ color:#BCBDC0; border-bottom:1px #BCBDC0 solid;}*/

/* top_tool */
ol#top_tool{ float:right;}
ol#top_tool li{ position:relative; z-index:100;}
ol#top_tool li a{ color:#cecece; font-size:14px;}
ol#top_tool li a.search{ width:62px; height:16px; display:block; line-height:16px; padding-right:20px; background:url(../images/search.png) no-repeat right 0;}

ol#top_tool li .sub{ display:none; position:absolute; top:44px; right:0px; background:#fff; box-shadow:0px 0px 8px #ccc;}
ol#top_tool li .sub_m{ right:-76px;}

ol#top_tool li .sub>.arrow,ol#top_tool li .sub>.arrow:after{ position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid;}
ol#top_tool li .sub>.arrow{ border-width:9px;}
ol#top_tool li .sub>.arrow:after{ content:""; border-width:10px;}
ol#top_tool li .sub.top>.arrow{ top:-9px; right:10%; margin-right:-5px; border-bottom-color:#ccc; border-top-width:0;}
ol#top_tool li .sub.top>.arrow:after{ top:1px; margin-right:-4px; content:" "; border-bottom-color:#fff; border-top-width:0; left:-10px;}

ol#top_tool li .sub_m.top>.arrow{ right:20%;}

.search_box{ width:350px; padding:30px;}
.search_box h3{ text-align:left; margin-bottom:15px; font-size:16px; font-weight:normal; color:#333;}
.search_box a.search_btn{ width:80px; height:30px; float:left; margin-left:15px; display:block; border:1px #ddd solid; background:url(../images/search.png) no-repeat center center;}
.search_box input{ width:240px; height:32px; float:left; color:#aaa; padding-left:10px; border:none; line-height:32px; background:#eee;}

/***************** banner *****************/
#banner{ padding-top:20px; position:relative; overflow:hidden;}

/* slide */
.slide-main{ height:450px; position:relative;}
.prev,.next{ display:block; width:36px; height:92px; position:absolute; z-index:222; top:40%; overflow:hidden; cursor:pointer; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
.prev{ left:0; background:url(../images/l-btn.png) no-repeat center center;}
.next{ right:0; background:url(../images/r-btn.png) no-repeat center center;}
.slide-main:hover .prev,.slide-main:hover .next{ opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30); background-color:#000;}

.item{ display:block; width:100%; height:19px; position:absolute; z-index:124; bottom:20px; left:0; text-align:center; background:url(../images/item_bg.png) no-repeat center 0;}
.item a{ display:inline-block; width:7px; height:7px; margin:4px 5px; overflow:hidden; border-radius:100%; border:1px #fff solid;}
.item a.cur{ width:8px; height:8px; background:#fff;}

/***************** content *****************/
#content{ padding:25px 0 30px;}
.products ul{ width:1220px;}
.products ul li{ width:388px; height:370px; color:#333; float:left; margin-right:18px; background:#fff; overflow:hidden; position:relative; box-shadow:5px 5px 5px rgba(0,0,0,0); transition:background 0.5s ease-in 0s; transition:box-shadow 0.2s ease-in 0s;}
.products ul li:nth-child(3n){ margin-right:0;}
.products ul li .pic{ height:220px; overflow:hidden;}
.products ul li .info .pro_pic{ width:200px; height:150px; overflow:hidden; background-repeat:no-repeat; background-position:center center; position:absolute; top:0; right:0;}
.products ul li h3{ font-size:18px; padding:30px;}
.products ul li h3 span.line{ width:56px; height:2px; margin-top:15px; display:block; background:#999;}
.products ul li:hover{ color:#fff; background:#FAA932; box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.products ul li:hover span.line{ background:#fff;}
.products ul li:hover h3{ color:#fff; text-decoration:none;}
.products ul li a:hover{ text-decoration:none;}

.products ul li .pic img{ -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1); transform:scale(1);}
.products ul li:hover .pic img{ -webkit-transform:scale(1.12); transform:scale(1.12);}

.products ul li:nth-child(1) .info .pro_pic{ background-position:0 center;}
.products ul li:nth-child(1) h3{ padding-right:180px;}
.products ul li:nth-child(2) .info .pro_pic{ background-position:center -20px;}
.products ul li:nth-child(2) h3{ padding-right:180px;}
.products ul li:nth-child(3) .info .pro_pic{ background-position:center -10px;}
.products ul li:nth-child(3) h3{ padding-right:200px;}
/*
.products ul li:nth-child(4),.products ul li:nth-child(5){ width:590px; height:285px; margin:20px 20px 0 0;}
.products ul li:nth-child(4) .pic,.products ul li:nth-child(5) .pic{ height:285px; float:left;}
.products ul li:nth-child(4) .info,.products ul li:nth-child(5) .info{ width:200px; height:285px; float:right;}
.products ul li:nth-child(4) .info .pro_pic,.products ul li:nth-child(5) .info .pro_pic{ height:150px; position:absolute; top:110px; right:0;}*/
.products ul li:nth-child(5){ margin-right:0;}

.products ul li.pro1 .info .pro_pic{ background-position:0 center;}
.products ul li.pro1 h3{ padding-right:180px;}
.products ul li.pro2 .info .pro_pic{ background-position:center -20px;}
.products ul li.pro2 h3{ padding-right:180px;}
.products ul li.pro3 .info .pro_pic{ background-position:center -10px;}
.products ul li.pro3 h3{ padding-right:200px;}
.products ul li.pro4,.products ul li.pro5{ margin:20px 18px 0 0;}
.products ul li.pro6{ margin:20px 0 0 0;}
.products ul li.pro6 h3{ padding-right:180px; }
.products ul li.pro4 h3{ padding-right:180px; }

/*
.products ul li.pro4,.products ul li.pro5{ width:590px; height:285px; margin:20px 20px 0 0;}
.products ul li.pro4 .pic,.products ul li.pro5 .pic{ height:285px; float:left;}
.products ul li.pro4 .info,.products ul li.pro5 .info{ width:200px; height:285px; float:right;}
.products ul li.pro4 .info .pro_pic,.products ul li.pro5 .info .pro_pic{ height:150px; position:absolute; top:110px; right:0;}
.products ul li.pro5{ margin-right:0;}*/


.products ul li div.info{ position:relative;}
.products ul li div.info>.arrow{ position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid;}
.products ul li div.info>.arrow{ border-width:12px;}
.products ul li div.info.top>.arrow{ top:-12px; left:50%; margin-right:-5px; border-bottom-color:#fff; border-top-width:0;}
.products ul li:hover div.top>.arrow{ border-bottom-color:#FAA932;}

.products ul li div.info.left>.arrow{ left:-12px; top:50%; margin-bottom:-5px; border-right-color:#fff; border-left-width:0;}
.products ul li:hover div.left>.arrow{ border-right-color:#a2d164;}

.products ul li:nth-child(2):hover{ background:#221E1F;}
.products ul li:nth-child(2):hover div.top>.arrow{ border-bottom-color:#221E1F;}
.products ul li:nth-child(3):hover{ background:#6C3D94;}
.products ul li:nth-child(3):hover div.top>.arrow{ border-bottom-color:#6C3D94;}
.products ul li:nth-child(4):hover{ background:#78CFE2;}
.products ul li:nth-child(4):hover div.left>.arrow{ border-right-color:#78CFE2;}
.products ul li:nth-child(5):hover{ background:#8BC63E;}
.products ul li:nth-child(5):hover div.left>.arrow{ border-right-color:#8BC63E;}

.products ul li.pro2:hover{ background:#221E1F;}
.products ul li.pro2:hover div.top>.arrow{ border-bottom-color:#221E1F;}
.products ul li.pro3:hover{ background:#6C3D94;}
.products ul li.pro3:hover div.top>.arrow{ border-bottom-color:#6C3D94;}
.products ul li.pro4:hover{ background:#78CFE2;}
.products ul li.pro4:hover div.left>.arrow{ border-right-color:#78CFE2;}
.products ul li.pro5:hover{ background:#8BC63E;}
.products ul li.pro5:hover div.left>.arrow{ border-right-color:#8BC63E;}

.new_products{ margin-top:25px; padding:20px; background:#fff;}
.new_products .title{ text-align:center; margin-bottom:20px;}
.new_products .title h3{ font-size:24px; line-height:30px; color:#000;}
.new_products .title p{ color:#999;}

.infiniteCarousel{ position:relative;}
.wrapper{ width:1074px; margin:0 auto;}
ul.p_list li{ width:150px; display:block; margin:20px 15px 0; float:left; text-align:center; box-shadow:5px 5px 30px rgba(0,0,0,0); transition:box-shadow 0.2s ease-in 0s;}
ul.p_list li:hover{ border-bottom:1px #d70c19 solid; box-shadow:0px 0px 30px rgba(0,0,0,0.15);}
ul.p_list li a.pro_pic{ width:150px; height:150px; display:block; overflow:hidden;}
ul.p_list li a.pro_pic:hover{}
ul.p_list li a.pro_name{ height:40px; display:block; text-align:center; line-height:16px;}
ul.p_list li:hover a.pro_name{}

.infiniteCarousel .arrow{ width:23px; height:35px; position:absolute; top:40%; cursor:pointer; outline:0;}
.infiniteCarousel .arrow a{ width:23px; height:35px; display:block; text-indent:-999px;}
.infiniteCarousel .right_btn{ right:0;}
.infiniteCarousel .left_btn a{ background:url(../images/lt-btn.png) no-repeat center 0;}
.infiniteCarousel .right_btn a{ background:url(../images/rt-btn.png) no-repeat center 0;}
.infiniteCarousel .left_btn a:hover{ background:url(../images/lt-btn.png) no-repeat center -35px;}
.infiniteCarousel .right_btn a:hover{ background:url(../images/rt-btn.png) no-repeat center -35px;}

/***************** foot *****************/
#foot_bg{ background:#4d4d51;}
#foot{ height:60px; line-height:60px; text-align:center; color:#999;}


/***************** insidepage *****************/
#i_banner{ padding-top:20px;}

.crumb{ width:1180px; line-height:40px; padding-left:20px; background:url(../images/home.gif) no-repeat 0 center;}
.i_crumb{ float:none;}
.crumb span.c_current{ color:#c4000d;}

#i_content{ margin:0 auto 50px; padding:0 10px; background:url(../images/con_bg.png) repeat-y left; position:relative;}
#left{ width:263px; padding-top:8px; float:left; line-height:30px; background:#fbfbfb url(../images/lt_bg.gif) no-repeat 0 0; }
#left h3{ height:70px; color:#fff; font-size:24px; line-height:60px; padding-left:20px; background:url(../images/lt_bg.gif) repeat-y;}

#i_content .con_bt_line{ width:1210px; height:13px; position:absolute; left:0; bottom:-13px; background:url(../images/con_bt_bg.png) no-repeat 0 0;}

#left_menu li.li_item{ font-size:14px; padding-bottom:2px; background:url(../images/lt_menu_li_bg.gif) repeat-x 0 72px;}
#left_menu li.li_item>a{ line-height:32px; padding:20px 0 20px 20px; display:block; transition:0.3s; border-left:0 #c4000d solid;}
#left_menu li.li_item>a:hover{ color:#c4000d; text-decoration:none; border-left:4px #c4000d solid; background-color:#fff;}
#left_menu li.li_item>a i.icon{ width:32px; height:32px; float:left; margin-right:10px; background-image:url(../images/lt_icon1.png); background-repeat:no-repeat; background-position:0 center;}
#left_menu li.li_item>a span.icon:hover{ background-image:url(../images/lt_h_icon1.png);}
#left_menu li.li_item:nth-child(2)>a i.icon{ background-image:url(../images/lt_icon2.png);}
#left_menu li.li_item:nth-child(2)>a i.icon:hover{ background-image:url(../images/lt_h_icon2.png);}
#left_menu li.li_item:nth-child(3)>a i.icon{ background-image:url(../images/lt_icon3.png);}
#left_menu li.li_item:nth-child(3)>a i.icon:hover{ background-image:url(../images/lt_h_icon3.png);}
#left_menu li.li_item:nth-child(4)>a i.icon{ background-image:url(../images/lt_icon4.png);}
#left_menu li.li_item:nth-child(4)>a i.icon:hover{ background-image:url(../images/lt_h_icon4.png);}
#left_menu li.li_item:nth-child(5)>a i.icon{ background-image:url(../images/lt_icon5.png);}
#left_menu li.li_item:nth-child(5)>a i.icon:hover{ background-image:url(../images/lt_h_icon5.png);}

#left_menu li.li_item.current,#left_menu li.li_item.submenu-indicator-minus{ font-size:16px; padding-bottom:0; background:url(../images/lt_menu_li_bg.gif) repeat-x 0 106px;}
#left_menu li.li_item.current>a,#left_menu li.li_item.submenu-indicator-minus>a{ height:108px; line-height:18px; padding:0 0 0 35px; color:#c4000d; text-decoration:none; border-left:none;}
#left_menu li.li_item.current>a:hover,#left_menu li.li_item.submenu-indicator-minus>a:hover{ background:none;}
#left_menu li.li_item.current>a i.icon,#left_menu li.li_item.submenu-indicator-minus>a i.icon{ width:59px; height:108px; float:right; margin-right:25px; background-image:url(../images/lt_cur_icon1.png); background-repeat:no-repeat; background-position:0 center;}
#left_menu li.li_item.current>a span,#left_menu li.li_item.submenu-indicator-minus>a span{ padding-bottom:10px; background:url(../images/lt_menu_li_line.gif) no-repeat 0 bottom;}

#left_menu li.li_item.current:nth-child(1)>a,#left_menu li.li_item.submenu-indicator-minus:nth-child(1)>a{ line-height:108px;}

#left_menu li.li_item.current:nth-child(2)>a i.icon,#left_menu li.li_item.submenu-indicator-minus:nth-child(2)>a i.icon{ background-image:url(../images/lt_cur_icon2.png);}
#left_menu li.li_item.current:nth-child(2)>a span,#left_menu li.li_item.submenu-indicator-minus:nth-child(2)>a span{ display:block; padding-top:32px;}
#left_menu li.li_item.current:nth-child(3)>a i.icon,#left_menu li.li_item.submenu-indicator-minus:nth-child(3)>a i.icon{ background-image:url(../images/lt_cur_icon3.png);}
#left_menu li.li_item.current:nth-child(3)>a span,#left_menu li.li_item.submenu-indicator-minus:nth-child(3)>a span{ display:block; padding-top:32px;}
#left_menu li.li_item.current:nth-child(4)>a i.icon,#left_menu li.li_item.submenu-indicator-minus:nth-child(4)>a i.icon{ background-image:url(../images/lt_cur_icon4.png);}
#left_menu li.li_item.current:nth-child(4)>a span,#left_menu li.li_item.submenu-indicator-minus:nth-child(4)>a span{ display:block; padding-top:32px;}
#left_menu li.li_item.current:nth-child(5)>a i.icon,#left_menu li.li_item.submenu-indicator-minus:nth-child(5)>a i.icon{ background-image:url(../images/lt_cur_icon5.png);}
#left_menu li.li_item.current:nth-child(5)>a span,#left_menu li.li_item.submenu-indicator-minus:nth-child(5)>a span{ display:block; padding-top:32px;}
#left_menu li.li_item.current:nth-child(6)>a span,#left_menu li.li_item.submenu-indicator-minus:nth-child(6)>a span{ display:block;}

#left_menu li.li_item.cur>a{ border-left:4px #c4000d solid; background-color:#fff;}

#left_menu.iot_menu li.li_item{ padding-bottom:1px;}
#left_menu.iot_menu li.li_item > a{ line-height:32px; padding:20px 0 20px 20px;}
#left_menu.iot_menu li.li_item i.icon{ display:none;}
#left_menu.iot_menu li.li_item.current{ border-left:4px #c4000d solid;}
#left_menu.iot_menu li.li_item.current,#left_menu.iot_menu li.li_item.submenu-indicator-minus{ font-size:16px; padding-bottom:0; background:url(../images/lt_menu_li_bg.gif) repeat-x 0 71px;}
#left_menu.iot_menu li.li_item.current>a,#left_menu.iot_menu li.li_item.submenu-indicator-minus>a{ height:32px;}

#left_menu.iot_menu li.li_item.current>a span,#left_menu.iot_menu li.li_item.submenu-indicator-minus>a span{ padding-bottom:10px; background:none;}
#left_menu.iot_menu li.li_item.current:nth-child(1)>a,#left_menu.iot_menu li.li_item.submenu-indicator-minus:nth-child(1)>a{ line-height:32px;}
#left_menu.iot_menu li.li_item.current:nth-child(2)>a span,#left_menu.iot_menu li.li_item.submenu-indicator-minus:nth-child(2)>a span{ padding-top:0;}
#left_menu.iot_menu li.li_item.current:nth-child(3)>a span,#left_menu.iot_menu li.li_item.submenu-indicator-minus:nth-child(3)>a span{ padding-top:0;}
#left_menu.iot_menu li.li_item.current:nth-child(4)>a span,#left_menu.iot_menu li.li_item.submenu-indicator-minus:nth-child(4)>a span{ padding-top:0;}
#left_menu.iot_menu li.li_item.current:nth-child(5)>a span,#left_menu.iot_menu li.li_item.submenu-indicator-minus:nth-child(5)>a span{ padding-top:0;}


/*二级*/
ul.sub_menu{ display:none;}
ul.sub_menu li{ font-size:12px;}
ul.sub_menu>li>a{ display:block; line-height:47px; padding:0 0 0 55px; font-weight:bold; border-bottom:1px #e7e7e7 solid; background:url(../images/lt_menu_li_li_bg.gif) no-repeat 0 0; transition:0.3s;}
ul.sub_menu>li>a:hover,ul.sub_menu>li>a.current{ color:#fff; text-decoration:none; background:#cecece;}
ul.sub_menu li span.pack_up{ width:9px; height:5px; float:right; margin:20px 20px 0 0; background:url(../images/drop.gif) no-repeat center center;}
ul.sub_menu li span.pack_up{ -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear}
ul.sub_menu li.submenu-indicator-minus>a>span.pack_up{ -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg) transform:rotate(180deg);}

/*三级*/
ul.sub_menu ul>li>a{ display:block; line-height:36px; padding:0 0 0 68px; font-weight:normal; border-bottom:none; background:none; transition:0.3s;}
ul.sub_menu ul>li>a:hover,ul.sub_menu ul>li.submenu-indicator-minus>a,ul.sub_menu ul>li>a.current{ color:#C4000D; font-weight:bold; text-decoration:none; background:none;}
ul.sub_menu ul>li>a span{ width:13px; height:13px; display:block; float:left; margin:10px 5px 0 0; background:url(../images/dot.gif) no-repeat center center;}
ul.sub_menu ul>li span.pack_up{ width:13px; height:13px; float:left; margin:10px 5px 0 0; background:url(../images/jia1.png) no-repeat center center;}
ul.sub_menu ul>li.submenu-indicator-minus span.pack_up{ background:url(../images/jian1.png) no-repeat center center;}

/*四级*/
ul.sub_menu li ol.sub_menu{ display:none; background:url(../images/line.gif) repeat-y 75px;}
ul.sub_menu li ol,#left_menu li ol{ padding:10px 0;}
ul.sub_menu li ol li,#left_menu li ol li{ background:none;}
ul.sub_menu li ol li:hover,#left_menu li ol li:hover{ background:none;}
ul.sub_menu li ol li a,#left_menu li ol li a{ line-height:32px; padding-left:90px; font-weight:normal; background:url(../images/line1.gif) no-repeat 76px center;}
ul.sub_menu li ol li a:hover,#left_menu li ol li a:hover{ padding-left:90px; font-weight:normal; text-decoration:none; background:url(../images/line1.gif) no-repeat 76px center;}
ul.sub_menu li ol li a.current,#left_menu li ol li a.current{ color:#c4000d;}
ul.sub_menu li ol li a span,#left_menu li ol li a span{ color:#999;}

.iot_menu ol{ border-left:4px #ccc solid;}

#right{ width:863px; padding:8px 28px 0 45px; float:right;}
#right .tool span.view{ float:right;}
#right .tool img{ vertical-align:middle;}
#right .tool a{ margin:0 5px;}
#right .title{ height:48px; padding-top:10px; line-height:48px; border-bottom:2px #f6f6f6 solid;}
#right .title h3{ width:260px; height:px; padding-left:25px; font-size:20px; color:#c4000d;) 
no-repeat 0 center;}
#right .con{ padding:25px 0 50px; line-height:1.5em;}
#right .con img{ max-width:863px; width:expression(this.width >863 && 863 ? 863: true);}

ul.i_p_list li{ width:150px; height:200px; padding:15px; margin:20px 17px 0; float:left; text-align:center; box-shadow:5px 5px 30px rgba(0,0,0,0); transition:box-shadow 0.2s ease-in 0s; border-bottom:1px #fff solid;}
ul.i_p_list li:hover{ border-bottom:1px #c4000d solid; box-shadow:0px 0px 30px rgba(0,0,0,0.15);}
ul.i_p_list li span.pro_pic{ width:150px; height:150px; display:block; margin-bottom:20px;}
ul.i_p_list li a{ text-decoration:none;}
ul.i_p_list p{ line-height:100px; text-align:center; font-size:20px; color:#ccc;}

ul.detail_list li{ width:100%; margin:20px 0 0; font-size:16px; text-align:left; box-sizing:border-box; border-bottom:1px #ccc dotted;}
ul.detail_list li span.pro_pic{ float:left; margin:0 20px 0 0;}
ul.detail_list li b{ margin-top:15px; display:block;}
ul.detail_list li p{ line-height:16px; text-align:left; font-size:12px; margin-top:15px;}
ul.detail_list li .more{ width:100px; line-height:26px; margin-top:15px; color:#fff; font-size:12px; display:block; float:left; background:#c4000d; text-align:center; border-radius:2px;}
ul.detail_list li .more:hover{ background:#FF8F00;}

.print_btn{ width:35px; height:35px; float:right; border-radius:10px; background:#51caf5 url(../images/print.png) no-repeat center center;}

/* 商品详情页 */
.img_area{ width:402px; float:left;}

#preview{}
.jqzoom{ width:400px; height:400px; position:relative; border:1px solid #e4e4e4;}

.list-h li{ float:left;}
#spec-n5{ width:400px; height:100px; padding-top:10px; overflow:hidden;}
#spec-list{ width:410px; float:left; overflow:hidden; display:inline; position:relative;}
#spec-list ul li{ width:70px; padding-right:12px; height:100px; float:left; display:inline; text-align:center;}
#spec-list ul li img{ width:70px; height:70px; border:1px solid #eaeaea; float:left;}
#spec-list div{ margin-top:0; *margin-left:0;}

#spec-left{ background:url(images/detail/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:15px;}
#spec-right{ background:url(images/detail/right.gif) no-repeat; width:10px; height:45px; float:right; cursor:pointer; margin-top:15px;}

/*jqzoom*/
.jqzoom{ position:relative; padding:0;}
.zoomdiv{ width:400px; height:400px; z-index:100; position:absolute; top:1px; left:0px; background:url(i/loading.gif) #fff no-repeat center center; border:1px solid #e4e4e4; display:none; overflow:hidden;}
.bigimg{ width:1000px; height:1000px;}
.jqZoomPup{ width:168px; height:160px; z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; border:1px solid #ccc; background:#F2F6D5 50% top no-repeat; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); cursor:move;}

.pro_about{ width:420px; float:right; line-height:24px;}
.pro_about .pro_name{ font-size:24px; padding-bottom:15px;}
.pro_about .pro_info{ height:300px;}
.pro_about .pro_info h3{ font-size:18px; line-height:60px; color:#c4000d;}
.pro_about .pro_info b{ color:#000;}

.icon_list{ margin-top:20px;}
.icon_list ul li{ float:left; margin-right:20px;}

/* pro_detail */
.detail_tab{ height:46px; margin-top:50px; border-bottom:2px #e4e4e4 solid;}
.detail_tab ul li{ float:left; text-align:center;}
.detail_tab ul li a{ padding:0 20px; margin-right:40px; height:46px; line-height:46px; font-size:16px; font-weight:normal; display:block; color:#000; cursor:pointer;}
.detail_tab ul li a:hover{ color:#c4000d;}
.detail_tab ul li.hover a{ color:#c4000d; border-bottom:2px #c4000d solid; cursor:pointer;}

#pro_detail .main{ line-height:2em;}
#pro_detail .main .tab_con{ padding:20px 0;}
#pro_detail .main div.none{ display:none;}
#pro_detail .main div.block{ display:block; }

table.parameter{ width:100%; text-align:center; border-bottom:1px #ccc solid;}
table.parameter th,table.parameter td{ line-height:20px; padding:8px 20px; border-collapse:collapse; text-align:left; border-top:1px #ccc solid;}
table.parameter th{ width:180px; color:#000;}
table.parameter td{ color:#000; border-top:1px #ccc solid;}
table.parameter>tbody>tr:nth-child(2n+1)>th{ background-color:#E7E9E7; border-right:1px #ccc solid;}
table.parameter>tbody>tr:nth-child(2n+1)>td{ background-color:#F5F5F5;}
table.parameter>tbody>tr:nth-child(2n)>th{ background-color:#F5F5F5; border-right:1px #ccc solid;}
table.parameter>tbody>tr:nth-child(2n)>td{ background-color:#fff;}
table.parameter>tbody>tr>td:nth-child(1){ text-align:left;}

table.parameter tbody tr th{ background-color:#E7E9E7; border-right:1px #ccc solid;}
table.parameter tbody tr td{ background-color:#F5F5F5;}
table.parameter tbody tr.tr2 th{ background-color:#F5F5F5; border-right:1px #ccc solid;}
table.parameter tbody tr.tr2 td{ background-color:#fff;}

#right .related_products{ margin-top:20px;}
#right .related_products .title h3,#right .related_projects h3,#right .related_news h3{ padding-left:15px; font-size:16px; background:url(../images/line.gif) no-repeat 0 center;}
#right .related_products ul.i_p_list li{ margin:20px 6px; padding:5px;}

#right .related_projects .title{ margin-bottom:20px;}

.project_list li{ width:200px; height:200px; margin-right:20px; float:left; text-align:center; display:table;}
.project_list li:nth-child(4n){ margin:0;}
.project_list li img{ display:block;}
.project_list li span{ width:180px; height:40px; padding:0 10px; line-height:1.2em; display:block; background:#f3f3f3; vertical-align:middle; display:table-cell;}
.project_list li a:hover{ color:#fff; text-decoration:none;}
.project_list li a:hover span{ background:#c4000d;}

.project_box h3{ font-size:20px;  margin-bottom:15px;}

ul.news_list li{ height:100px; margin-bottom:15px; padding-bottom:10px; border-bottom:1px #ccc dashed;}
ul.news_list li .n_pic{ float:left; margin-right:15px;}
ul.news_list li span.data{ width:65px; height:90px; padding-left:10px; margin-left:15px; float:right; text-align:center; border-left:1px #f1f1f1 solid;}
ul.news_list li span.data .day,ul.news_list li span.data .month{ display:block; color:#999; font-size:14px;}
ul.news_list li span.data .day{ font-size:30px; line-height:35px; margin-top:15px; color:#c4000d; font-weight:bold; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
ul.news_list li .info a{ font-size:16px; display:block; margin-bottom:5px;}
ul.news_list li .info p{ color:#999; line-height:16px;}

.related_news{ padding-bottom:30px;}
ul.news_list1 li{ padding:15px 10px 10px; border-bottom:1px #ddd dashed;}
ul.news_list1 li:hover{ background:#f9f9f9;}
ul.news_list1 li span.time{ float:right; color:#ccc;}
ul.news_list1 li a{ display:block; padding-left:10px; margin-bottom:5px; background:url(../images/arrow.gif) no-repeat 0 center;}

.textTitle{ margin-top:20px; font-size:20px;}
.subtime{ margin-top:10px; padding-bottom:20px; border-bottom:1px #e1e1e1 solid; color:#999;}
.subtime span{ color:#b8b8b8;}
.subtime span.down{ padding-left:20px; float:right; background:url(../images/download_pic.gif) no-repeat 0 center;}
.subtime span.down a{ text-decoration:underline;}
.subtime span.down a:hover{ text-decoration:none;}
.article{ padding:20px 0;}
.article table td{border:1px #858585 solid; padding:5px; }
.article table{ border-collapse:collapse;}

.tool_box{ height:40px; margin:20px 0 0; padding-top:20px; border-top:1px #e1e1e1 solid;}
.tool_box a{ width:700px; height:36px; line-height:36px; margin-bottom:1px; font-size:12px; float:left; background:#f9f9f9;}
.tool_box a span{ width:60px; display:block; float:left; margin-right:10px; text-align:center; color:#fff; background:#333;}
.tool_box a:hover{ background:#f1f1f1; text-decoration:underline;}
.tool_box a:hover span{ background:#c4000d}
.tool_box a.back{ width:163px; height:73px; line-height:73px; float:right; color:#fff; text-align:center; font-size:16px; background:#c4000d;}
.tool_box a.back:hover{background:#c4000d;}

ul.sort{ float:right;}
ul.sort li{ float:left;}
ul.sort li a{ width:120px; height:36px; line-height:36px; margin-left:15px; font-size:14px; text-align:center; color:#fff; display:block; background:#ccc; transition:background 0.5s ease-in 0s; border-radius:2px;}
ul.sort li a:hover,ul.sort li a.current{ background:#c4000d;}

/* download */
.down_list li{ line-height:42px; border-bottom:1px #ddd dashed;}
.down_list li:hover{ background-color:#f9f9f9;}
.down_list li:hover a{ color:#c4000d;}
.down_list li a{ background:url(../images/arrow.gif) no-repeat 6px center; padding-left:15px;}
.down_list li a:hover{ background:url(../images/arrow.gif) no-repeat 6px center;}
.down_list li .down,.down_list li .size{ float:right; width:150px; color:#999;}
.down_list li .down{ width:80px; padding-left:20px; background:url(../images/download_pic.gif) no-repeat 0 center;}
.down_list li .down a{ color:#f90; padding:0; background:none;}
.down_list li .down a:hover{ text-decoration:underline; padding:0; background:none;}

ul.q_a_list li{ padding-bottom:5px; margin-bottom:15px; border-bottom:1px #ddd dashed;}
ul.q_a_list div{ padding-left:25px; margin-bottom:10px; color:#c4000d; line-height:18px; display:block; position:relative;}
ul.q_a_list div span{ width:18px; height:18px; margin-right:10px; color:#fff; text-align:center; float:left; display:block; font-size:15px; background:#c4000d; position:absolute; top:0; left:0;}
ul.q_a_list .question{ cursor:pointer;}
ul.q_a_list .answer{ color:#000; display:none;}
ul.q_a_list .answer span{ background:#FE9505;}

.i_contact_way{ line-height:24px;}
.map{ margin-top:20px;}

/* login */
.login_box{}
.login{ width:308px; height:320px; padding:50px; margin:50px auto; background:#fff;}
.login .title h3{ font-size:24px;}
.login .con{ padding-top:30px; font-size:14px;}
.login p .text{ width:258px; height:40px; line-height:40px; padding-left:50px; font-size:14px; color:#fff; border:none; background:#c0c0c0 url(../images/login_bg.png) no-repeat 15px center; box-shadow:inset 0 0 8px #999; margin-bottom:10px;}
.login p .password_text{ margin:20px 0 10px; background:#c0c0c0 url(../images/password_bg.png) no-repeat 15px center; }
.login p .forgot_password{ float:right;}
.login p input,.login p select{ vertical-align:middle;}

.login p .login_btn,.login p .register_btn{ width:308px; line-height:40px; text-align:center; font-size:16px; margin-top:40px; display:block; color:#fff; background:#c4000d; transition:background 0.5s ease-in 0s;}
.login p .login_btn:hover{ background:#a3000b; text-decoration:none;}
.login p .register_btn{ margin-top:20px; background:#FE9505;}
.login p .register_btn:hover{ background:#f38d00;  text-decoration:none;}

.login p ::-webkit-input-placeholder { color:#fff; /* WebKit browsers */}
.login p :-moz-placeholder { color:#fff; /* Mozilla Firefox 4 to 18 */}
.login p ::-moz-placeholder { color:#fff; /* Mozilla Firefox 19+ */}
.login p :-ms-input-placeholder { color:#fff; /* Internet Explorer 10+ */}

.reset_password{ width:350px;}
.reset_password p{ color:#999;}
.reset_password .text1{ width:340px; height:40px; line-height:40px; padding-left:10px; margin-top:20px; font-size:14px; border:1px #ccc solid;}
.reset_password a.submit_btn,.reset_password a.cancel_btn{ width:140px; line-height:40px; text-align:center; font-size:16px; margin:40px 10px 0 0; display:inline-block; color:#fff; background:#c4000d; transition:background 0.5s ease-in 0s;}
.reset_password a.submit_btn:hover{ background:#f60;}
.reset_password a.cancel_btn{ background:#ccc;}
.reset_password a.cancel_btn:hover{ background:#666;}

.reset_password p ::-webkit-input-placeholder { color:#ccc; /* WebKit browsers */}
.reset_password p :-moz-placeholder { color:#ccc; /* Mozilla Firefox 4 to 18 */}
.reset_password p ::-moz-placeholder { color:#ccc; /* Mozilla Firefox 19+ */}
.reset_password p :-ms-input-placeholder { color:#ccc; /* Internet Explorer 10+ */}

/* register */
.register_box{ width:1198px; margin:30px auto 0; background:#fff;}
.register_box .title1{ padding-bottom:8px; background:url(../images/arrow.png) no-repeat center bottom;}
.register_box .title1 h3{ height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center; background:#c4000d;}
.register_box .con{ padding:30px 100px 50px;}
.register_box .con h3{ line-height:16px; color:#999; padding-left:10px; border-left:3px #ff9600 solid;}

.step_box{ height:80px; margin-top:50px; border-top:3px #e8e8e8 solid; position:relative;}
.step_box ul li{ width:50%; padding-top:30px; float:left; text-align:center; border-top:3px #c4000d solid; color:#c4000d; position:absolute; top:-3px;}
.step_box ul li span{ width:37px; height:37px; line-height:37px; margin-left:-18px; color:#fff; font-size:18px; display:block; background:#c4000d; border-radius:100%; position:absolute; top:-20px; left:50%;}
.step_box ul li.gray{ color:#ddd; border-top:3px #ddd solid;}
.step_box ul li.gray span{ background:#ddd;}
.step_box ul li.step2{ right:0;}

.form_box{ width:750px; padding-bottom:50px; float:left;}
.form_box p{ height:40px; line-height:36px; margin:0 auto 10px; position:relative;}
.form_box p label{ width:120px; float:left; text-align:right; padding-right:10px; color:#000;}
.form_box p input,.register_box p select{ vertical-align:middle;}
.form_box p .text{ width:336px; height:36px; padding-left:10px; border:1px #d9d9d9 solid;}
.form_box p select{ width:110px; padding:5px; margin-right:5px; border:1px #d9d9d9 solid;}
.form_box p .submit{ width:160px; line-height:46px; margin-left:130px; text-align:center; font-size:16px; margin-top:20px; display:block; color:#fff; background:#FE9505; transition:background 0.5s ease-in 0s;}
.form_box p .submit:hover{ background:#f38d00; text-decoration:none;}

span.position{ position:absolute; left:500px; top:0;}
span.hint{ height:36px; line-height:36px; padding:0 10px 0 30px; color:#999; position:relative; border:1px #d9d9d9 solid; background:url(../images/password_tip.png) no-repeat 10px center;}
span.hint_ok{ border:1px #c0e6ff solid; background:#f4fbff url(../images/ok_tip.png) no-repeat 10px center;}
span.hint_no{ border:1px #ffcdcd solid; background:#ffeded url(../images/error_tip.png) no-repeat 10px center;}
span.hint>.arrow,span.hint>.arrow:after{ position:absolute; display:block; width:0; height:0; border-color:transparent;border-style:solid;}
span.hint>.arrow{ border-width:6px;}
span.hint>.arrow:after{ content:""; border-width:10px;}
span.hint.left>.arrow{ left:-6px; top:50%; margin-top:-6px; border-right-color:#d9d9d9; border-left-width:0;}
span.hint.left>.arrow:after{ left:2px; margin-top:-5px; content:" "; border-right-color:#fff; border-left-width:0; bottom:-10px;}

span.hint_ok.left>.arrow{ border-right-color:#c0e6ff;}
span.hint_ok.left>.arrow:after{ border-right-color:#f4fbff;}
span.hint_no.left>.arrow{ border-right-color:#ffcdcd;}
span.hint_no.left>.arrow:after{ border-right-color:#ffeded;}

.rt_box{ width:180px; height:350px; padding:10px 0 0 50px; border-left:1px #efefef solid; float:right; font-size:16px;}
.rt_box h2{ margin-bottom:35px;}
.rt_box .register_btn{ margin-top:25px;}
.rt_box .register_btn a{ width:160px; line-height:46px; text-align:center; font-size:16px; margin-top:20px; display:block; color:#fff; background:#c4000d; transition:background 0.5s ease-in 0s;}
.rt_box .register_btn a:hover{ background:#79b642; text-decoration:none;}

.register_box p.successful{ padding:50px 0; font-size:28px; text-align:center;}
.register_box p.successful a{ font-size:16px; color:#647ec8;}

.register_box p.goto{ padding-bottom:50px;}
.register_box p.goto a{ width:160px; height:30px; line-height:30px; margin:0 auto; color:#666; text-align:center; border:1px #ff9600 solid; display:block; border-radius:2px;}
.register_box p.goto a:hover{ color:#fff; text-decoration:none; background:#ff9600;}

table.data_table{ width:100%; margin:0; text-align:center;}
table.data_table th,table.data_table td{ line-height:40px; padding:0 10px; border-collapse:collapse;}
table.data_table th{ color:#fff; background:#51CAF5; border-right:1px #fff solid; font-weight:bold;}
table.data_table td{ font-size:12px; color:#999; border-bottom:1px #e1e1e1 solid;}
table.data_table .job_title{ text-align:left;}
table.data_table .job_title,table.recruitment_data .job_title a{ color:#bf9630;}
table.data_table .job_title a:hover{ color:#f60; text-decoration:underline;}
table.data_table .detail a{ color:#ff8500; text-decoration:underline;}
table.data_table .detail a:hover{ color:#f60; text-decoration:none;}

#i_content.m30{ margin-top:30px;}

.message{}
.message h3{ font-size:24px; margin-bottom:20px;}
.message p{ padding:10px 0;}
.message p label{ width:120px; line-height:32px; text-align:right; float:left; margin-right:10px;}
.message p .text,.message p textarea{ width:430px; height:32px; padding-left:14px; background:#f8f8f8; border:1px #ddd solid;}
.message p textarea{ height:112px; padding-top:10px;}
.message .submit{ display:block; width:120px; height:40px; font-size:14px; margin-left:130px; line-height:40px; text-align:center; color:#fff; background:#c4000d;}
.message .submit:hover{ color:#fff; background:#f60;}

.solution{ overflow:hidden; position:relative;}
.solution .solution_info{ width:100%; padding:20px 30px; box-sizing:border-box; background:rgba(255,255,255,0.9);}
.solution .solution_info h3{ color:#c4000d; font-size:14px; line-height:30px;}
.solution .solution_info p{ width:600px; float:left;}
.solution .download{ height:42px; padding:0 30px 0 60px; margin-top:30px; font-size:18px; color:#fff; line-height:42px; text-align:center; float:right; background:#000 url(../images/download.png) no-repeat 20px center; cursor:pointer;}
.solution .download:hover{ background:#c4000d url(../images/download.png) no-repeat 20px center;}

.solution .focus{ position:absolute;}
.solution .focus .dot{ width:25px; height:25px; display:block; position:relative;}
/*.solution .focus .position{ position:absolute; top:-25px; left:50px;}
.solution .focus .pro_info{ padding:25px 10px; text-align:center; background:#fff; box-shadow:3px 3px 15px #999;}
.solution .focus .pro_info>.arrow{ position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid;}
.solution .focus .pro_info>.arrow{ border-width:10px;}
.solution .focus .pro_info.left>.arrow{ left:-10px; top:10%; margin-bottom:-10px; border-right-color:#fff; border-left-width:0;}
.solution .focus .pro_info a{ width:115px; height:25px; margin:15px auto 0; color:#fff; display:block; line-height:25px; background:#8bc63f;}
.solution .focus .pro_info a:hover{ background:#80C342;}
*/

.solution .pro_info{ padding:25px 10px; text-align:center; background:#fff; box-shadow:3px 3px 15px #999;}
.solution .pro_info a{ width:115px; height:25px; margin:15px auto 0; color:#fff; display:block; line-height:25px; background:#000;}
.solution .pro_info a:hover{ background:#c4000d;}

.radius_suit,.radius_suit_nei{ background-color: rgba(255, 100, 0, 0.3); border-radius: 100%; height: 15px; margin-top: 5px; position: absolute; width: 15px;}
.radius_suit{ animation:2s ease 0.2s normal both infinite running scale; -webkit-animation:2s ease 0.2s normal both infinite running scale;-moz-animation:2s ease 0.2s normal both infinite running scale;}
.radius_suit_nei{animation: 4s ease 0.6s normal both infinite running scale; -webkit-animation:4s ease 0.6s normal both infinite running scale;-moz-animation:4s ease 0.6s normal both infinite running scale;}
.Center_thecircle{ background:#C4000D url(../images/jia.png) no-repeat center center; border-radius: 100%; height: 15px; margin-top: 5px; position: absolute; width: 15px;}
@keyframes scale {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(2.5);
	}
}
@-webkit-keyframes scale {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(2.5);
	}
}
@-moz-keyframes scale {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(2.5);
	}
}

/***************** IOT *****************/
#head.iot_head #nav{ width:800px; padding-top:65px;}

/* IOT banner */
#iot_banner{ width:1200px; margin:0 auto 0; padding-top:20px; position:relative; overflow:hidden;}

#iot_banner .slide-main{ height:423px; position:relative;}
#iot_banner .prev,#iot_banner .next{ display:block; width:36px; height:92px; position:absolute; z-index:222; top:40%; overflow:hidden; cursor:pointer; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
#iot_banner .prev{ left:0; background:#fff url(../images/l-btn.png) no-repeat center center;}
#iot_banner .next{ right:0; background:#fff url(../images/r-btn.png) no-repeat center center;}
#iot_banner .slide-main:hover .prev,#iot_banner .slide-main:hover .next{ opacity:1; -moz-opacity:1; filter:alpha(opacity=100); background-color:rgba(0,0,0,0.3);}

.iot_position{ width:100%; position:absolute; z-index:124; bottom:0; left:0;}
.iot_btn{ width:1200px; height:40px; margin:0 auto; background:rgba(255,255,255,0.5); position:relative;}
.iot_btn a{ width:165px; float:left; line-height:40px; background:#8bc63e; text-align:center; color:#fff; font-size:14px;}
.iot_btn a:hover{ background:#80C342;}

.iot_btn .item{ width:100px; display:block; height:19px; text-align:center; position: absolute; left:auto; right:0; top:10px; background:none;}
.iot_btn .item a{ display:inline-block; width:7px; height:7px; margin:4px 8px; overflow:hidden; border-radius:100%; border:1px #80C342 solid;}
.iot_btn .item a.cur{ background:#fff; border:1px #fff solid;}

.iot_item .item{ background:none;}

#iot_content{ padding-bottom:50px;}

/*.iot_pro{}
.iot_pro ul li{ width:388px; margin:18px 18px 0 0; float:left; background:#fff; transition:0.5s;}
.iot_pro ul li:nth-child(3n){ margin-right:0;}
.iot_pro ul li .pic{ width:388px; height:220px; overflow:hidden;}
.iot_pro ul li .info{ padding:20px; color:#fff;}
.iot_pro ul li .info h3{ font-size:24px; margin-bottom:10px; color:#333;}
.iot_pro ul li .info p{ font-size:12px; line-height:1.2em; color:#666;}
.iot_pro ul li .info a.more{ width:120px; height:26px; line-height:26px; margin-top:15px; font-size:13px; font-weight:bold; text-align:center; display:block; border-radius:20px; background:#fff; border:2px #fff solid;}
.iot_pro ul li:hover .info a.more{ background:none; color:#fff; text-decoration:none; border:2px #fff solid;}
.iot_pro ul li .info a.more{ color:#fff; background:#ccc; border:2px #ccc solid;}

.iot_pro ul li:hover{ box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.iot_pro ul li:hover .info h3{ color:#fff;}
.iot_pro ul li:hover .info p{ color:#fff;}
.iot_pro ul li:nth-child(1):hover{ background:#8BC63E;}
.iot_pro ul li:nth-child(2):hover{ background:#FF6D4C;}
.iot_pro ul li:nth-child(3):hover{ background:#03BEC7;}
.iot_pro ul li:nth-child(4):hover{ background:#F32735;}
.iot_pro ul li:nth-child(5):hover{ background:#6C3D94;}
.iot_pro ul li:nth-child(6):hover{ background:#221E1F;}*/

.iot_pro ul li{ width:100%; margin-top:15px;transition:0.5s; background:#fff;}
.iot_pro ul li:nth-child(2n){ margin-right:0;}
.iot_pro ul li .pic{ width:300px; height:300px; padding:0 20px; float:left; overflow:hidden; background:#fff;}
.iot_pro ul li .info{ width:750px; padding:50px; float:right; color:#fff;}
.iot_pro ul li .info h3{ font-size:40px; margin-bottom:20px; color:#333;}
.iot_pro ul li .info p{ font-size:20px; line-height:1.5em; color:#666;}
.iot_pro ul li .info a.more{ width:150px; height:32px; line-height:32px; margin-top:20px; font-size:13px; font-weight:bold; text-align:center; display:block; border-radius:20px; background:#fff; border:2px #fff solid;}
.iot_pro ul li .info a.more{ color:#fff; background:none; border:2px #fff solid;}

.iot_pro ul li:hover .info a.more{ background:#fff; color:#000; text-decoration:none; border:2px #fff solid;}
.iot_pro ul li:hover{ box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.iot_pro ul li .info h3{ color:#fff;}
.iot_pro ul li .info p{ color:#fff;}
.iot_pro ul li:nth-child(1){ background:#8FD250;}
.iot_pro ul li:nth-child(2){ background:#74CDD9;}
.iot_pro ul li:nth-child(3){ background:#9B8679;}
.iot_pro ul li:nth-child(4){ background:#FBB03F;}
.iot_pro ul li:nth-child(5){ background:#EE1E7B;}
.iot_pro ul li:nth-child(6){ background:#BCBDC0;}

.iot_pro ul li:nth-child(2) .pic,.iot_pro ul li:nth-child(4) .pic,.iot_pro ul li:nth-child(6) .pic{ float:right;}
.iot_pro ul li:nth-child(2) .info,.iot_pro ul li:nth-child(4) .info,.iot_pro ul li:nth-child(6) .info{ float:left;}

.iot_pro ul li .pic img{ -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -iot_pro-transform:scale(1); transform:scale(1);}
.iot_pro ul li:hover .pic img{ -webkit-transform:scale(1.12); transform:scale(1.12);}

.iot_products{ margin-top:15px; border-bottom:2px #c4000d solid;}

.screening{ background:#fafafa; margin-bottom:20px;}
.screening h3{ font-size:16px; margin-bottom:15px;}
.screening ul{ display:block; padding:20px;}
.screening ul:nth-child(2){ padding-top:0;}
.screening ul li{ width:150px; float:left;}
.screening ul li .input_con{ float:left; margin-right:10px; background:#fff;}
.screening ul li label{ line-height:14px; padding:9px 0;}

.screening ul li a span{ width:17px; height:17px; display:block; float:left; margin-right:5px; background:url(../images/red.png) no-repeat 0 0;}
.screening ul li a:hover span{ background:url(../images/red.png) no-repeat -24px 0;}
.screening ul li a span.check{ background:url(../images/red.png) no-repeat -48px 0;}

/* IOT modify */
/*#iot_position{ width:1200px; margin:0 auto;}

#iot_head{ width:145px; float:left;}
#iot_head .iot_logo{ height:112px; height:68px; padding:22px 0; text-align:center; background:#fff;}

#iot_nav{ margin-top:4px;}
#iot_nav li{ display:block; text-align:center; font-size:15px; margin-bottom:4px;}
#iot_nav li a{ height:62px; line-height:62px; display:block; background:#fff; transition:background 0.2s ease-in 0s;}
#iot_nav li a:hover{ color:#fff; background:#8fd250; text-decoration:none;}
#iot_nav li a.back_to_home{ height:43px; line-height:43px; padding-left:20px; color:#fff; font-size:12px; background:#8fd250 url(../images/arrow2.gif) no-repeat 20px center;}
#iot_nav li a.back_to_home:hover{ background:#f90 url(../images/arrow2.gif) no-repeat 20px center;}

#iot_banner{ width:1052px; height:423px; float:right; overflow:hidden;}

.iot_item .item{ background:none;}*/


/***************** pagination *****************/
.flip_pages_front{ font-size:12px; font-family:arial,sans-serif; padding-top:30px; text-align:center; clear:both;}
.flip_pages_front a{ margin:0px 2px; padding:5px 8px; text-align:center; border:1px solid #000; color:#000; background:#fff;}
.flip_pages_front a:hover,.flip_pages_front .pageson{ color:#fff; background:#c4000d; border:1px solid #c4000d;}
.flip_pages_front .pagesInput input{ width:30px; height:24px; margin:0 5px; text-align:center; border:1px #c4000d solid;}
.flip_pages_front .pagego{ padding:5px 12px; color:#c4000d; border:1px solid #c4000d; cursor:pointer;}
.flip_pages_front .pagego:hover{ color:#fff; border:1px solid #c4000d; background:#c4000d;}
.flip_pages_front span{ padding:5px;}

ul.dashboard li a{ width:200px; height:60px; margin:0 15px; float:left; background:#fff; box-shadow:2px 2px 10px #ccc;}
ul.dashboard li a:hover{ text-decoration:none;}
ul.dashboard li i{ width:80px; height:60px; margin-right:15px; float:left; background-color:#30A5FF; border-radius:3px 0 0 3px; background-image:url(../images/1.png); background-repeat:no-repeat; background-position:center center;}
ul.dashboard li span.num{ display:block; margin-top:15px; font-size:20px;}
ul.dashboard li p{ color:#999;}
ul.dashboard li:nth-child(2) i{ background-image:url(../images/2.png); background-color:#FFB53E;}
ul.dashboard li:nth-child(3) i{ background-image:url(../images/3.png); background-color:#1EBFAE;}
ul.dashboard li:nth-child(4) i{ background-image:url(../images/4.png); background-color:#A2D164;}